@zentauri-ui/zentauri-components 2.0.0 → 2.1.0

package/dist/{chunk-OPACTZGV.js → chunk-RRUVHDN6.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk3Z6L24ZK_js = require('./chunk-3Z6L24ZK.js');
+var chunkX7HK6RTF_js = require('./chunk-X7HK6RTF.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var tabsListVariants = classVarianceAuthority.cva(chunk3Z6L24ZK_js.zuiTabsListBase, {
+var tabsListVariants = classVarianceAuthority.cva(chunkX7HK6RTF_js.zuiTabsListBase, {
   variants: {
-    variant: chunk3Z6L24ZK_js.zuiTabsListVariants,
-    size: chunk3Z6L24ZK_js.zuiTabsListSizes,
-    orientation: chunk3Z6L24ZK_js.zuiTabsOrientations
+    variant: chunkX7HK6RTF_js.zuiTabsListVariants,
+    size: chunkX7HK6RTF_js.zuiTabsListSizes,
+    orientation: chunkX7HK6RTF_js.zuiTabsOrientations
   },
   defaultVariants: {
     size: "md",
@@ -18,11 +18,11 @@ var tabsListVariants = classVarianceAuthority.cva(chunk3Z6L24ZK_js.zuiTabsListBa
     variant: "pills"
   }
 });
-var tabsTriggerVariants = classVarianceAuthority.cva(chunk3Z6L24ZK_js.zuiTabsTriggerBase, {
+var tabsTriggerVariants = classVarianceAuthority.cva(chunkX7HK6RTF_js.zuiTabsTriggerBase, {
   variants: {
-    appearance: chunk3Z6L24ZK_js.zuiTabsTriggerAppearances,
-    variant: chunk3Z6L24ZK_js.zuiTabsTriggerVariants,
-    size: chunk3Z6L24ZK_js.zuiTabsTriggerSizes
+    appearance: chunkX7HK6RTF_js.zuiTabsTriggerAppearances,
+    variant: chunkX7HK6RTF_js.zuiTabsTriggerVariants,
+    size: chunkX7HK6RTF_js.zuiTabsTriggerSizes
   },
   defaultVariants: {
     appearance: "default",
@@ -227,5 +227,5 @@ exports.TabsTrigger = TabsTrigger;
 exports.tabsListVariants = tabsListVariants;
 exports.tabsTriggerVariants = tabsTriggerVariants;
 exports.useTabs = useTabs;
-//# sourceMappingURL=chunk-OPACTZGV.js.map
-//# sourceMappingURL=chunk-OPACTZGV.js.map
+//# sourceMappingURL=chunk-RRUVHDN6.js.map
+//# sourceMappingURL=chunk-RRUVHDN6.js.map

package/dist/{chunk-OPACTZGV.js.map → chunk-RRUVHDN6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/tabs/variants.ts","../src/ui/tabs/tabs-base.tsx"],"names":["cva","zuiTabsListBase","zuiTabsListVariants","zuiTabsListSizes","zuiTabsOrientations","zuiTabsTriggerBase","zuiTabsTriggerAppearances","zuiTabsTriggerVariants","zuiTabsTriggerSizes","createContext","useContext","useState","useId","useRef","jsx","cn"],"mappings":"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","file":"chunk-OPACTZGV.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTabsListBase,\n  zuiTabsListSizes,\n  zuiTabsListVariants,\n  zuiTabsOrientations,\n  zuiTabsTriggerAppearances,\n  zuiTabsTriggerBase,\n  zuiTabsTriggerSizes,\n  zuiTabsTriggerVariants,\n} from \"../../design-system/tabs\";\n\nexport const tabsListVariants = cva(zuiTabsListBase, {\n  variants: {\n    variant: zuiTabsListVariants,\n    size: zuiTabsListSizes,\n    orientation: zuiTabsOrientations,\n  },\n  defaultVariants: {\n    size: \"md\",\n    orientation: \"horizontal\",\n    variant: \"pills\",\n  },\n});\n\nexport const tabsTriggerVariants = cva(zuiTabsTriggerBase, {\n  variants: {\n    appearance: zuiTabsTriggerAppearances,\n    variant: zuiTabsTriggerVariants,\n    size: zuiTabsTriggerSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    variant: \"pills\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  KeyboardEvent,\n  useContext,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsValue,\n  TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n  return ctx;\n};\n\nexport function Tabs({\n  value,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  variant,\n  size,\n  appearance,\n  children,\n  className,\n}: TabsProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const idPrefix = useId();\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const setValue = (val: string) => {\n    if (!isControlled) setInternalValue(val);\n    onValueChange?.(val);\n  };\n\n  const tabTriggerId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-tab-${tabValue}`;\n  const tabPanelId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-panel-${tabValue}`;\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value: currentValue,\n        setValue,\n        listRef,\n        orientation,\n        size,\n        variant,\n        appearance,\n        tabTriggerId,\n        tabPanelId,\n      }}\n    >\n      <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n  const { orientation, size, listRef } = useTabs();\n\n  return (\n    <div\n      ref={listRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(tabsListVariants({ orientation, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function TabsTrigger({\n  value,\n  children,\n  disabled,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const {\n    value: activeValue,\n    setValue,\n    listRef,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n    size,\n    appearance,\n    variant,\n  } = useTabs();\n\n  const isActive = activeValue === value;\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const list = listRef.current;\n    const triggers =\n      list === null\n        ? []\n        : Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\n    const nextKeys =\n      orientation === \"vertical\" ? [\"ArrowDown\"] : [\"ArrowRight\"];\n    const prevKeys = orientation === \"vertical\" ? [\"ArrowUp\"] : [\"ArrowLeft\"];\n\n    const index = triggers.findIndex((el) => el === e.currentTarget);\n    if (index === -1) {\n      return;\n    }\n\n    const findEnabledIndex = (\n      start: number,\n      direction: 1 | -1,\n    ): number | undefined => {\n      const n = triggers.length;\n      if (n === 0) {\n        return undefined;\n      }\n      let i = start;\n      for (let step = 0; step < n; step += 1) {\n        i = (i + direction + n) % n;\n        if (triggers[i]?.disabled !== true) {\n          return i;\n        }\n      }\n      return undefined;\n    };\n\n    const focusAt = (i: number) => {\n      const target = triggers[i];\n      if (target !== undefined && target.disabled !== true) {\n        target.focus();\n      }\n    };\n\n    const isNext = nextKeys.includes(e.key);\n    const isPrev = prevKeys.includes(e.key);\n\n    if (isNext) {\n      e.preventDefault();\n      const nextIdx = findEnabledIndex(index, 1);\n      if (nextIdx !== undefined) {\n        focusAt(nextIdx);\n      }\n      return;\n    }\n\n    if (isPrev) {\n      e.preventDefault();\n      const prevIdx = findEnabledIndex(index, -1);\n      if (prevIdx !== undefined) {\n        focusAt(prevIdx);\n      }\n      return;\n    }\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      const firstEnabledIndex = triggers.findIndex((btn) => !btn.disabled);\n      if (firstEnabledIndex !== -1) {\n        triggers[firstEnabledIndex]?.focus();\n      }\n      return;\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      for (let i = triggers.length - 1; i >= 0; i -= 1) {\n        if (!triggers[i]?.disabled) {\n          triggers[i]?.focus();\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <button\n      id={tabTriggerId(value)}\n      type=\"button\"\n      role=\"tab\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      aria-selected={isActive}\n      aria-controls={tabPanelId(value)}\n      disabled={disabled}\n      tabIndex={activeValue === undefined ? undefined : isActive ? 0 : -1}\n      onClick={() => setValue(value)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        tabsTriggerVariants({ size, appearance, variant }),\n        className,\n        \"cursor-pointer\",\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabsContent({\n  value,\n  children,\n  className,\n  as: Wrapper = \"div\",\n  ...props\n}: TabsContentProps) {\n  const { value: activeValue, tabTriggerId, tabPanelId } = useTabs();\n\n  if (activeValue !== value) return null;\n\n  return (\n    <Wrapper\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      className={cn(\"mt-2\", className)}\n      {...props}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n"]}
+{"version":3,"sources":["../src/ui/tabs/variants.ts","../src/ui/tabs/tabs-base.tsx"],"names":["cva","zuiTabsListBase","zuiTabsListVariants","zuiTabsListSizes","zuiTabsOrientations","zuiTabsTriggerBase","zuiTabsTriggerAppearances","zuiTabsTriggerVariants","zuiTabsTriggerSizes","createContext","useContext","useState","useId","useRef","jsx","cn"],"mappings":"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","file":"chunk-RRUVHDN6.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTabsListBase,\n  zuiTabsListSizes,\n  zuiTabsListVariants,\n  zuiTabsOrientations,\n  zuiTabsTriggerAppearances,\n  zuiTabsTriggerBase,\n  zuiTabsTriggerSizes,\n  zuiTabsTriggerVariants,\n} from \"../../design-system/tabs\";\n\nexport const tabsListVariants = cva(zuiTabsListBase, {\n  variants: {\n    variant: zuiTabsListVariants,\n    size: zuiTabsListSizes,\n    orientation: zuiTabsOrientations,\n  },\n  defaultVariants: {\n    size: \"md\",\n    orientation: \"horizontal\",\n    variant: \"pills\",\n  },\n});\n\nexport const tabsTriggerVariants = cva(zuiTabsTriggerBase, {\n  variants: {\n    appearance: zuiTabsTriggerAppearances,\n    variant: zuiTabsTriggerVariants,\n    size: zuiTabsTriggerSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    variant: \"pills\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  KeyboardEvent,\n  useContext,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsValue,\n  TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n  return ctx;\n};\n\nexport function Tabs({\n  value,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  variant,\n  size,\n  appearance,\n  children,\n  className,\n}: TabsProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const idPrefix = useId();\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const setValue = (val: string) => {\n    if (!isControlled) setInternalValue(val);\n    onValueChange?.(val);\n  };\n\n  const tabTriggerId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-tab-${tabValue}`;\n  const tabPanelId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-panel-${tabValue}`;\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value: currentValue,\n        setValue,\n        listRef,\n        orientation,\n        size,\n        variant,\n        appearance,\n        tabTriggerId,\n        tabPanelId,\n      }}\n    >\n      <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n  const { orientation, size, listRef } = useTabs();\n\n  return (\n    <div\n      ref={listRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(tabsListVariants({ orientation, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function TabsTrigger({\n  value,\n  children,\n  disabled,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const {\n    value: activeValue,\n    setValue,\n    listRef,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n    size,\n    appearance,\n    variant,\n  } = useTabs();\n\n  const isActive = activeValue === value;\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const list = listRef.current;\n    const triggers =\n      list === null\n        ? []\n        : Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\n    const nextKeys =\n      orientation === \"vertical\" ? [\"ArrowDown\"] : [\"ArrowRight\"];\n    const prevKeys = orientation === \"vertical\" ? [\"ArrowUp\"] : [\"ArrowLeft\"];\n\n    const index = triggers.findIndex((el) => el === e.currentTarget);\n    if (index === -1) {\n      return;\n    }\n\n    const findEnabledIndex = (\n      start: number,\n      direction: 1 | -1,\n    ): number | undefined => {\n      const n = triggers.length;\n      if (n === 0) {\n        return undefined;\n      }\n      let i = start;\n      for (let step = 0; step < n; step += 1) {\n        i = (i + direction + n) % n;\n        if (triggers[i]?.disabled !== true) {\n          return i;\n        }\n      }\n      return undefined;\n    };\n\n    const focusAt = (i: number) => {\n      const target = triggers[i];\n      if (target !== undefined && target.disabled !== true) {\n        target.focus();\n      }\n    };\n\n    const isNext = nextKeys.includes(e.key);\n    const isPrev = prevKeys.includes(e.key);\n\n    if (isNext) {\n      e.preventDefault();\n      const nextIdx = findEnabledIndex(index, 1);\n      if (nextIdx !== undefined) {\n        focusAt(nextIdx);\n      }\n      return;\n    }\n\n    if (isPrev) {\n      e.preventDefault();\n      const prevIdx = findEnabledIndex(index, -1);\n      if (prevIdx !== undefined) {\n        focusAt(prevIdx);\n      }\n      return;\n    }\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      const firstEnabledIndex = triggers.findIndex((btn) => !btn.disabled);\n      if (firstEnabledIndex !== -1) {\n        triggers[firstEnabledIndex]?.focus();\n      }\n      return;\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      for (let i = triggers.length - 1; i >= 0; i -= 1) {\n        if (!triggers[i]?.disabled) {\n          triggers[i]?.focus();\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <button\n      id={tabTriggerId(value)}\n      type=\"button\"\n      role=\"tab\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      aria-selected={isActive}\n      aria-controls={tabPanelId(value)}\n      disabled={disabled}\n      tabIndex={activeValue === undefined ? undefined : isActive ? 0 : -1}\n      onClick={() => setValue(value)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        tabsTriggerVariants({ size, appearance, variant }),\n        className,\n        \"cursor-pointer\",\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabsContent({\n  value,\n  children,\n  className,\n  as: Wrapper = \"div\",\n  ...props\n}: TabsContentProps) {\n  const { value: activeValue, tabTriggerId, tabPanelId } = useTabs();\n\n  if (activeValue !== value) return null;\n\n  return (\n    <Wrapper\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      className={cn(\"mt-2\", className)}\n      {...props}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n"]}

package/dist/{chunk-IQ6QVIZ3.mjs → chunk-RSMFWP5S.mjs}

@@ -1,4 +1,4 @@
-import { zuiKbdKeyBase, zuiKbdKeySizes, zuiKbdKeyAppearances, zuiKbdSeparatorBase, zuiKbdSeparatorSizes, zuiKbdBase } from './chunk-5QSYJHWL.mjs';
+import { zuiKbdKeyBase, zuiKbdKeySizes, zuiKbdKeyAppearances, zuiKbdSeparatorBase, zuiKbdSeparatorSizes, zuiKbdBase } from './chunk-JEDMUBYI.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { Fragment } from 'react';
@@ -65,5 +65,5 @@ function KbdBase({
 KbdBase.displayName = "Kbd";
 
 export { KbdBase, kbdKeyVariants, kbdSeparatorVariants };
-//# sourceMappingURL=chunk-IQ6QVIZ3.mjs.map
-//# sourceMappingURL=chunk-IQ6QVIZ3.mjs.map
+//# sourceMappingURL=chunk-RSMFWP5S.mjs.map
+//# sourceMappingURL=chunk-RSMFWP5S.mjs.map

package/dist/{chunk-IQ6QVIZ3.mjs.map → chunk-RSMFWP5S.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/kbd/variants.ts","../src/ui/kbd/kbd-base.tsx"],"names":[],"mappings":";;;;;;AAUO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,oBAAA,GAAuB,IAAI,mBAAA,EAAqB;AAAA,EAC3D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AClBM,SAAS,OAAA,CAAQ;AAAA,EACtB,IAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,OAAA,GAAU,MAAA;AAAA,EACd,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,QAAQ,IAAA,KAAS,QAAA,IAAY,OAAO,CAAC,QAAQ,IAAI,EAAC,CAAA;AAExD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,KAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAClC,GAAG,IAAA;AAAA,MAEH,gBAAM,GAAA,CAAI,CAAC,GAAA,EAAK,KAAA,0BACd,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,KAAA,GAAQ,CAAA,IAAK,aAAa,IAAA,mBACzB,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,eAAA;AAAA,YACV,SAAA,EAAW,oBAAA,CAAqB,EAAE,IAAA,EAAM,CAAA;AAAA,YAEvC,QAAA,EAAA;AAAA;AAAA,SACH,GACE,IAAA;AAAA,wBACJ,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,SAAA;AAAA,YACV,SAAA,EAAW,cAAA,CAAe,EAAE,UAAA,EAAY,MAAM,CAAA;AAAA,YAE7C,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EAAA,EAda,KAef,CACD;AAAA;AAAA,GACH;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,KAAA","file":"chunk-IQ6QVIZ3.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiKbdKeyAppearances,\n  zuiKbdKeyBase,\n  zuiKbdKeySizes,\n  zuiKbdSeparatorBase,\n  zuiKbdSeparatorSizes,\n} from \"../../design-system/kbd\";\n\nexport const kbdKeyVariants = cva(zuiKbdKeyBase, {\n  variants: {\n    appearance: zuiKbdKeyAppearances,\n    size: zuiKbdKeySizes,\n  },\n  defaultVariants: {\n    appearance: \"outline\",\n    size: \"md\",\n  },\n});\n\nexport const kbdSeparatorVariants = cva(zuiKbdSeparatorBase, {\n  variants: {\n    size: zuiKbdSeparatorSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { Fragment } from \"react\";\n\nimport { zuiKbdBase } from \"../../design-system/kbd\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { KbdBaseProps } from \"./types\";\nimport { kbdKeyVariants, kbdSeparatorVariants } from \"./variants\";\n\nexport function KbdBase({\n  keys,\n  separator,\n  appearance,\n  size,\n  children,\n  className,\n  as: Wrapper = \"span\",\n  ref,\n  ...rest\n}: KbdBaseProps) {\n  const items = keys ?? (children != null ? [children] : []);\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"kbd\"\n      className={cn(zuiKbdBase, className)}\n      {...rest}\n    >\n      {items.map((key, index) => (\n        <Fragment key={index}>\n          {index > 0 && separator != null ? (\n            <span\n              data-slot=\"kbd-separator\"\n              className={kbdSeparatorVariants({ size })}\n            >\n              {separator}\n            </span>\n          ) : null}\n          <kbd\n            data-slot=\"kbd-key\"\n            className={kbdKeyVariants({ appearance, size })}\n          >\n            {key}\n          </kbd>\n        </Fragment>\n      ))}\n    </Wrapper>\n  );\n}\n\nKbdBase.displayName = \"Kbd\";\n"]}
+{"version":3,"sources":["../src/ui/kbd/variants.ts","../src/ui/kbd/kbd-base.tsx"],"names":[],"mappings":";;;;;;AAUO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,oBAAA,GAAuB,IAAI,mBAAA,EAAqB;AAAA,EAC3D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AClBM,SAAS,OAAA,CAAQ;AAAA,EACtB,IAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAI,OAAA,GAAU,MAAA;AAAA,EACd,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,QAAQ,IAAA,KAAS,QAAA,IAAY,OAAO,CAAC,QAAQ,IAAI,EAAC,CAAA;AAExD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,KAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAClC,GAAG,IAAA;AAAA,MAEH,gBAAM,GAAA,CAAI,CAAC,GAAA,EAAK,KAAA,0BACd,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,KAAA,GAAQ,CAAA,IAAK,aAAa,IAAA,mBACzB,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,eAAA;AAAA,YACV,SAAA,EAAW,oBAAA,CAAqB,EAAE,IAAA,EAAM,CAAA;AAAA,YAEvC,QAAA,EAAA;AAAA;AAAA,SACH,GACE,IAAA;AAAA,wBACJ,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,SAAA;AAAA,YACV,SAAA,EAAW,cAAA,CAAe,EAAE,UAAA,EAAY,MAAM,CAAA;AAAA,YAE7C,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EAAA,EAda,KAef,CACD;AAAA;AAAA,GACH;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,KAAA","file":"chunk-RSMFWP5S.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiKbdKeyAppearances,\n  zuiKbdKeyBase,\n  zuiKbdKeySizes,\n  zuiKbdSeparatorBase,\n  zuiKbdSeparatorSizes,\n} from \"../../design-system/kbd\";\n\nexport const kbdKeyVariants = cva(zuiKbdKeyBase, {\n  variants: {\n    appearance: zuiKbdKeyAppearances,\n    size: zuiKbdKeySizes,\n  },\n  defaultVariants: {\n    appearance: \"outline\",\n    size: \"md\",\n  },\n});\n\nexport const kbdSeparatorVariants = cva(zuiKbdSeparatorBase, {\n  variants: {\n    size: zuiKbdSeparatorSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { Fragment } from \"react\";\n\nimport { zuiKbdBase } from \"../../design-system/kbd\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { KbdBaseProps } from \"./types\";\nimport { kbdKeyVariants, kbdSeparatorVariants } from \"./variants\";\n\nexport function KbdBase({\n  keys,\n  separator,\n  appearance,\n  size,\n  children,\n  className,\n  as: Wrapper = \"span\",\n  ref,\n  ...rest\n}: KbdBaseProps) {\n  const items = keys ?? (children != null ? [children] : []);\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"kbd\"\n      className={cn(zuiKbdBase, className)}\n      {...rest}\n    >\n      {items.map((key, index) => (\n        <Fragment key={index}>\n          {index > 0 && separator != null ? (\n            <span\n              data-slot=\"kbd-separator\"\n              className={kbdSeparatorVariants({ size })}\n            >\n              {separator}\n            </span>\n          ) : null}\n          <kbd\n            data-slot=\"kbd-key\"\n            className={kbdKeyVariants({ appearance, size })}\n          >\n            {key}\n          </kbd>\n        </Fragment>\n      ))}\n    </Wrapper>\n  );\n}\n\nKbdBase.displayName = \"Kbd\";\n"]}