@intlayer/design-system 6.1.6 → 7.0.0-canary.1

package/dist/components/SwitchSelector/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/SwitchSelector/index.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useItemSelector } from '../../hooks';\nimport { cn } from '../../utils/cn';\n\n/**\n * Configuration for a single choice in the SwitchSelector\n *\n * @template T - The type of the choice value\n * @interface SwitchSelectorChoice\n */\nexport type SwitchSelectorChoice<T = boolean> = {\n  /** The visual content displayed for this choice (text, icons, or React elements) */\n  content: ReactNode;\n  /** The value associated with this choice */\n  value: T;\n} & HTMLAttributes<HTMLButtonElement>;\n\n/**\n * Array of choices for the SwitchSelector component\n *\n * @template T - The type of the choice values\n */\nexport type SwitchSelectorChoices<T> = SwitchSelectorChoice<T>[];\n\nconst defaultChoices: SwitchSelectorChoices<boolean> = [\n  { content: 'Off', value: false },\n  { content: 'On', value: true },\n];\n\n/**\n * Props interface for the SwitchSelector component\n *\n * @template T - The type of the choice values\n * @interface SwitchSelectorProps\n */\nexport type SwitchSelectorProps<T = boolean> = {\n  /**\n   * Array of selectable choices\n   * @default [{ content: 'Off', value: false }, { content: 'On', value: true }]\n   * @example\n   * ```tsx\n   * <SwitchSelector choices={[\n   *   { content: 'Draft', value: 'draft' },\n   *   { content: 'Published', value: 'published' },\n   *   { content: 'Archived', value: 'archived' }\n   * ]} />\n   * ```\n   */\n  choices?: SwitchSelectorChoices<T>;\n\n  /**\n   * Controlled value for the selected choice\n   * @example\n   * ```tsx\n   * const [status, setStatus] = useState('draft');\n   * <SwitchSelector value={status} onChange={setStatus} />\n   * ```\n   */\n  value?: T;\n\n  /**\n   * Default selected value for uncontrolled mode\n   * @example\n   * ```tsx\n   * <SwitchSelector defaultValue=\"published\" />\n   * ```\n   */\n  defaultValue?: T;\n\n  /**\n   * Callback function triggered when selection changes\n   * @param choice - The newly selected choice value\n   * @example\n   * ```tsx\n   * <SwitchSelector onChange={(value) => console.log('Selected:', value)} />\n   * ```\n   */\n  onChange?: (choice: T) => void;\n\n  /** Additional CSS classes for custom styling */\n  className?: string;\n} & VariantProps<typeof switchSelectorVariant> &\n  VariantProps<typeof choiceVariant>;\n\n/**\n * Color variants for the SwitchSelector component\n *\n * @enum SwitchSelectorColor\n */\nexport enum SwitchSelectorColor {\n  /** Primary brand color theme */\n  PRIMARY = 'primary',\n  /** Secondary accent color theme */\n  SECONDARY = 'secondary',\n  /** Destructive/error color theme for dangerous actions */\n  DESTRUCTIVE = 'destructive',\n  /** Neutral gray color theme */\n  NEUTRAL = 'neutral',\n  /** Light color theme for dark backgrounds */\n  LIGHT = 'light',\n  /** Dark color theme for light backgrounds */\n  DARK = 'dark',\n  /** Text color theme that adapts to content */\n  TEXT = 'text',\n}\n\nconst switchSelectorVariant = cva(\n  'flex flex-row gap-2 rounded-full w-fit border-[1.5px] p-[1.5px]',\n  {\n    variants: {\n      color: {\n        [SwitchSelectorColor.PRIMARY]: 'border-primary text-primary',\n        [SwitchSelectorColor.SECONDARY]: 'border-secondary text-secondary',\n        [SwitchSelectorColor.DESTRUCTIVE]:\n          'border-destructive bg-destructive text-destructive',\n        [SwitchSelectorColor.NEUTRAL]: 'border-neutral text-neutral ',\n        [SwitchSelectorColor.LIGHT]: 'border-white text-white',\n        [SwitchSelectorColor.DARK]: 'border-neutral-800 text-neutral-800',\n        [SwitchSelectorColor.TEXT]: 'border-text text-text',\n      },\n    },\n    defaultVariants: {\n      color: SwitchSelectorColor.PRIMARY,\n    },\n  }\n);\n\n/**\n * Size variants for the SwitchSelector component\n *\n * @enum SwitchSelectorSize\n */\nexport enum SwitchSelectorSize {\n  /** Small size - compact for tight layouts */\n  SM = 'sm',\n  /** Medium size - standard for most use cases */\n  MD = 'md',\n  /** Large size - prominent for important selections */\n  LG = 'lg',\n}\n\nconst choiceVariant = cva(\n  'z-1 w-full flex-1 text-sm font-medium transition-all duration-300 ease-in-out cursor-pointer aria-selected:cursor-default aria-selected:text-text-opposite motion-reduce:transition-none',\n  {\n    variants: {\n      size: {\n        [SwitchSelectorSize.SM]: 'py-1 px-2 text-xs',\n        [SwitchSelectorSize.MD]: 'p-2 text-sm',\n        [SwitchSelectorSize.LG]: 'p-4 text-base',\n      },\n    },\n    defaultVariants: {\n      size: SwitchSelectorSize.MD,\n    },\n  }\n);\n\nconst indicatorVariant = cva(\n  'absolute top-0 z-[-1] h-full w-auto rounded-full transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none',\n  {\n    variants: {\n      color: {\n        [SwitchSelectorColor.PRIMARY]: 'bg-primary aria-selected:text-text',\n        [SwitchSelectorColor.SECONDARY]: 'bg-secondary aria-selected:text-text',\n        [SwitchSelectorColor.DESTRUCTIVE]:\n          'bg-destructive aria-selected:text-text',\n        [SwitchSelectorColor.NEUTRAL]: 'bg-neutral aria-selected:text-white ',\n        [SwitchSelectorColor.LIGHT]: 'bg-white aria-selected:text-black',\n        [SwitchSelectorColor.DARK]: 'bg-neutral-800 aria-selected:text-white',\n        [SwitchSelectorColor.TEXT]: 'bg-text aria-selected:text-text-opposite',\n      },\n    },\n  }\n);\n\n/**\n * SwitchSelector - A versatile toggle component for multi-option selection\n *\n * A sophisticated switch selector component that provides an elegant way to choose between\n * multiple options with smooth animations and visual feedback. Built with accessibility\n * in mind, it supports keyboard navigation and screen reader announcements.\n *\n * ## Key Features\n * - **Smooth Animations**: Fluid indicator transitions between options\n * - **Accessible**: Full keyboard navigation and ARIA support\n * - **Flexible Styling**: Multiple color themes and size variants\n * - **Generic Types**: Type-safe values with TypeScript generics\n * - **Controlled/Uncontrolled**: Supports both usage patterns\n * - **Custom Content**: Rich content support including icons and text\n *\n * ## Use Cases\n * - Settings toggles (On/Off, Light/Dark theme)\n * - Status selectors (Draft/Published/Archived)\n * - View mode switches (List/Grid/Card)\n * - Filter options (All/Active/Completed)\n * - Language or region selection\n * - Any multi-option toggle interface\n *\n * ## Accessibility\n * - **Keyboard Navigation**: Tab to focus, arrow keys to navigate options\n * - **Screen Readers**: Proper ARIA labels and role attributes\n * - **Focus Management**: Clear visual focus indicators\n * - **State Announcements**: Selection changes announced to assistive technology\n *\n * ## Visual Design\n * The component features a pill-shaped container with individual choice buttons.\n * A smooth-sliding background indicator highlights the active selection, creating\n * an intuitive and polished user experience.\n *\n * @template T - The type of values for the choices (string, number, boolean, etc.)\n *\n * @example\n * Basic boolean toggle:\n * ```tsx\n * <SwitchSelector\n *   defaultValue={false}\n *   onChange={(value) => setEnabled(value)}\n * />\n * ```\n *\n * @example\n * Multi-option selector with custom content:\n * ```tsx\n * <SwitchSelector\n *   choices={[\n *     { content: <>📝 Draft</>, value: 'draft' },\n *     { content: <>✅ Published</>, value: 'published' },\n *     { content: <>📦 Archived</>, value: 'archived' }\n *   ]}\n *   value={currentStatus}\n *   onChange={setStatus}\n *   color={SwitchSelectorColor.SECONDARY}\n *   size={SwitchSelectorSize.LG}\n * />\n * ```\n *\n * @example\n * View mode switcher:\n * ```tsx\n * <SwitchSelector\n *   choices={[\n *     { content: 'List', value: 'list' },\n *     { content: 'Grid', value: 'grid' },\n *     { content: 'Card', value: 'card' }\n *   ]}\n *   defaultValue=\"grid\"\n *   color={SwitchSelectorColor.NEUTRAL}\n *   onChange={(view) => setViewMode(view)}\n * />\n * ```\n *\n * @example\n * Theme selector with icons:\n * ```tsx\n * <SwitchSelector\n *   choices={[\n *     { content: <>☀️ Light</>, value: 'light' },\n *     { content: <>🌙 Dark</>, value: 'dark' },\n *     { content: <>⚙️ System</>, value: 'system' }\n *   ]}\n *   value={theme}\n *   onChange={setTheme}\n *   size={SwitchSelectorSize.SM}\n * />\n * ```\n */\nexport const SwitchSelector = <T,>({\n  choices = defaultChoices as SwitchSelectorChoices<T>,\n  value,\n  defaultValue,\n  onChange,\n  color = SwitchSelectorColor.PRIMARY,\n  size = SwitchSelectorSize.MD,\n  className,\n}: SwitchSelectorProps<T>) => {\n  const [valueState, setValue] = useState<T>(\n    value ?? defaultValue ?? choices[0].value\n  );\n  const optionsRefs = useRef<HTMLButtonElement[]>([]);\n  const indicatorRef = useRef<HTMLDivElement | null>(null);\n  const { choiceIndicatorPosition } = useItemSelector(optionsRefs);\n\n  const handleChange = (newValue: T) => {\n    setValue(newValue);\n    onChange?.(newValue);\n  };\n\n  useEffect(() => {\n    if (value === undefined) return;\n    setValue(value);\n  }, [value]);\n\n  return (\n    <div\n      className={switchSelectorVariant({\n        color,\n        className,\n      })}\n      role=\"tablist\"\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        {choices.map((choice, index) => {\n          const { content, value, ...buttonProps } = choice;\n\n          const isKeyOfKey =\n            typeof value === 'string' || typeof value === 'number';\n\n          const isSelected = value === valueState;\n\n          return (\n            <button\n              {...buttonProps}\n              className={cn(\n                choiceVariant({\n                  size,\n                })\n              )}\n              key={isKeyOfKey ? value : index}\n              role=\"tab\"\n              onClick={() => handleChange(value)}\n              aria-selected={isSelected}\n              disabled={isSelected}\n              ref={(el) => {\n                optionsRefs.current[index] = el!;\n              }}\n            >\n              {content}\n            </button>\n          );\n        })}\n        {choiceIndicatorPosition && (\n          <div\n            className={cn(\n              indicatorVariant({\n                color,\n              })\n            )}\n            style={choiceIndicatorPosition}\n            ref={indicatorRef}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["SwitchSelectorColor","SwitchSelectorSize","value"],"mappings":"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"}

package/dist/components/Tab/Tab.cjs

@@ -1,171 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const classVarianceAuthority = require("class-variance-authority");
-const ReactExports = require("react");
-require("@intlayer/config/built");
-require("../../better-auth.CiuwFiHM-C2nBKRMa.cjs");
-require("@intlayer/editor-react");
-require("@tanstack/react-query");
-require("@intlayer/api");
-const hooks_useHorizontalSwipe = require("../../hooks/useHorizontalSwipe.cjs");
-require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-const utils_cn = require("../../utils/cn.cjs");
-const components_TabSelector_TabSelector = require("../TabSelector/TabSelector.cjs");
-const components_Tab_TabContext = require("./TabContext.cjs");
-const TabContext = ReactExports.createContext(void 0);
-const tabContainerVariant = classVarianceAuthority.cva(
-  "relative w-full bg-background/2 border border-neutral/20 rounded-lg shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur",
-  {
-    variants: {
-      variant: {
-        default: "",
-        bordered: "border-2",
-        ghost: "border-0 shadow-none bg-transparent"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-const TabItem = ({ children, ...props }) => (
-  // This component is primarily used for its props by the parent Tab component
-  // The actual rendering is handled by the Tab component
-  /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, children })
-);
-TabItem.displayName = "TabItem";
-const TabComponent = ({
-  defaultTab,
-  group,
-  variant,
-  children,
-  className,
-  ...props
-}) => {
-  const tabItems = ReactExports.Children.toArray(children).filter((child) => {
-    return ReactExports.isValidElement(child) && child.type === TabItem;
-  });
-  const firstTabValue = tabItems[0]?.props?.value;
-  const { tabsValues, setTabsValues } = components_Tab_TabContext.useTabContext();
-  const [activeTab, setActiveTab] = ReactExports.useState(defaultTab ?? firstTabValue ?? "");
-  const hasGroup = group && typeof tabsValues === "object";
-  const currentTabValue = (hasGroup ? tabsValues?.[group] : activeTab) ?? defaultTab ?? firstTabValue;
-  const activeTabIndex = tabItems.findIndex(
-    (tab) => tab.props.value === currentTabValue
-  );
-  const tabsCount = tabItems.length;
-  const { containerProps, dragDeltaPct, isDragging } = hooks_useHorizontalSwipe.useHorizontalSwipe({
-    itemIndex: activeTabIndex,
-    itemCount: tabsCount,
-    onSwipeLeft: () => {
-      const targetIndex = Math.min(tabsCount - 1, activeTabIndex + 1);
-      const nextValue = tabItems[targetIndex]?.props?.value;
-      if (nextValue) handleSetActiveTab(nextValue);
-    },
-    onSwipeRight: () => {
-      const targetIndex = Math.max(0, activeTabIndex - 1);
-      const nextValue = tabItems[targetIndex]?.props?.value;
-      if (nextValue) handleSetActiveTab(nextValue);
-    }
-  });
-  const handleSetActiveTab = (tab) => {
-    setActiveTab(tab);
-    if (typeof setTabsValues === "function") {
-      setTabsValues((prev) => ({ ...prev, [group]: tab }));
-    }
-  };
-  const contextValue = {
-    activeTab: activeTab ?? firstTabValue ?? "",
-    setActiveTab: handleSetActiveTab
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(TabContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: utils_cn.cn(tabContainerVariant({ variant }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-36 z-10 flex gap-3 p-3 bg-background/70 backdrop-blur", children: /* @__PURE__ */ jsxRuntime.jsx(
-          components_TabSelector_TabSelector.TabSelector,
-          {
-            selectedChoice: currentTabValue,
-            tabs: tabItems.map((child) => {
-              const { label, value, disabled } = child.props;
-              const isActive = currentTabValue === value;
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  className: utils_cn.cn(
-                    "px-4 text-sm font-medium rounded-md transition-colors cursor-pointer focus:outline-none py-1",
-                    !isActive && "text-neutral/70"
-                  ),
-                  "data-active": isActive,
-                  disabled,
-                  onClick: () => !disabled && handleSetActiveTab(value),
-                  role: "tab",
-                  "aria-selected": isActive,
-                  "aria-controls": `tabpanel-${value}`,
-                  id: `tab-${value}`,
-                  children: label
-                },
-                value
-              );
-            }),
-            hoverable: true,
-            color: components_TabSelector_TabSelector.TabSelectorColor.TEXT
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "relative w-full min-w-0 overflow-x-clip [clip-path:inset(0)] [-webkit-clip-path:inset(0)]",
-            ...containerProps,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                role: "tablist",
-                "aria-orientation": "horizontal",
-                className: utils_cn.cn(
-                  "grid w-full min-w-0",
-                  isDragging ? "transition-none" : "transition-transform duration-300 ease-in-out"
-                ),
-                style: {
-                  gridTemplateColumns: `repeat(${tabItems.length}, 100%)`,
-                  transform: `translateX(-${activeTabIndex * 100 - (isDragging ? dragDeltaPct : 0)}%)`
-                },
-                children: tabItems.map(({ props: props2 }, index) => {
-                  const { value, children: children2 } = props2;
-                  const isActive = index === activeTabIndex;
-                  return /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      role: "tabpanel",
-                      "aria-labelledby": `tab-${value}`,
-                      id: `tabpanel-${value}`,
-                      "aria-hidden": !isActive,
-                      tabIndex: isActive ? 0 : -1,
-                      "data-active": isActive,
-                      className: utils_cn.cn(
-                        "w-full min-w-0 p-6 opacity-100 transition-opacity duration-300 ease-in-out",
-                        !isActive && "pointer-events-none opacity-0"
-                        // prevent offscreen interaction
-                      ),
-                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full min-w-0 flex flex-col gap-6 items-stretch", children: children2 })
-                    },
-                    value
-                  );
-                })
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-};
-const Tab = Object.assign(TabComponent, {
-  Item: TabItem
-});
-exports.Tab = Tab;
-//# sourceMappingURL=Tab.cjs.map

package/dist/components/Tab/Tab.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.cjs","sources":["../../../src/components/Tab/Tab.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useState,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useHorizontalSwipe } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { TabSelector, TabSelectorColor } from '../TabSelector';\nimport { useTabContext } from './TabContext';\n\n// Context for managing tab state\ntype TabContextType = {\n  activeTab: string;\n  setActiveTab: (tab: string) => void;\n};\n\nconst TabContext = createContext<TabContextType | undefined>(undefined);\n\n// Tab container variants\nconst tabContainerVariant = cva(\n  'relative w-full bg-background/2 border border-neutral/20 rounded-lg shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur',\n  {\n    variants: {\n      variant: {\n        default: '',\n        bordered: 'border-2',\n        ghost: 'border-0 shadow-none bg-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type TabProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof tabContainerVariant> & {\n    defaultTab?: string;\n    group?: string;\n    children: ReactNode;\n  };\n\nexport type TabItemProps = HTMLAttributes<HTMLDivElement> & {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  children: ReactNode;\n};\n\n/**\n * TabItem component that represents a single tab\n * Must be used as a child of the Tab component\n */\nconst TabItem = ({ children, ...props }: TabItemProps) => (\n  // This component is primarily used for its props by the parent Tab component\n  // The actual rendering is handled by the Tab component\n  <div {...props}>{children}</div>\n);\n\n// Add display name for better debugging\nTabItem.displayName = 'TabItem';\n\n/**\n * Tab container component that manages tab state and renders tab headers and content\n *\n * Example:\n * ```jsx\n * <Tab defaultTab=\"tab1\">\n *   <Tab.Item label=\"First Tab\" value=\"tab1\">\n *     Content for first tab\n *   </Tab.Item>\n *   <Tab.Item label=\"Second Tab\" value=\"tab2\">\n *     Content for second tab\n *   </Tab.Item>\n * </Tab>\n * ```\n */\nconst TabComponent = ({\n  defaultTab,\n  group,\n  variant,\n  children,\n  className,\n  ...props\n}: TabProps) => {\n  // Extract TabItem children to get their props\n  const tabItems = Children.toArray(children).filter((child) => {\n    return isValidElement(child) && child.type === TabItem;\n  }) as ReactElement<TabItemProps>[];\n\n  const firstTabValue = tabItems[0]?.props?.value;\n  const { tabsValues, setTabsValues } = useTabContext();\n  const [activeTab, setActiveTab] = useState(defaultTab ?? firstTabValue ?? '');\n  const hasGroup = group && typeof tabsValues === 'object';\n  const currentTabValue =\n    (hasGroup ? tabsValues?.[group] : activeTab) ?? defaultTab ?? firstTabValue;\n  const activeTabIndex = tabItems.findIndex(\n    (tab) => tab.props.value === currentTabValue\n  );\n\n  const tabsCount = tabItems.length;\n\n  const { containerProps, dragDeltaPct, isDragging } = useHorizontalSwipe({\n    itemIndex: activeTabIndex,\n    itemCount: tabsCount,\n    onSwipeLeft: () => {\n      const targetIndex = Math.min(tabsCount - 1, activeTabIndex + 1);\n      const nextValue = tabItems[targetIndex]?.props?.value;\n      if (nextValue) handleSetActiveTab(nextValue);\n    },\n    onSwipeRight: () => {\n      const targetIndex = Math.max(0, activeTabIndex - 1);\n      const nextValue = tabItems[targetIndex]?.props?.value;\n      if (nextValue) handleSetActiveTab(nextValue);\n    },\n  });\n\n  const handleSetActiveTab = (tab: string) => {\n    setActiveTab(tab);\n\n    if (typeof setTabsValues === 'function') {\n      setTabsValues((prev) => ({ ...prev, [group!]: tab }));\n    }\n  };\n\n  const contextValue: TabContextType = {\n    activeTab: activeTab ?? firstTabValue ?? '',\n    setActiveTab: handleSetActiveTab,\n  };\n\n  return (\n    <TabContext.Provider value={contextValue}>\n      <div\n        className={cn(tabContainerVariant({ variant }), className)}\n        {...props}\n      >\n        {/* Tab Headers */}\n        <div className=\"sticky top-36 z-10 flex gap-3 p-3 bg-background/70 backdrop-blur\">\n          <TabSelector\n            selectedChoice={currentTabValue}\n            tabs={tabItems.map((child) => {\n              const { label, value, disabled } = child.props;\n              const isActive = currentTabValue === value;\n\n              return (\n                <button\n                  key={value}\n                  className={cn(\n                    'px-4 text-sm font-medium rounded-md transition-colors cursor-pointer focus:outline-none py-1',\n                    !isActive && 'text-neutral/70'\n                  )}\n                  data-active={isActive}\n                  disabled={disabled}\n                  onClick={() => !disabled && handleSetActiveTab(value)}\n                  role=\"tab\"\n                  aria-selected={isActive}\n                  aria-controls={`tabpanel-${value}`}\n                  id={`tab-${value}`}\n                >\n                  {label}\n                </button>\n              );\n            })}\n            hoverable\n            color={TabSelectorColor.TEXT}\n          />\n        </div>\n        {/* Tab Content */}\n        {/* Clipper: no overflow; uses clip-path */}\n        <div\n          className=\"relative w-full min-w-0 overflow-x-clip [clip-path:inset(0)] [-webkit-clip-path:inset(0)]\"\n          {...containerProps}\n        >\n          {/* Track */}\n          <div\n            role=\"tablist\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n              'grid w-full min-w-0',\n              isDragging\n                ? 'transition-none'\n                : 'transition-transform duration-300 ease-in-out'\n            )}\n            style={{\n              gridTemplateColumns: `repeat(${tabItems.length}, 100%)`,\n              transform: `translateX(-${activeTabIndex * 100 - (isDragging ? dragDeltaPct : 0)}%)`,\n            }}\n          >\n            {tabItems.map(({ props }, index) => {\n              const { value, children } = props;\n              const isActive = index === activeTabIndex;\n\n              return (\n                <div\n                  key={value}\n                  role=\"tabpanel\"\n                  aria-labelledby={`tab-${value}`}\n                  id={`tabpanel-${value}`}\n                  aria-hidden={!isActive}\n                  tabIndex={isActive ? 0 : -1}\n                  data-active={isActive}\n                  className={cn(\n                    'w-full min-w-0 p-6 opacity-100 transition-opacity duration-300 ease-in-out',\n                    !isActive && 'pointer-events-none opacity-0' // prevent offscreen interaction\n                  )}\n                >\n                  <div className=\"w-full min-w-0 flex flex-col gap-6 items-stretch\">\n                    {children}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    </TabContext.Provider>\n  );\n};\n\n// Create the compound component\nexport const Tab = Object.assign(TabComponent, {\n  Item: TabItem,\n});\n\n// Add display name for better debugging\n"],"names":["createContext","cva","jsx","Children","isValidElement","useTabContext","useState","useHorizontalSwipe","jsxs","cn","TabSelector","TabSelectorColor","props","children"],"mappings":"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"}

package/dist/components/Tab/Tab.d.ts

@@ -1,24 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes, ReactNode } from 'react';
-declare const tabContainerVariant: (props?: ({
-    variant?: "default" | "bordered" | "ghost" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type TabProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof tabContainerVariant> & {
-    defaultTab?: string;
-    group?: string;
-    children: ReactNode;
-};
-export type TabItemProps = HTMLAttributes<HTMLDivElement> & {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    children: ReactNode;
-};
-export declare const Tab: (({ defaultTab, group, variant, children, className, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element) & {
-    Item: {
-        ({ children, ...props }: TabItemProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export {};
-//# sourceMappingURL=Tab.d.ts.map

package/dist/components/Tab/Tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAKL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAef,QAAA,MAAM,mBAAmB;;8EAcxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,cAAc,CAAC,GACnD,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AA6KF,eAAO,MAAM,GAAG,mEAxIb,QAAQ;;iCA/B8B,YAAY;;;CAyKnD,CAAC"}

package/dist/components/Tab/Tab.mjs

@@ -1,171 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { createContext, Children, isValidElement, useState } from "react";
-import "@intlayer/config/built";
-import "../../better-auth.CiuwFiHM-7umXOENE.js";
-import "@intlayer/editor-react";
-import "@tanstack/react-query";
-import "@intlayer/api";
-import { useHorizontalSwipe } from "../../hooks/useHorizontalSwipe.mjs";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
-import { cn } from "../../utils/cn.mjs";
-import { TabSelector, TabSelectorColor } from "../TabSelector/TabSelector.mjs";
-import { useTabContext } from "./TabContext.mjs";
-const TabContext = createContext(void 0);
-const tabContainerVariant = cva(
-  "relative w-full bg-background/2 border border-neutral/20 rounded-lg shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur",
-  {
-    variants: {
-      variant: {
-        default: "",
-        bordered: "border-2",
-        ghost: "border-0 shadow-none bg-transparent"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-const TabItem = ({ children, ...props }) => (
-  // This component is primarily used for its props by the parent Tab component
-  // The actual rendering is handled by the Tab component
-  /* @__PURE__ */ jsx("div", { ...props, children })
-);
-TabItem.displayName = "TabItem";
-const TabComponent = ({
-  defaultTab,
-  group,
-  variant,
-  children,
-  className,
-  ...props
-}) => {
-  const tabItems = Children.toArray(children).filter((child) => {
-    return isValidElement(child) && child.type === TabItem;
-  });
-  const firstTabValue = tabItems[0]?.props?.value;
-  const { tabsValues, setTabsValues } = useTabContext();
-  const [activeTab, setActiveTab] = useState(defaultTab ?? firstTabValue ?? "");
-  const hasGroup = group && typeof tabsValues === "object";
-  const currentTabValue = (hasGroup ? tabsValues?.[group] : activeTab) ?? defaultTab ?? firstTabValue;
-  const activeTabIndex = tabItems.findIndex(
-    (tab) => tab.props.value === currentTabValue
-  );
-  const tabsCount = tabItems.length;
-  const { containerProps, dragDeltaPct, isDragging } = useHorizontalSwipe({
-    itemIndex: activeTabIndex,
-    itemCount: tabsCount,
-    onSwipeLeft: () => {
-      const targetIndex = Math.min(tabsCount - 1, activeTabIndex + 1);
-      const nextValue = tabItems[targetIndex]?.props?.value;
-      if (nextValue) handleSetActiveTab(nextValue);
-    },
-    onSwipeRight: () => {
-      const targetIndex = Math.max(0, activeTabIndex - 1);
-      const nextValue = tabItems[targetIndex]?.props?.value;
-      if (nextValue) handleSetActiveTab(nextValue);
-    }
-  });
-  const handleSetActiveTab = (tab) => {
-    setActiveTab(tab);
-    if (typeof setTabsValues === "function") {
-      setTabsValues((prev) => ({ ...prev, [group]: tab }));
-    }
-  };
-  const contextValue = {
-    activeTab: activeTab ?? firstTabValue ?? "",
-    setActiveTab: handleSetActiveTab
-  };
-  return /* @__PURE__ */ jsx(TabContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(tabContainerVariant({ variant }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "sticky top-36 z-10 flex gap-3 p-3 bg-background/70 backdrop-blur", children: /* @__PURE__ */ jsx(
-          TabSelector,
-          {
-            selectedChoice: currentTabValue,
-            tabs: tabItems.map((child) => {
-              const { label, value, disabled } = child.props;
-              const isActive = currentTabValue === value;
-              return /* @__PURE__ */ jsx(
-                "button",
-                {
-                  className: cn(
-                    "px-4 text-sm font-medium rounded-md transition-colors cursor-pointer focus:outline-none py-1",
-                    !isActive && "text-neutral/70"
-                  ),
-                  "data-active": isActive,
-                  disabled,
-                  onClick: () => !disabled && handleSetActiveTab(value),
-                  role: "tab",
-                  "aria-selected": isActive,
-                  "aria-controls": `tabpanel-${value}`,
-                  id: `tab-${value}`,
-                  children: label
-                },
-                value
-              );
-            }),
-            hoverable: true,
-            color: TabSelectorColor.TEXT
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "relative w-full min-w-0 overflow-x-clip [clip-path:inset(0)] [-webkit-clip-path:inset(0)]",
-            ...containerProps,
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                role: "tablist",
-                "aria-orientation": "horizontal",
-                className: cn(
-                  "grid w-full min-w-0",
-                  isDragging ? "transition-none" : "transition-transform duration-300 ease-in-out"
-                ),
-                style: {
-                  gridTemplateColumns: `repeat(${tabItems.length}, 100%)`,
-                  transform: `translateX(-${activeTabIndex * 100 - (isDragging ? dragDeltaPct : 0)}%)`
-                },
-                children: tabItems.map(({ props: props2 }, index) => {
-                  const { value, children: children2 } = props2;
-                  const isActive = index === activeTabIndex;
-                  return /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      role: "tabpanel",
-                      "aria-labelledby": `tab-${value}`,
-                      id: `tabpanel-${value}`,
-                      "aria-hidden": !isActive,
-                      tabIndex: isActive ? 0 : -1,
-                      "data-active": isActive,
-                      className: cn(
-                        "w-full min-w-0 p-6 opacity-100 transition-opacity duration-300 ease-in-out",
-                        !isActive && "pointer-events-none opacity-0"
-                        // prevent offscreen interaction
-                      ),
-                      children: /* @__PURE__ */ jsx("div", { className: "w-full min-w-0 flex flex-col gap-6 items-stretch", children: children2 })
-                    },
-                    value
-                  );
-                })
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-};
-const Tab = Object.assign(TabComponent, {
-  Item: TabItem
-});
-export {
-  Tab
-};
-//# sourceMappingURL=Tab.mjs.map

package/dist/components/Tab/Tab.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../src/components/Tab/Tab.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useState,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useHorizontalSwipe } from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { TabSelector, TabSelectorColor } from '../TabSelector';\nimport { useTabContext } from './TabContext';\n\n// Context for managing tab state\ntype TabContextType = {\n  activeTab: string;\n  setActiveTab: (tab: string) => void;\n};\n\nconst TabContext = createContext<TabContextType | undefined>(undefined);\n\n// Tab container variants\nconst tabContainerVariant = cva(\n  'relative w-full bg-background/2 border border-neutral/20 rounded-lg shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur',\n  {\n    variants: {\n      variant: {\n        default: '',\n        bordered: 'border-2',\n        ghost: 'border-0 shadow-none bg-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nexport type TabProps = HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof tabContainerVariant> & {\n    defaultTab?: string;\n    group?: string;\n    children: ReactNode;\n  };\n\nexport type TabItemProps = HTMLAttributes<HTMLDivElement> & {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  children: ReactNode;\n};\n\n/**\n * TabItem component that represents a single tab\n * Must be used as a child of the Tab component\n */\nconst TabItem = ({ children, ...props }: TabItemProps) => (\n  // This component is primarily used for its props by the parent Tab component\n  // The actual rendering is handled by the Tab component\n  <div {...props}>{children}</div>\n);\n\n// Add display name for better debugging\nTabItem.displayName = 'TabItem';\n\n/**\n * Tab container component that manages tab state and renders tab headers and content\n *\n * Example:\n * ```jsx\n * <Tab defaultTab=\"tab1\">\n *   <Tab.Item label=\"First Tab\" value=\"tab1\">\n *     Content for first tab\n *   </Tab.Item>\n *   <Tab.Item label=\"Second Tab\" value=\"tab2\">\n *     Content for second tab\n *   </Tab.Item>\n * </Tab>\n * ```\n */\nconst TabComponent = ({\n  defaultTab,\n  group,\n  variant,\n  children,\n  className,\n  ...props\n}: TabProps) => {\n  // Extract TabItem children to get their props\n  const tabItems = Children.toArray(children).filter((child) => {\n    return isValidElement(child) && child.type === TabItem;\n  }) as ReactElement<TabItemProps>[];\n\n  const firstTabValue = tabItems[0]?.props?.value;\n  const { tabsValues, setTabsValues } = useTabContext();\n  const [activeTab, setActiveTab] = useState(defaultTab ?? firstTabValue ?? '');\n  const hasGroup = group && typeof tabsValues === 'object';\n  const currentTabValue =\n    (hasGroup ? tabsValues?.[group] : activeTab) ?? defaultTab ?? firstTabValue;\n  const activeTabIndex = tabItems.findIndex(\n    (tab) => tab.props.value === currentTabValue\n  );\n\n  const tabsCount = tabItems.length;\n\n  const { containerProps, dragDeltaPct, isDragging } = useHorizontalSwipe({\n    itemIndex: activeTabIndex,\n    itemCount: tabsCount,\n    onSwipeLeft: () => {\n      const targetIndex = Math.min(tabsCount - 1, activeTabIndex + 1);\n      const nextValue = tabItems[targetIndex]?.props?.value;\n      if (nextValue) handleSetActiveTab(nextValue);\n    },\n    onSwipeRight: () => {\n      const targetIndex = Math.max(0, activeTabIndex - 1);\n      const nextValue = tabItems[targetIndex]?.props?.value;\n      if (nextValue) handleSetActiveTab(nextValue);\n    },\n  });\n\n  const handleSetActiveTab = (tab: string) => {\n    setActiveTab(tab);\n\n    if (typeof setTabsValues === 'function') {\n      setTabsValues((prev) => ({ ...prev, [group!]: tab }));\n    }\n  };\n\n  const contextValue: TabContextType = {\n    activeTab: activeTab ?? firstTabValue ?? '',\n    setActiveTab: handleSetActiveTab,\n  };\n\n  return (\n    <TabContext.Provider value={contextValue}>\n      <div\n        className={cn(tabContainerVariant({ variant }), className)}\n        {...props}\n      >\n        {/* Tab Headers */}\n        <div className=\"sticky top-36 z-10 flex gap-3 p-3 bg-background/70 backdrop-blur\">\n          <TabSelector\n            selectedChoice={currentTabValue}\n            tabs={tabItems.map((child) => {\n              const { label, value, disabled } = child.props;\n              const isActive = currentTabValue === value;\n\n              return (\n                <button\n                  key={value}\n                  className={cn(\n                    'px-4 text-sm font-medium rounded-md transition-colors cursor-pointer focus:outline-none py-1',\n                    !isActive && 'text-neutral/70'\n                  )}\n                  data-active={isActive}\n                  disabled={disabled}\n                  onClick={() => !disabled && handleSetActiveTab(value)}\n                  role=\"tab\"\n                  aria-selected={isActive}\n                  aria-controls={`tabpanel-${value}`}\n                  id={`tab-${value}`}\n                >\n                  {label}\n                </button>\n              );\n            })}\n            hoverable\n            color={TabSelectorColor.TEXT}\n          />\n        </div>\n        {/* Tab Content */}\n        {/* Clipper: no overflow; uses clip-path */}\n        <div\n          className=\"relative w-full min-w-0 overflow-x-clip [clip-path:inset(0)] [-webkit-clip-path:inset(0)]\"\n          {...containerProps}\n        >\n          {/* Track */}\n          <div\n            role=\"tablist\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n              'grid w-full min-w-0',\n              isDragging\n                ? 'transition-none'\n                : 'transition-transform duration-300 ease-in-out'\n            )}\n            style={{\n              gridTemplateColumns: `repeat(${tabItems.length}, 100%)`,\n              transform: `translateX(-${activeTabIndex * 100 - (isDragging ? dragDeltaPct : 0)}%)`,\n            }}\n          >\n            {tabItems.map(({ props }, index) => {\n              const { value, children } = props;\n              const isActive = index === activeTabIndex;\n\n              return (\n                <div\n                  key={value}\n                  role=\"tabpanel\"\n                  aria-labelledby={`tab-${value}`}\n                  id={`tabpanel-${value}`}\n                  aria-hidden={!isActive}\n                  tabIndex={isActive ? 0 : -1}\n                  data-active={isActive}\n                  className={cn(\n                    'w-full min-w-0 p-6 opacity-100 transition-opacity duration-300 ease-in-out',\n                    !isActive && 'pointer-events-none opacity-0' // prevent offscreen interaction\n                  )}\n                >\n                  <div className=\"w-full min-w-0 flex flex-col gap-6 items-stretch\">\n                    {children}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n    </TabContext.Provider>\n  );\n};\n\n// Create the compound component\nexport const Tab = Object.assign(TabComponent, {\n  Item: TabItem,\n});\n\n// Add display name for better debugging\n"],"names":["props","children"],"mappings":"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"}

package/dist/components/Tab/TabContext.cjs

@@ -1,28 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-const TabContext = ReactExports.createContext({
-  tabsValues: {},
-  setTabsValues: (() => {
-  })
-});
-const useTabContext = () => ReactExports.useContext(TabContext);
-const TabProvider = ({ children }) => {
-  const [tabsValues, setTabsValues] = ReactExports.useState({});
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TabContext,
-    {
-      value: {
-        tabsValues,
-        setTabsValues
-      },
-      children
-    }
-  );
-};
-exports.TabContext = TabContext;
-exports.TabProvider = TabProvider;
-exports.useTabContext = useTabContext;
-//# sourceMappingURL=TabContext.cjs.map

package/dist/components/Tab/TabContext.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabContext.cjs","sources":["../../../src/components/Tab/TabContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n  createContext,\n  useContext,\n  useState,\n} from 'react';\n\ntype TabContextValue = {\n  tabsValues: Record<string, any>;\n  setTabsValues: Dispatch<SetStateAction<Record<string, any>>>;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const TabContext = createContext<TabContextValue>({\n  tabsValues: {},\n  setTabsValues: (() => {}) as Dispatch<SetStateAction<Record<string, any>>>,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useTabContext = () => useContext(TabContext);\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const TabProvider: FC<PropsWithChildren> = ({ children }) => {\n  const [tabsValues, setTabsValues] = useState<Record<string, any>>({});\n\n  return (\n    <TabContext\n      value={{\n        tabsValues,\n        setTabsValues,\n      }}\n    >\n      {children}\n    </TabContext>\n  );\n};\n"],"names":["createContext","useContext","useState","jsx"],"mappings":";;;;;AAoBO,MAAM,aAAaA,aAAAA,cAA+B;AAAA,EACvD,YAAY,CAAA;AAAA,EACZ,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC;AAKM,MAAM,gBAAgB,MAAMC,aAAAA,WAAW,UAAU;AAKjD,MAAM,cAAqC,CAAC,EAAE,eAAe;AAClE,QAAM,CAAC,YAAY,aAAa,IAAIC,aAAAA,SAA8B,CAAA,CAAE;AAEpE,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MAAA;AAAA,MAGD;AAAA,IAAA;AAAA,EAAA;AAGP;;;;"}

package/dist/components/Tab/TabContext.d.ts

@@ -1,19 +0,0 @@
-import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
-type TabContextValue = {
-    tabsValues: Record<string, any>;
-    setTabsValues: Dispatch<SetStateAction<Record<string, any>>>;
-};
-/**
- * Context that store the current locale on the client side
- */
-export declare const TabContext: import('react').Context<TabContextValue>;
-/**
- * Hook that provides the current locale
- */
-export declare const useTabContext: () => TabContextValue;
-/**
- * Provider that store the current locale on the client side
- */
-export declare const TabProvider: FC<PropsWithChildren>;
-export {};
-//# sourceMappingURL=TabContext.d.ts.map

package/dist/components/Tab/TabContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/TabContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,EAAE,EACP,KAAK,iBAAiB,EACtB,KAAK,cAAc,EAIpB,MAAM,OAAO,CAAC;AAEf,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,0CAGrB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,aAAa,uBAA+B,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAa7C,CAAC"}

package/dist/components/Tab/TabContext.mjs

@@ -1,28 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { createContext, useContext, useState } from "react";
-const TabContext = createContext({
-  tabsValues: {},
-  setTabsValues: (() => {
-  })
-});
-const useTabContext = () => useContext(TabContext);
-const TabProvider = ({ children }) => {
-  const [tabsValues, setTabsValues] = useState({});
-  return /* @__PURE__ */ jsx(
-    TabContext,
-    {
-      value: {
-        tabsValues,
-        setTabsValues
-      },
-      children
-    }
-  );
-};
-export {
-  TabContext,
-  TabProvider,
-  useTabContext
-};
-//# sourceMappingURL=TabContext.mjs.map

package/dist/components/Tab/TabContext.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabContext.mjs","sources":["../../../src/components/Tab/TabContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n  createContext,\n  useContext,\n  useState,\n} from 'react';\n\ntype TabContextValue = {\n  tabsValues: Record<string, any>;\n  setTabsValues: Dispatch<SetStateAction<Record<string, any>>>;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const TabContext = createContext<TabContextValue>({\n  tabsValues: {},\n  setTabsValues: (() => {}) as Dispatch<SetStateAction<Record<string, any>>>,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useTabContext = () => useContext(TabContext);\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const TabProvider: FC<PropsWithChildren> = ({ children }) => {\n  const [tabsValues, setTabsValues] = useState<Record<string, any>>({});\n\n  return (\n    <TabContext\n      value={{\n        tabsValues,\n        setTabsValues,\n      }}\n    >\n      {children}\n    </TabContext>\n  );\n};\n"],"names":[],"mappings":";;;AAoBO,MAAM,aAAa,cAA+B;AAAA,EACvD,YAAY,CAAA;AAAA,EACZ,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC;AAKM,MAAM,gBAAgB,MAAM,WAAW,UAAU;AAKjD,MAAM,cAAqC,CAAC,EAAE,eAAe;AAClE,QAAM,CAAC,YAAY,aAAa,IAAI,SAA8B,CAAA,CAAE;AAEpE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,MAAA;AAAA,MAGD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Tab/index.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_Tab_Tab = require("./Tab.cjs");
-exports.Tab = components_Tab_Tab.Tab;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Tab/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Tab/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Tab';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Tab/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/dist/components/Tab/index.mjs

@@ -1,5 +0,0 @@
-import { Tab } from "./Tab.mjs";
-export {
-  Tab
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/Tab/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}