| "use strict"; |
| "use client"; |
| var __create = Object.create; |
| var __defProp = Object.defineProperty; |
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; |
| var __getOwnPropNames = Object.getOwnPropertyNames; |
| var __getProtoOf = Object.getPrototypeOf; |
| var __hasOwnProp = Object.prototype.hasOwnProperty; |
| var __name = (target, value) => __defProp(target, "name", { value, configurable: true }); |
| var __export = (target, all) => { |
| for (var name in all) |
| __defProp(target, name, { get: all[name], enumerable: true }); |
| }; |
| var __copyProps = (to, from, except, desc) => { |
| if (from && typeof from === "object" || typeof from === "function") { |
| for (let key of __getOwnPropNames(from)) |
| if (!__hasOwnProp.call(to, key) && key !== except) |
| __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); |
| } |
| return to; |
| }; |
| var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( |
| |
| |
| |
| |
| isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, |
| mod |
| )); |
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); |
|
|
| |
| var index_exports = {}; |
| __export(index_exports, { |
| Content: () => Content, |
| List: () => List, |
| Root: () => Root2, |
| Tabs: () => Tabs, |
| TabsContent: () => TabsContent, |
| TabsList: () => TabsList, |
| TabsTrigger: () => TabsTrigger, |
| Trigger: () => Trigger, |
| createTabsScope: () => createTabsScope |
| }); |
| module.exports = __toCommonJS(index_exports); |
|
|
| |
| var React = __toESM(require("react")); |
| var import_primitive = require("@radix-ui/primitive"); |
| var import_react_context = require("@radix-ui/react-context"); |
| var import_react_roving_focus = require("@radix-ui/react-roving-focus"); |
| var import_react_presence = require("@radix-ui/react-presence"); |
| var import_react_primitive = require("@radix-ui/react-primitive"); |
| var RovingFocusGroup = __toESM(require("@radix-ui/react-roving-focus")); |
| var import_react_direction = require("@radix-ui/react-direction"); |
| var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state"); |
| var import_react_id = require("@radix-ui/react-id"); |
| var import_jsx_runtime = require("react/jsx-runtime"); |
| var TABS_NAME = "Tabs"; |
| var [createTabsContext, createTabsScope] = (0, import_react_context.createContextScope)(TABS_NAME, [ |
| import_react_roving_focus.createRovingFocusGroupScope |
| ]); |
| var useRovingFocusGroupScope = (0, import_react_roving_focus.createRovingFocusGroupScope)(); |
| var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME); |
| var Tabs = React.forwardRef( |
| |
| __name(function Tabs2(props, forwardedRef) { |
| const { |
| __scopeTabs, |
| value: valueProp, |
| onValueChange, |
| defaultValue, |
| orientation = "horizontal", |
| dir, |
| activationMode = "automatic", |
| ...tabsProps |
| } = props; |
| const direction = (0, import_react_direction.useDirection)(dir); |
| const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({ |
| prop: valueProp, |
| onChange: onValueChange, |
| defaultProp: defaultValue ?? "", |
| caller: TABS_NAME |
| }); |
| return (0, import_jsx_runtime.jsx)( |
| TabsProvider, |
| { |
| scope: __scopeTabs, |
| baseId: (0, import_react_id.useId)(), |
| value, |
| onValueChange: setValue, |
| orientation, |
| dir: direction, |
| activationMode, |
| children: (0, import_jsx_runtime.jsx)( |
| import_react_primitive.Primitive.div, |
| { |
| dir: direction, |
| "data-orientation": orientation, |
| ...tabsProps, |
| ref: forwardedRef |
| } |
| ) |
| } |
| ); |
| }, "Tabs") |
| ); |
| var TAB_LIST_NAME = "TabsList"; |
| var TabsList = React.forwardRef( |
| |
| __name(function TabsList2(props, forwardedRef) { |
| const { __scopeTabs, loop = true, ...listProps } = props; |
| const context = useTabsContext(TAB_LIST_NAME, __scopeTabs); |
| const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs); |
| return (0, import_jsx_runtime.jsx)( |
| RovingFocusGroup.Root, |
| { |
| asChild: true, |
| ...rovingFocusGroupScope, |
| orientation: context.orientation, |
| dir: context.dir, |
| loop, |
| children: (0, import_jsx_runtime.jsx)( |
| import_react_primitive.Primitive.div, |
| { |
| role: "tablist", |
| "aria-orientation": context.orientation, |
| ...listProps, |
| ref: forwardedRef |
| } |
| ) |
| } |
| ); |
| }, "TabsList") |
| ); |
| var TRIGGER_NAME = "TabsTrigger"; |
| var TabsTrigger = React.forwardRef( |
| __name(function TabsTrigger2(props, forwardedRef) { |
| const { __scopeTabs, value, disabled = false, ...triggerProps } = props; |
| const context = useTabsContext(TRIGGER_NAME, __scopeTabs); |
| const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs); |
| const triggerId = makeTriggerId(context.baseId, value); |
| const contentId = makeContentId(context.baseId, value); |
| const isSelected = value === context.value; |
| return (0, import_jsx_runtime.jsx)( |
| RovingFocusGroup.Item, |
| { |
| asChild: true, |
| ...rovingFocusGroupScope, |
| focusable: !disabled, |
| active: isSelected, |
| children: (0, import_jsx_runtime.jsx)( |
| import_react_primitive.Primitive.button, |
| { |
| type: "button", |
| role: "tab", |
| "aria-selected": isSelected, |
| "aria-controls": contentId, |
| "data-state": isSelected ? "active" : "inactive", |
| "data-disabled": disabled ? "" : void 0, |
| disabled, |
| id: triggerId, |
| ...triggerProps, |
| ref: forwardedRef, |
| onMouseDown: (0, import_primitive.composeEventHandlers)(props.onMouseDown, (event) => { |
| if (!disabled && event.button === 0 && event.ctrlKey === false) { |
| context.onValueChange(value); |
| } else { |
| event.preventDefault(); |
| } |
| }), |
| onKeyDown: (0, import_primitive.composeEventHandlers)(props.onKeyDown, (event) => { |
| if (disabled || event.target !== event.currentTarget) { |
| return; |
| } |
| if ([" ", "Enter"].includes(event.key)) { |
| context.onValueChange(value); |
| } |
| }), |
| onFocus: (0, import_primitive.composeEventHandlers)(props.onFocus, () => { |
| const isAutomaticActivation = context.activationMode !== "manual"; |
| if (!isSelected && !disabled && isAutomaticActivation) { |
| context.onValueChange(value); |
| } |
| }) |
| } |
| ) |
| } |
| ); |
| }, "TabsTrigger") |
| ); |
| var CONTENT_NAME = "TabsContent"; |
| var TabsContent = React.forwardRef( |
| __name(function TabsContent2(props, forwardedRef) { |
| const { __scopeTabs, value, forceMount, children, ...contentProps } = props; |
| const context = useTabsContext(CONTENT_NAME, __scopeTabs); |
| const triggerId = makeTriggerId(context.baseId, value); |
| const contentId = makeContentId(context.baseId, value); |
| const isSelected = value === context.value; |
| const isMountAnimationPreventedRef = React.useRef(isSelected); |
| React.useEffect(() => { |
| const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false); |
| return () => cancelAnimationFrame(rAF); |
| }, []); |
| return (0, import_jsx_runtime.jsx)(import_react_presence.Presence, { present: forceMount || isSelected, children: ({ present }) => (0, import_jsx_runtime.jsx)( |
| import_react_primitive.Primitive.div, |
| { |
| "data-state": isSelected ? "active" : "inactive", |
| "data-orientation": context.orientation, |
| role: "tabpanel", |
| "aria-labelledby": triggerId, |
| hidden: !present, |
| id: contentId, |
| tabIndex: 0, |
| ...contentProps, |
| ref: forwardedRef, |
| style: { |
| ...props.style, |
| animationDuration: isMountAnimationPreventedRef.current ? "0s" : void 0 |
| }, |
| children: present && children |
| } |
| ) }); |
| }, "TabsContent") |
| ); |
| function makeTriggerId(baseId, value) { |
| return `${baseId}-trigger-${value}`; |
| } |
| __name(makeTriggerId, "makeTriggerId"); |
| function makeContentId(baseId, value) { |
| return `${baseId}-content-${value}`; |
| } |
| __name(makeContentId, "makeContentId"); |
| var Root2 = Tabs; |
| var List = TabsList; |
| var Trigger = TabsTrigger; |
| var Content = TabsContent; |
| |
|
|
