@nuka-ui/core 1.1.3 → 1.1.4

package/dist/components/Tabs/TabsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContent.js","names":[],"sources":["../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n}\n\nfunction TabsContent({ ref, value, className, ...props }: TabsContentProps) {\n  const ctx = useTabsContext();\n  const isActive = ctx.value === value;\n  const triggerId = `${ctx.baseId}-trigger-${value}`;\n  const panelId = `${ctx.baseId}-panel-${value}`;\n\n  return (\n    <div\n      ref={ref}\n      role=\"tabpanel\"\n      id={panelId}\n      aria-labelledby={triggerId}\n      hidden={!isActive ? true : undefined}\n      tabIndex={0}\n      data-state={isActive ? \"active\" : \"inactive\"}\n      className={cn(\n        \"mt-(--space-2)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EAAE,QAAK,UAAO,cAAW,GAAG,KAA2B;CAC1E,IAAM,IAAM,GAAgB,EACtB,IAAW,EAAI,UAAU,GACzB,IAAY,GAAG,EAAI,OAAO,WAAW;AAG3C,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,IANY,GAAG,EAAI,OAAO,SAAS;EAOnC,mBAAiB;EACjB,QAAS,IAAkB,KAAA,IAAP;EACpB,UAAU;EACV,cAAY,IAAW,WAAW;EAClC,WAAW,EACT,kBACA,0DACA,+CACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}
+{"version":3,"file":"TabsContent.js","names":[],"sources":["../../../src/components/Tabs/TabsContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n}\n\nfunction TabsContent({ ref, value, className, ...props }: TabsContentProps) {\n  const ctx = useTabsContext();\n  const isActive = ctx.value === value;\n  const triggerId = `${ctx.baseId}-trigger-${value}`;\n  const panelId = `${ctx.baseId}-panel-${value}`;\n\n  return (\n    <div\n      ref={ref}\n      role=\"tabpanel\"\n      id={panelId}\n      aria-labelledby={triggerId}\n      hidden={!isActive ? true : undefined}\n      tabIndex={0}\n      data-slot=\"content\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      className={cn(\n        \"mt-(--space-2)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nTabsContent.displayName = \"TabsContent\";\n\nexport { TabsContent };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EAAE,QAAK,UAAO,cAAW,GAAG,KAA2B;CAC1E,IAAM,IAAM,GAAgB,EACtB,IAAW,EAAI,UAAU,GACzB,IAAY,GAAG,EAAI,OAAO,WAAW;AAG3C,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,IANY,GAAG,EAAI,OAAO,SAAS;EAOnC,mBAAiB;EACjB,QAAS,IAAkB,KAAA,IAAP;EACpB,UAAU;EACV,aAAU;EACV,cAAY,IAAW,WAAW;EAClC,WAAW,EACT,kBACA,0DACA,+CACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}

package/dist/components/Tabs/TabsList.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/get-active-element.cjs`),i=require(`../../utils/roving-index.cjs`),a=require(`./Tabs.context.cjs`),o=require(`./Tabs.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);var l=`[role="tab"]:not([aria-disabled="true"])`;function u({ref:e,variant:r,className:i,onKeyDown:l,children:u,...f}){let{orientation:p}=a.useTabsContext(),m=s.useRef(null),h=n.composeRefs(e,m);return(0,c.jsx)(`div`,{ref:h,role:`tablist`,"aria-orientation":p,className:t.cn(o.tabsListVariants({variant:r}),p===`vertical`&&`flex-col`,i),onKeyDown:e=>{d(e,m),l?.(e)},...f,children:u})}u.displayName=`TabsList`;function d(e,t){let n=t.current;if(!n)return;let a=Array.from(n.querySelectorAll(l));if(a.length===0)return;let o=r.getActiveElement(),s=a.indexOf(o);if(s===-1)return;let c=n.getAttribute(`aria-orientation`)===`vertical`?`vertical`:`horizontal`,u=i.getRovingIndex(e.key,s,a.length,c);u!==void 0&&(e.preventDefault(),a[u]?.focus())}exports.TabsList=u;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/get-active-element.cjs`),i=require(`../../utils/roving-index.cjs`),a=require(`./Tabs.context.cjs`),o=require(`./Tabs.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);var l=`[role="tab"]:not([aria-disabled="true"])`;function u({ref:e,variant:r,className:i,onKeyDown:l,children:u,...f}){let{orientation:p}=a.useTabsContext(),m=s.useRef(null),h=n.composeRefs(e,m);return(0,c.jsx)(`div`,{ref:h,role:`tablist`,"aria-orientation":p,className:t.cn(o.tabsListVariants({variant:r}),p===`vertical`&&`flex-col`,i),"data-slot":`list`,onKeyDown:e=>{d(e,m),l?.(e)},...f,children:u})}u.displayName=`TabsList`;function d(e,t){let n=t.current;if(!n)return;let a=Array.from(n.querySelectorAll(l));if(a.length===0)return;let o=r.getActiveElement(),s=a.indexOf(o);if(s===-1)return;let c=n.getAttribute(`aria-orientation`)===`vertical`?`vertical`:`horizontal`,u=i.getRovingIndex(e.key,s,a.length,c);u!==void 0&&(e.preventDefault(),a[u]?.focus())}exports.TabsList=u;
 //# sourceMappingURL=TabsList.cjs.map

package/dist/components/Tabs/TabsList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.cjs","names":[],"sources":["../../../src/components/Tabs/TabsList.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport type { RovingOrientation } from \"@nuka/utils/roving-index\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\nimport {\n  tabsListVariants,\n  type TabsListVariantProps,\n} from \"@nuka/components/Tabs/Tabs.variants\";\n\nconst TRIGGER_SELECTOR = '[role=\"tab\"]:not([aria-disabled=\"true\"])';\n\nexport interface TabsListProps\n  extends React.HTMLAttributes<HTMLDivElement>, TabsListVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TabsList({\n  ref,\n  variant,\n  className,\n  onKeyDown,\n  children,\n  ...props\n}: TabsListProps) {\n  const { orientation } = useTabsContext();\n  const listRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = composeRefs(ref, listRef);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    handleTabsKeyboard(e, listRef);\n    onKeyDown?.(e);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(\n        tabsListVariants({ variant }),\n        orientation === \"vertical\" && \"flex-col\",\n        className,\n      )}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"TabsList\";\n\nfunction handleTabsKeyboard(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  listRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const list = listRef.current;\n  if (!list) return;\n\n  const triggers = Array.from(\n    list.querySelectorAll<HTMLButtonElement>(TRIGGER_SELECTOR),\n  );\n  if (triggers.length === 0) return;\n\n  const active = getActiveElement();\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const orientation: RovingOrientation = isHorizontal\n    ? \"horizontal\"\n    : \"vertical\";\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    triggers.length,\n    orientation,\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":"6WAaA,IAAM,EAAmB,2CAOzB,SAAS,EAAS,CAChB,MACA,UACA,YACA,YACA,WACA,GAAG,GACa,CAChB,GAAM,CAAE,eAAgB,EAAA,gBAAgB,CAClC,EAAU,EAAM,OAAuB,KAAK,CAE5C,EAAc,EAAA,YAAY,EAAK,EAAQ,CAO7C,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,mBAAkB,EAClB,UAAW,EAAA,GACT,EAAA,iBAAiB,CAAE,UAAS,CAAC,CAC7B,IAAgB,YAAc,WAC9B,EACD,CACD,UAfmB,GAA2C,CAChE,EAAmB,EAAG,EAAQ,CAC9B,IAAY,EAAE,EAcZ,GAAI,EAEH,WACG,CAAA,CAIV,EAAS,YAAc,WAEvB,SAAS,EACP,EACA,EACA,CACA,IAAM,EAAO,EAAQ,QACrB,GAAI,CAAC,EAAM,OAEX,IAAM,EAAW,MAAM,KACrB,EAAK,iBAAoC,EAAiB,CAC3D,CACD,GAAI,EAAS,SAAW,EAAG,OAE3B,IAAM,EAAS,EAAA,kBAAkB,CAC3B,EAAe,EAAS,QAAQ,EAA4B,CAClE,GAAI,IAAiB,GAAI,OAGzB,IAAM,EADe,EAAK,aAAa,mBAAmB,GAAK,WAG3D,WADA,aAGE,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAS,OACT,EACD,CACG,IAAc,IAAA,KAElB,EAAE,gBAAgB,CAClB,EAAS,IAAY,OAAO"}
+{"version":3,"file":"TabsList.cjs","names":[],"sources":["../../../src/components/Tabs/TabsList.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport type { RovingOrientation } from \"@nuka/utils/roving-index\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\nimport {\n  tabsListVariants,\n  type TabsListVariantProps,\n} from \"@nuka/components/Tabs/Tabs.variants\";\n\nconst TRIGGER_SELECTOR = '[role=\"tab\"]:not([aria-disabled=\"true\"])';\n\nexport interface TabsListProps\n  extends React.HTMLAttributes<HTMLDivElement>, TabsListVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TabsList({\n  ref,\n  variant,\n  className,\n  onKeyDown,\n  children,\n  ...props\n}: TabsListProps) {\n  const { orientation } = useTabsContext();\n  const listRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = composeRefs(ref, listRef);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    handleTabsKeyboard(e, listRef);\n    onKeyDown?.(e);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(\n        tabsListVariants({ variant }),\n        orientation === \"vertical\" && \"flex-col\",\n        className,\n      )}\n      data-slot=\"list\"\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"TabsList\";\n\nfunction handleTabsKeyboard(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  listRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const list = listRef.current;\n  if (!list) return;\n\n  const triggers = Array.from(\n    list.querySelectorAll<HTMLButtonElement>(TRIGGER_SELECTOR),\n  );\n  if (triggers.length === 0) return;\n\n  const active = getActiveElement();\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const orientation: RovingOrientation = isHorizontal\n    ? \"horizontal\"\n    : \"vertical\";\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    triggers.length,\n    orientation,\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":"6WAaA,IAAM,EAAmB,2CAOzB,SAAS,EAAS,CAChB,MACA,UACA,YACA,YACA,WACA,GAAG,GACa,CAChB,GAAM,CAAE,eAAgB,EAAA,gBAAgB,CAClC,EAAU,EAAM,OAAuB,KAAK,CAE5C,EAAc,EAAA,YAAY,EAAK,EAAQ,CAO7C,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,UACL,mBAAkB,EAClB,UAAW,EAAA,GACT,EAAA,iBAAiB,CAAE,UAAS,CAAC,CAC7B,IAAgB,YAAc,WAC9B,EACD,CACD,YAAU,OACV,UAhBmB,GAA2C,CAChE,EAAmB,EAAG,EAAQ,CAC9B,IAAY,EAAE,EAeZ,GAAI,EAEH,WACG,CAAA,CAIV,EAAS,YAAc,WAEvB,SAAS,EACP,EACA,EACA,CACA,IAAM,EAAO,EAAQ,QACrB,GAAI,CAAC,EAAM,OAEX,IAAM,EAAW,MAAM,KACrB,EAAK,iBAAoC,EAAiB,CAC3D,CACD,GAAI,EAAS,SAAW,EAAG,OAE3B,IAAM,EAAS,EAAA,kBAAkB,CAC3B,EAAe,EAAS,QAAQ,EAA4B,CAClE,GAAI,IAAiB,GAAI,OAGzB,IAAM,EADe,EAAK,aAAa,mBAAmB,GAAK,WAG3D,WADA,aAGE,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAS,OACT,EACD,CACG,IAAc,IAAA,KAElB,EAAE,gBAAgB,CAClB,EAAS,IAAY,OAAO"}

package/dist/components/Tabs/TabsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qCAAqC,CAAC;AAI7C,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;IAClE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,QAAQ,CAAC,EAChB,GAAG,EACH,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CA2Bf;kBAlCQ,QAAQ;;;AAuEjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,qCAAqC,CAAC;AAI7C,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,oBAAoB;IAClE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,QAAQ,CAAC,EAChB,GAAG,EACH,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Bf;kBAnCQ,QAAQ;;;AAwEjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Tabs/TabsList.js

@@ -16,6 +16,7 @@ function l({ ref: n, variant: r, className: c, onKeyDown: l, children: d, ...f }
 		role: "tablist",
 		"aria-orientation": p,
 		className: e(a({ variant: r }), p === "vertical" && "flex-col", c),
+		"data-slot": "list",
 		onKeyDown: (e) => {
 			u(e, m), l?.(e);
 		},

package/dist/components/Tabs/TabsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.js","names":[],"sources":["../../../src/components/Tabs/TabsList.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport type { RovingOrientation } from \"@nuka/utils/roving-index\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\nimport {\n  tabsListVariants,\n  type TabsListVariantProps,\n} from \"@nuka/components/Tabs/Tabs.variants\";\n\nconst TRIGGER_SELECTOR = '[role=\"tab\"]:not([aria-disabled=\"true\"])';\n\nexport interface TabsListProps\n  extends React.HTMLAttributes<HTMLDivElement>, TabsListVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TabsList({\n  ref,\n  variant,\n  className,\n  onKeyDown,\n  children,\n  ...props\n}: TabsListProps) {\n  const { orientation } = useTabsContext();\n  const listRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = composeRefs(ref, listRef);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    handleTabsKeyboard(e, listRef);\n    onKeyDown?.(e);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(\n        tabsListVariants({ variant }),\n        orientation === \"vertical\" && \"flex-col\",\n        className,\n      )}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"TabsList\";\n\nfunction handleTabsKeyboard(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  listRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const list = listRef.current;\n  if (!list) return;\n\n  const triggers = Array.from(\n    list.querySelectorAll<HTMLButtonElement>(TRIGGER_SELECTOR),\n  );\n  if (triggers.length === 0) return;\n\n  const active = getActiveElement();\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const orientation: RovingOrientation = isHorizontal\n    ? \"horizontal\"\n    : \"vertical\";\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    triggers.length,\n    orientation,\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAmB;AAOzB,SAAS,EAAS,EAChB,QACA,YACA,cACA,cACA,aACA,GAAG,KACa;CAChB,IAAM,EAAE,mBAAgB,GAAgB,EAClC,IAAU,EAAM,OAAuB,KAAK;AASlD,QACE,kBAAC,OAAD;EACE,KATgB,EAAY,GAAK,EAAQ;EAUzC,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,EAAiB,EAAE,YAAS,CAAC,EAC7B,MAAgB,cAAc,YAC9B,EACD;EACD,YAfmB,MAA2C;AAEhE,GADA,EAAmB,GAAG,EAAQ,EAC9B,IAAY,EAAE;;EAcZ,GAAI;EAEH;EACG,CAAA;;AAIV,EAAS,cAAc;AAEvB,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAO,EAAQ;AACrB,KAAI,CAAC,EAAM;CAEX,IAAM,IAAW,MAAM,KACrB,EAAK,iBAAoC,EAAiB,CAC3D;AACD,KAAI,EAAS,WAAW,EAAG;CAE3B,IAAM,IAAS,GAAkB,EAC3B,IAAe,EAAS,QAAQ,EAA4B;AAClE,KAAI,MAAiB,GAAI;CAGzB,IAAM,IADe,EAAK,aAAa,mBAAmB,KAAK,aAG3D,aADA,cAGE,IAAY,EAChB,EAAE,KACF,GACA,EAAS,QACT,EACD;AACG,OAAc,KAAA,MAElB,EAAE,gBAAgB,EAClB,EAAS,IAAY,OAAO"}
+{"version":3,"file":"TabsList.js","names":[],"sources":["../../../src/components/Tabs/TabsList.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport type { RovingOrientation } from \"@nuka/utils/roving-index\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\nimport {\n  tabsListVariants,\n  type TabsListVariantProps,\n} from \"@nuka/components/Tabs/Tabs.variants\";\n\nconst TRIGGER_SELECTOR = '[role=\"tab\"]:not([aria-disabled=\"true\"])';\n\nexport interface TabsListProps\n  extends React.HTMLAttributes<HTMLDivElement>, TabsListVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction TabsList({\n  ref,\n  variant,\n  className,\n  onKeyDown,\n  children,\n  ...props\n}: TabsListProps) {\n  const { orientation } = useTabsContext();\n  const listRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = composeRefs(ref, listRef);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    handleTabsKeyboard(e, listRef);\n    onKeyDown?.(e);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(\n        tabsListVariants({ variant }),\n        orientation === \"vertical\" && \"flex-col\",\n        className,\n      )}\n      data-slot=\"list\"\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nTabsList.displayName = \"TabsList\";\n\nfunction handleTabsKeyboard(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  listRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const list = listRef.current;\n  if (!list) return;\n\n  const triggers = Array.from(\n    list.querySelectorAll<HTMLButtonElement>(TRIGGER_SELECTOR),\n  );\n  if (triggers.length === 0) return;\n\n  const active = getActiveElement();\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const orientation: RovingOrientation = isHorizontal\n    ? \"horizontal\"\n    : \"vertical\";\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    triggers.length,\n    orientation,\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":";;;;;;;;;;AAaA,IAAM,IAAmB;AAOzB,SAAS,EAAS,EAChB,QACA,YACA,cACA,cACA,aACA,GAAG,KACa;CAChB,IAAM,EAAE,mBAAgB,GAAgB,EAClC,IAAU,EAAM,OAAuB,KAAK;AASlD,QACE,kBAAC,OAAD;EACE,KATgB,EAAY,GAAK,EAAQ;EAUzC,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,EAAiB,EAAE,YAAS,CAAC,EAC7B,MAAgB,cAAc,YAC9B,EACD;EACD,aAAU;EACV,YAhBmB,MAA2C;AAEhE,GADA,EAAmB,GAAG,EAAQ,EAC9B,IAAY,EAAE;;EAeZ,GAAI;EAEH;EACG,CAAA;;AAIV,EAAS,cAAc;AAEvB,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAO,EAAQ;AACrB,KAAI,CAAC,EAAM;CAEX,IAAM,IAAW,MAAM,KACrB,EAAK,iBAAoC,EAAiB,CAC3D;AACD,KAAI,EAAS,WAAW,EAAG;CAE3B,IAAM,IAAS,GAAkB,EAC3B,IAAe,EAAS,QAAQ,EAA4B;AAClE,KAAI,MAAiB,GAAI;CAGzB,IAAM,IADe,EAAK,aAAa,mBAAmB,KAAK,aAG3D,aADA,cAGE,IAAY,EAChB,EAAE,KACF,GACA,EAAS,QACT,EACD;AACG,OAAc,KAAA,MAElB,EAAE,gBAAgB,EAClB,EAAS,IAAY,OAAO"}

package/dist/components/Tabs/TabsTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Tabs.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,value:r,disabled:a=!1,className:o,onClick:s,onFocus:c,...l}){let u=n.useTabsContext(),d=u.value===r,f=`${u.baseId}-trigger-${r}`,p=`${u.baseId}-panel-${r}`,m=u.focusedValue?u.focusedValue===r:d;return(0,i.jsx)(`button`,{ref:e,type:`button`,role:`tab`,id:f,"aria-selected":d,"aria-controls":p,"aria-disabled":a||void 0,disabled:a,tabIndex:m?0:-1,"data-state":d?`active`:`inactive`,className:t.cn(`inline-flex items-center justify-center whitespace-nowrap`,`text-[length:var(--font-size-sm)]`,`font-[number:var(--font-weight-medium)]`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:pointer-events-none disabled:opacity-50`,`cursor-pointer`,`px-(--space-3) py-(--space-2)`,`text-(--nuka-text-muted)`,`hover:text-(--nuka-text-base)`,`data-[state=active]:text-(--nuka-text-base)`,`rounded-(--radius-md)`,`data-[state=active]:bg-(--nuka-bg-base)`,`data-[state=active]:shadow-sm`,o),onFocus:e=>{u.setFocusedValue(r),u.activationMode===`automatic`&&u.onValueChange(r),c?.(e)},onClick:e=>{u.onValueChange(r),s?.(e)},...l})}a.displayName=`TabsTrigger`,exports.TabsTrigger=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Tabs.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,value:r,disabled:a=!1,className:o,onClick:s,onFocus:c,...l}){let u=n.useTabsContext(),d=u.value===r,f=`${u.baseId}-trigger-${r}`,p=`${u.baseId}-panel-${r}`,m=u.focusedValue?u.focusedValue===r:d;return(0,i.jsx)(`button`,{ref:e,type:`button`,role:`tab`,id:f,"aria-selected":d,"aria-controls":p,"aria-disabled":a||void 0,disabled:a,tabIndex:m?0:-1,"data-slot":`trigger`,"data-state":d?`active`:`inactive`,className:t.cn(`inline-flex items-center justify-center whitespace-nowrap`,`text-[length:var(--font-size-sm)]`,`font-[number:var(--font-weight-medium)]`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:pointer-events-none disabled:opacity-50`,`cursor-pointer`,`px-(--space-3) py-(--space-2)`,`text-(--nuka-text-muted)`,`hover:text-(--nuka-text-base)`,`data-[state=active]:text-(--nuka-text-base)`,`rounded-(--radius-md)`,`data-[state=active]:bg-(--nuka-bg-base)`,`data-[state=active]:shadow-sm`,o),onFocus:e=>{u.setFocusedValue(r),u.activationMode===`automatic`&&u.onValueChange(r),c?.(e)},onClick:e=>{u.onValueChange(r),s?.(e)},...l})}a.displayName=`TabsTrigger`,exports.TabsTrigger=a;
 //# sourceMappingURL=TabsTrigger.cjs.map

package/dist/components/Tabs/TabsTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.cjs","names":[],"sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\n  const ctx = useTabsContext();\n  const isSelected = ctx.value === value;\n  const triggerId = `${ctx.baseId}-trigger-${value}`;\n  const panelId = `${ctx.baseId}-panel-${value}`;\n\n  const isFocusTarget = ctx.focusedValue\n    ? ctx.focusedValue === value\n    : isSelected;\n\n  const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n    ctx.setFocusedValue(value);\n    if (ctx.activationMode === \"automatic\") {\n      ctx.onValueChange(value);\n    }\n    onFocus?.(e);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    ctx.onValueChange(value);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"tab\"\n      id={triggerId}\n      aria-selected={isSelected}\n      aria-controls={panelId}\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      tabIndex={isFocusTarget ? 0 : -1}\n      data-state={isSelected ? \"active\" : \"inactive\"}\n      className={cn(\n        \"inline-flex items-center justify-center whitespace-nowrap\",\n        \"text-[length:var(--font-size-sm)]\",\n        \"font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        \"cursor-pointer\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"data-[state=active]:text-(--nuka-text-base)\",\n        \"rounded-(--radius-md)\",\n        \"data-[state=active]:bg-(--nuka-bg-base)\",\n        \"data-[state=active]:shadow-sm\",\n        className,\n      )}\n      onFocus={handleFocus}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":"gNAUA,SAAS,EAAY,CACnB,MACA,QACA,WAAW,GACX,YACA,UACA,UACA,GAAG,GACgB,CACnB,IAAM,EAAM,EAAA,gBAAgB,CACtB,EAAa,EAAI,QAAU,EAC3B,EAAY,GAAG,EAAI,OAAO,WAAW,IACrC,EAAU,GAAG,EAAI,OAAO,SAAS,IAEjC,EAAgB,EAAI,aACtB,EAAI,eAAiB,EACrB,EAeJ,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,KAAK,MACL,GAAI,EACJ,gBAAe,EACf,gBAAe,EACf,gBAAe,GAAY,IAAA,GACjB,WACV,SAAU,EAAgB,EAAI,GAC9B,aAAY,EAAa,SAAW,WACpC,UAAW,EAAA,GACT,4DACA,oCACA,0CACA,iCACA,yDACA,8CACA,mDACA,iBACA,gCACA,2BACA,gCACA,8CACA,wBACA,0CACA,gCACA,EACD,CACD,QA3CiB,GAA2C,CAC9D,EAAI,gBAAgB,EAAM,CACtB,EAAI,iBAAmB,aACzB,EAAI,cAAc,EAAM,CAE1B,IAAU,EAAE,EAuCV,QApCiB,GAA2C,CAC9D,EAAI,cAAc,EAAM,CACxB,IAAU,EAAE,EAmCV,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}
+{"version":3,"file":"TabsTrigger.cjs","names":[],"sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\n  const ctx = useTabsContext();\n  const isSelected = ctx.value === value;\n  const triggerId = `${ctx.baseId}-trigger-${value}`;\n  const panelId = `${ctx.baseId}-panel-${value}`;\n\n  const isFocusTarget = ctx.focusedValue\n    ? ctx.focusedValue === value\n    : isSelected;\n\n  const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n    ctx.setFocusedValue(value);\n    if (ctx.activationMode === \"automatic\") {\n      ctx.onValueChange(value);\n    }\n    onFocus?.(e);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    ctx.onValueChange(value);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"tab\"\n      id={triggerId}\n      aria-selected={isSelected}\n      aria-controls={panelId}\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      tabIndex={isFocusTarget ? 0 : -1}\n      data-slot=\"trigger\"\n      data-state={isSelected ? \"active\" : \"inactive\"}\n      className={cn(\n        \"inline-flex items-center justify-center whitespace-nowrap\",\n        \"text-[length:var(--font-size-sm)]\",\n        \"font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        \"cursor-pointer\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"data-[state=active]:text-(--nuka-text-base)\",\n        \"rounded-(--radius-md)\",\n        \"data-[state=active]:bg-(--nuka-bg-base)\",\n        \"data-[state=active]:shadow-sm\",\n        className,\n      )}\n      onFocus={handleFocus}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":"gNAUA,SAAS,EAAY,CACnB,MACA,QACA,WAAW,GACX,YACA,UACA,UACA,GAAG,GACgB,CACnB,IAAM,EAAM,EAAA,gBAAgB,CACtB,EAAa,EAAI,QAAU,EAC3B,EAAY,GAAG,EAAI,OAAO,WAAW,IACrC,EAAU,GAAG,EAAI,OAAO,SAAS,IAEjC,EAAgB,EAAI,aACtB,EAAI,eAAiB,EACrB,EAeJ,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,KAAK,MACL,GAAI,EACJ,gBAAe,EACf,gBAAe,EACf,gBAAe,GAAY,IAAA,GACjB,WACV,SAAU,EAAgB,EAAI,GAC9B,YAAU,UACV,aAAY,EAAa,SAAW,WACpC,UAAW,EAAA,GACT,4DACA,oCACA,0CACA,iCACA,yDACA,8CACA,mDACA,iBACA,gCACA,2BACA,gCACA,8CACA,wBACA,0CACA,gCACA,EACD,CACD,QA5CiB,GAA2C,CAC9D,EAAI,gBAAgB,EAAM,CACtB,EAAI,iBAAmB,aACzB,EAAI,cAAc,EAAM,CAE1B,IAAU,EAAE,EAwCV,QArCiB,GAA2C,CAC9D,EAAI,cAAc,EAAM,CACxB,IAAU,EAAE,EAoCV,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc"}

package/dist/components/Tabs/TabsTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0DlB;kBAlEQ,WAAW;;;AAsEpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA2DlB;kBAnEQ,WAAW;;;AAuEpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Tabs/TabsTrigger.js

@@ -16,6 +16,7 @@ function r({ ref: r, value: i, disabled: a = !1, className: o, onClick: s, onFoc
 		"aria-disabled": a || void 0,
 		disabled: a,
 		tabIndex: m ? 0 : -1,
+		"data-slot": "trigger",
 		"data-state": d ? "active" : "inactive",
 		className: e("inline-flex items-center justify-center whitespace-nowrap", "text-[length:var(--font-size-sm)]", "font-[number:var(--font-weight-medium)]", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", "disabled:pointer-events-none disabled:opacity-50", "cursor-pointer", "px-(--space-3) py-(--space-2)", "text-(--nuka-text-muted)", "hover:text-(--nuka-text-base)", "data-[state=active]:text-(--nuka-text-base)", "rounded-(--radius-md)", "data-[state=active]:bg-(--nuka-bg-base)", "data-[state=active]:shadow-sm", o),
 		onFocus: (e) => {

package/dist/components/Tabs/TabsTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.js","names":[],"sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\n  const ctx = useTabsContext();\n  const isSelected = ctx.value === value;\n  const triggerId = `${ctx.baseId}-trigger-${value}`;\n  const panelId = `${ctx.baseId}-panel-${value}`;\n\n  const isFocusTarget = ctx.focusedValue\n    ? ctx.focusedValue === value\n    : isSelected;\n\n  const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n    ctx.setFocusedValue(value);\n    if (ctx.activationMode === \"automatic\") {\n      ctx.onValueChange(value);\n    }\n    onFocus?.(e);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    ctx.onValueChange(value);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"tab\"\n      id={triggerId}\n      aria-selected={isSelected}\n      aria-controls={panelId}\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      tabIndex={isFocusTarget ? 0 : -1}\n      data-state={isSelected ? \"active\" : \"inactive\"}\n      className={cn(\n        \"inline-flex items-center justify-center whitespace-nowrap\",\n        \"text-[length:var(--font-size-sm)]\",\n        \"font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        \"cursor-pointer\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"data-[state=active]:text-(--nuka-text-base)\",\n        \"rounded-(--radius-md)\",\n        \"data-[state=active]:bg-(--nuka-bg-base)\",\n        \"data-[state=active]:shadow-sm\",\n        className,\n      )}\n      onFocus={handleFocus}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EACnB,QACA,UACA,cAAW,IACX,cACA,YACA,YACA,GAAG,KACgB;CACnB,IAAM,IAAM,GAAgB,EACtB,IAAa,EAAI,UAAU,GAC3B,IAAY,GAAG,EAAI,OAAO,WAAW,KACrC,IAAU,GAAG,EAAI,OAAO,SAAS,KAEjC,IAAgB,EAAI,eACtB,EAAI,iBAAiB,IACrB;AAeJ,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,MAAK;EACL,IAAI;EACJ,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAY,KAAA;EACjB;EACV,UAAU,IAAgB,IAAI;EAC9B,cAAY,IAAa,WAAW;EACpC,WAAW,EACT,6DACA,qCACA,2CACA,kCACA,0DACA,+CACA,oDACA,kBACA,iCACA,4BACA,iCACA,+CACA,yBACA,2CACA,iCACA,EACD;EACD,UA3CiB,MAA2C;AAK9D,GAJA,EAAI,gBAAgB,EAAM,EACtB,EAAI,mBAAmB,eACzB,EAAI,cAAc,EAAM,EAE1B,IAAU,EAAE;;EAuCV,UApCiB,MAA2C;AAE9D,GADA,EAAI,cAAc,EAAM,EACxB,IAAU,EAAE;;EAmCV,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}
+{"version":3,"file":"TabsTrigger.js","names":[],"sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useTabsContext } from \"@nuka/components/Tabs/Tabs.context\";\n\nexport interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  value: string;\n}\n\nfunction TabsTrigger({\n  ref,\n  value,\n  disabled = false,\n  className,\n  onClick,\n  onFocus,\n  ...props\n}: TabsTriggerProps) {\n  const ctx = useTabsContext();\n  const isSelected = ctx.value === value;\n  const triggerId = `${ctx.baseId}-trigger-${value}`;\n  const panelId = `${ctx.baseId}-panel-${value}`;\n\n  const isFocusTarget = ctx.focusedValue\n    ? ctx.focusedValue === value\n    : isSelected;\n\n  const handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n    ctx.setFocusedValue(value);\n    if (ctx.activationMode === \"automatic\") {\n      ctx.onValueChange(value);\n    }\n    onFocus?.(e);\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    ctx.onValueChange(value);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"tab\"\n      id={triggerId}\n      aria-selected={isSelected}\n      aria-controls={panelId}\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      tabIndex={isFocusTarget ? 0 : -1}\n      data-slot=\"trigger\"\n      data-state={isSelected ? \"active\" : \"inactive\"}\n      className={cn(\n        \"inline-flex items-center justify-center whitespace-nowrap\",\n        \"text-[length:var(--font-size-sm)]\",\n        \"font-[number:var(--font-weight-medium)]\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        \"cursor-pointer\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"data-[state=active]:text-(--nuka-text-base)\",\n        \"rounded-(--radius-md)\",\n        \"data-[state=active]:bg-(--nuka-bg-base)\",\n        \"data-[state=active]:shadow-sm\",\n        className,\n      )}\n      onFocus={handleFocus}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAY,EACnB,QACA,UACA,cAAW,IACX,cACA,YACA,YACA,GAAG,KACgB;CACnB,IAAM,IAAM,GAAgB,EACtB,IAAa,EAAI,UAAU,GAC3B,IAAY,GAAG,EAAI,OAAO,WAAW,KACrC,IAAU,GAAG,EAAI,OAAO,SAAS,KAEjC,IAAgB,EAAI,eACtB,EAAI,iBAAiB,IACrB;AAeJ,QACE,kBAAC,UAAD;EACO;EACL,MAAK;EACL,MAAK;EACL,IAAI;EACJ,iBAAe;EACf,iBAAe;EACf,iBAAe,KAAY,KAAA;EACjB;EACV,UAAU,IAAgB,IAAI;EAC9B,aAAU;EACV,cAAY,IAAa,WAAW;EACpC,WAAW,EACT,6DACA,qCACA,2CACA,kCACA,0DACA,+CACA,oDACA,kBACA,iCACA,4BACA,iCACA,+CACA,yBACA,2CACA,iCACA,EACD;EACD,UA5CiB,MAA2C;AAK9D,GAJA,EAAI,gBAAgB,EAAM,EACtB,EAAI,mBAAmB,eACzB,EAAI,cAAc,EAAM,EAE1B,IAAU,EAAE;;EAwCV,UArCiB,MAA2C;AAE9D,GADA,EAAI,cAAc,EAAM,EACxB,IAAU,EAAE;;EAoCV,GAAI;EACJ,CAAA;;AAIN,EAAY,cAAc"}

package/dist/components/Tag/Tag.variants.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`),t=require(`../../utils/variants.cjs`);var n=e.cva([`inline-flex items-center`,`font-medium leading-none whitespace-nowrap`,`rounded-(--radius-md)`,`border`],{variants:{variant:{primary:[`border-transparent`],secondary:[],outline:[`bg-transparent`],ghost:[`bg-transparent`,`border-transparent`]},intent:{default:``,danger:``,success:``,warning:``},size:{sm:`gap-(--space-1) px-(--space-2) py-(--space-1) text-xs`,md:`gap-(--space-1) px-(--space-3) py-(--space-1) text-xs`,lg:`gap-(--space-2) px-(--space-3) py-(--space-2) text-sm`}},compoundVariants:t.intentCompoundVariants(),defaultVariants:{variant:`secondary`,intent:`default`,size:`md`}});exports.tagVariants=n;
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`),t=require(`../../utils/variants.cjs`);var n=e.cva([`inline-flex items-center`,`font-[number:var(--font-weight-medium)] leading-none whitespace-nowrap`,`rounded-(--radius-md)`,`border`],{variants:{variant:{primary:[`border-transparent`],secondary:[],outline:[`bg-transparent`],ghost:[`bg-transparent`,`border-transparent`]},intent:{default:``,danger:``,success:``,warning:``},size:{sm:`gap-(--space-1) px-(--space-2) py-(--space-1) text-xs`,md:`gap-(--space-1) px-(--space-3) py-(--space-1) text-xs`,lg:`gap-(--space-2) px-(--space-3) py-(--space-2) text-sm`}},compoundVariants:t.intentCompoundVariants(),defaultVariants:{variant:`secondary`,intent:`default`,size:`md`}});exports.tagVariants=n;
 //# sourceMappingURL=Tag.variants.cjs.map

package/dist/components/Tag/Tag.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.variants.cjs","names":[],"sources":["../../../src/components/Tag/Tag.variants.ts"],"sourcesContent":["import {\n  cva,\n  intentCompoundVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const tagVariants = cva(\n  [\n    \"inline-flex items-center\",\n    \"font-medium leading-none whitespace-nowrap\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\"border-transparent\"],\n        secondary: [],\n        outline: [\"bg-transparent\"],\n        ghost: [\"bg-transparent\", \"border-transparent\"],\n      },\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"gap-(--space-1) px-(--space-2) py-(--space-1) text-xs\",\n        md: \"gap-(--space-1) px-(--space-3) py-(--space-1) text-xs\",\n        lg: \"gap-(--space-2) px-(--space-3) py-(--space-2) text-sm\",\n      },\n    },\n\n    compoundVariants: intentCompoundVariants(),\n\n    defaultVariants: {\n      variant: \"secondary\",\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type TagVariantProps = VariantProps<typeof tagVariants>;\n"],"mappings":"oHAMA,IAAa,EAAc,EAAA,IACzB,CACE,2BACA,6CACA,wBACA,SACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CAAC,qBAAqB,CAC/B,UAAW,EAAE,CACb,QAAS,CAAC,iBAAiB,CAC3B,MAAO,CAAC,iBAAkB,qBAAqB,CAChD,CACD,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACD,KAAM,CACJ,GAAI,wDACJ,GAAI,wDACJ,GAAI,wDACL,CACF,CAED,iBAAkB,EAAA,wBAAwB,CAE1C,gBAAiB,CACf,QAAS,YACT,OAAQ,UACR,KAAM,KACP,CACF,CACF"}
+{"version":3,"file":"Tag.variants.cjs","names":[],"sources":["../../../src/components/Tag/Tag.variants.ts"],"sourcesContent":["import {\n  cva,\n  intentCompoundVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const tagVariants = cva(\n  [\n    \"inline-flex items-center\",\n    \"font-[number:var(--font-weight-medium)] leading-none whitespace-nowrap\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\"border-transparent\"],\n        secondary: [],\n        outline: [\"bg-transparent\"],\n        ghost: [\"bg-transparent\", \"border-transparent\"],\n      },\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"gap-(--space-1) px-(--space-2) py-(--space-1) text-xs\",\n        md: \"gap-(--space-1) px-(--space-3) py-(--space-1) text-xs\",\n        lg: \"gap-(--space-2) px-(--space-3) py-(--space-2) text-sm\",\n      },\n    },\n\n    compoundVariants: intentCompoundVariants(),\n\n    defaultVariants: {\n      variant: \"secondary\",\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type TagVariantProps = VariantProps<typeof tagVariants>;\n"],"mappings":"oHAMA,IAAa,EAAc,EAAA,IACzB,CACE,2BACA,yEACA,wBACA,SACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,CAAC,qBAAqB,CAC/B,UAAW,EAAE,CACb,QAAS,CAAC,iBAAiB,CAC3B,MAAO,CAAC,iBAAkB,qBAAqB,CAChD,CACD,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACD,KAAM,CACJ,GAAI,wDACJ,GAAI,wDACJ,GAAI,wDACL,CACF,CAED,iBAAkB,EAAA,wBAAwB,CAE1C,gBAAiB,CACf,QAAS,YACT,OAAQ,UACR,KAAM,KACP,CACF,CACF"}

package/dist/components/Tag/Tag.variants.js

@@ -3,7 +3,7 @@ import { intentCompoundVariants as t } from "../../utils/variants.js";
 //#region src/components/Tag/Tag.variants.ts
 var n = e([
 	"inline-flex items-center",
-	"font-medium leading-none whitespace-nowrap",
+	"font-[number:var(--font-weight-medium)] leading-none whitespace-nowrap",
 	"rounded-(--radius-md)",
 	"border"
 ], {

package/dist/components/Tag/Tag.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.variants.js","names":[],"sources":["../../../src/components/Tag/Tag.variants.ts"],"sourcesContent":["import {\n  cva,\n  intentCompoundVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const tagVariants = cva(\n  [\n    \"inline-flex items-center\",\n    \"font-medium leading-none whitespace-nowrap\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\"border-transparent\"],\n        secondary: [],\n        outline: [\"bg-transparent\"],\n        ghost: [\"bg-transparent\", \"border-transparent\"],\n      },\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"gap-(--space-1) px-(--space-2) py-(--space-1) text-xs\",\n        md: \"gap-(--space-1) px-(--space-3) py-(--space-1) text-xs\",\n        lg: \"gap-(--space-2) px-(--space-3) py-(--space-2) text-sm\",\n      },\n    },\n\n    compoundVariants: intentCompoundVariants(),\n\n    defaultVariants: {\n      variant: \"secondary\",\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type TagVariantProps = VariantProps<typeof tagVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAc,EACzB;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,SAAS;GACP,SAAS,CAAC,qBAAqB;GAC/B,WAAW,EAAE;GACb,SAAS,CAAC,iBAAiB;GAC3B,OAAO,CAAC,kBAAkB,qBAAqB;GAChD;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CAED,kBAAkB,GAAwB;CAE1C,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;EACP;CACF,CACF"}
+{"version":3,"file":"Tag.variants.js","names":[],"sources":["../../../src/components/Tag/Tag.variants.ts"],"sourcesContent":["import {\n  cva,\n  intentCompoundVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const tagVariants = cva(\n  [\n    \"inline-flex items-center\",\n    \"font-[number:var(--font-weight-medium)] leading-none whitespace-nowrap\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\"border-transparent\"],\n        secondary: [],\n        outline: [\"bg-transparent\"],\n        ghost: [\"bg-transparent\", \"border-transparent\"],\n      },\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\n      },\n      size: {\n        sm: \"gap-(--space-1) px-(--space-2) py-(--space-1) text-xs\",\n        md: \"gap-(--space-1) px-(--space-3) py-(--space-1) text-xs\",\n        lg: \"gap-(--space-2) px-(--space-3) py-(--space-2) text-sm\",\n      },\n    },\n\n    compoundVariants: intentCompoundVariants(),\n\n    defaultVariants: {\n      variant: \"secondary\",\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type TagVariantProps = VariantProps<typeof tagVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAc,EACzB;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,SAAS;GACP,SAAS,CAAC,qBAAqB;GAC/B,WAAW,EAAE;GACb,SAAS,CAAC,iBAAiB;GAC3B,OAAO,CAAC,kBAAkB,qBAAqB;GAChD;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CAED,kBAAkB,GAAwB;CAE1C,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;EACP;CACF,CACF"}

package/dist/components/Text/Text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"label\"\n  | \"li\"\n  | \"time\"\n  | \"abbr\"\n  | \"figcaption\"\n  | \"div\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nfunction Text({\n  ref,\n  as: Comp = \"p\",\n  className,\n  size = \"md\",\n  family,\n  weight,\n  color,\n  align = \"left\",\n  truncate,\n  ...props\n}: TextProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n      // so ref cannot satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        textVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, textSizeClasses),\n        ...resolveResponsiveClasses(align, textAlignClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":"yPAiCA,SAAS,EAAK,CACZ,MACA,GAAI,EAAO,IACX,YACA,OAAO,KACP,SACA,SACA,QACA,QAAQ,OACR,WACA,GAAG,GACS,CACZ,OACE,EAAA,EAAA,KAAC,EAAD,CAIO,MACL,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACjD,GAAG,EAAA,yBAAyB,EAAM,EAAA,gBAAgB,CAClD,GAAG,EAAA,yBAAyB,EAAO,EAAA,iBAAiB,CACpD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}
+{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"div\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"address\"\n  | \"li\"\n  | \"dt\"\n  | \"dd\"\n  | \"figcaption\"\n  | \"caption\"\n  | \"span\"\n  | \"strong\"\n  | \"em\"\n  | \"b\"\n  | \"i\"\n  | \"u\"\n  | \"s\"\n  | \"small\"\n  | \"mark\"\n  | \"cite\"\n  | \"q\"\n  | \"abbr\"\n  | \"dfn\"\n  | \"samp\"\n  | \"var\"\n  | \"sub\"\n  | \"sup\"\n  | \"time\"\n  | \"data\"\n  | \"label\"\n  | \"legend\"\n  | \"output\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nfunction Text({\n  ref,\n  as: Comp = \"p\",\n  className,\n  size = \"md\",\n  family,\n  weight,\n  color,\n  align = \"left\",\n  truncate,\n  ...props\n}: TextProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n      // so ref cannot satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        textVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, textSizeClasses),\n        ...resolveResponsiveClasses(align, textAlignClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":"yPAyDA,SAAS,EAAK,CACZ,MACA,GAAI,EAAO,IACX,YACA,OAAO,KACP,SACA,SACA,QACA,QAAQ,OACR,WACA,GAAG,GACS,CACZ,OACE,EAAA,EAAA,KAAC,EAAD,CAIO,MACL,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,SAAQ,SAAQ,QAAO,WAAU,CAAC,CACjD,GAAG,EAAA,yBAAyB,EAAM,EAAA,gBAAgB,CAClD,GAAG,EAAA,yBAAyB,EAAO,EAAA,iBAAiB,CACpD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}

package/dist/components/Text/Text.d.ts

@@ -1,7 +1,7 @@
 import { Responsive, TextSize, TextAlign } from '../../utils/responsive';
 import { textVariants, TextVariantProps } from './Text.variants';
 import * as React from "react";
-type TextElement = "p" | "span" | "label" | "li" | "time" | "abbr" | "figcaption" | "div";
+type TextElement = "p" | "div" | "blockquote" | "pre" | "address" | "li" | "dt" | "dd" | "figcaption" | "caption" | "span" | "strong" | "em" | "b" | "i" | "u" | "s" | "small" | "mark" | "cite" | "q" | "abbr" | "dfn" | "samp" | "var" | "sub" | "sup" | "time" | "data" | "label" | "legend" | "output";
 export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, TextVariantProps {
     ref?: React.Ref<HTMLElement> | undefined;
     as?: TextElement;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,KAAK,WAAW,GACZ,GAAG,GACH,MAAM,GACN,OAAO,GACP,IAAI,GACJ,MAAM,GACN,MAAM,GACN,YAAY,GACZ,KAAK,CAAC;AAEV,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,EAAE,EAAE,IAAU,EACd,SAAS,EACT,IAAW,EACX,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAgBX;kBA3BQ,IAAI;;;AA+Bb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,KAAK,WAAW,GACZ,GAAG,GACH,KAAK,GACL,YAAY,GACZ,KAAK,GACL,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,YAAY,GACZ,SAAS,GACT,MAAM,GACN,QAAQ,GACR,IAAI,GACJ,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,OAAO,GACP,MAAM,GACN,MAAM,GACN,GAAG,GACH,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAC/B;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,EAAE,EAAE,IAAU,EACd,SAAS,EACT,IAAW,EACX,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAgBX;kBA3BQ,IAAI;;;AA+Bb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"label\"\n  | \"li\"\n  | \"time\"\n  | \"abbr\"\n  | \"figcaption\"\n  | \"div\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nfunction Text({\n  ref,\n  as: Comp = \"p\",\n  className,\n  size = \"md\",\n  family,\n  weight,\n  color,\n  align = \"left\",\n  truncate,\n  ...props\n}: TextProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n      // so ref cannot satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        textVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, textSizeClasses),\n        ...resolveResponsiveClasses(align, textAlignClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":";;;;;;;AAiCA,SAAS,EAAK,EACZ,QACA,IAAI,IAAO,KACX,cACA,UAAO,MACP,WACA,WACA,UACA,WAAQ,QACR,aACA,GAAG,KACS;AACZ,QACE,kBAAC,GAAD;EAIO;EACL,WAAW,EACT,EAAa;GAAE;GAAQ;GAAQ;GAAO;GAAU,CAAC,EACjD,GAAG,EAAyB,GAAM,EAAgB,EAClD,GAAG,EAAyB,GAAO,EAAiB,EACpD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}
+{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, TextSize, TextAlign } from \"@nuka/utils/responsive\";\nimport {\n  textVariants,\n  type TextVariantProps,\n} from \"@nuka/components/Text/Text.variants\";\n\ntype TextElement =\n  | \"p\"\n  | \"div\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"address\"\n  | \"li\"\n  | \"dt\"\n  | \"dd\"\n  | \"figcaption\"\n  | \"caption\"\n  | \"span\"\n  | \"strong\"\n  | \"em\"\n  | \"b\"\n  | \"i\"\n  | \"u\"\n  | \"s\"\n  | \"small\"\n  | \"mark\"\n  | \"cite\"\n  | \"q\"\n  | \"abbr\"\n  | \"dfn\"\n  | \"samp\"\n  | \"var\"\n  | \"sub\"\n  | \"sup\"\n  | \"time\"\n  | \"data\"\n  | \"label\"\n  | \"legend\"\n  | \"output\";\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">, TextVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nfunction Text({\n  ref,\n  as: Comp = \"p\",\n  className,\n  size = \"md\",\n  family,\n  weight,\n  color,\n  align = \"left\",\n  truncate,\n  ...props\n}: TextProps) {\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic (p | span | label | ...),\n      // so ref cannot satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        textVariants({ family, weight, color, truncate }),\n        ...resolveResponsiveClasses(size, textSizeClasses),\n        ...resolveResponsiveClasses(align, textAlignClasses),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":";;;;;;;AAyDA,SAAS,EAAK,EACZ,QACA,IAAI,IAAO,KACX,cACA,UAAO,MACP,WACA,WACA,UACA,WAAQ,QACR,aACA,GAAG,KACS;AACZ,QACE,kBAAC,GAAD;EAIO;EACL,WAAW,EACT,EAAa;GAAE;GAAQ;GAAQ;GAAO;GAAU,CAAC,EACjD,GAAG,EAAyB,GAAM,EAAgB,EAClD,GAAG,EAAyB,GAAO,EAAiB,EACpD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}

package/dist/components/Text/Text.variants.cjs

@@ -1,2 +1,2 @@
-var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([],{variants:{family:{heading:`[font-family:var(--nuka-font-heading)]`,body:`[font-family:var(--nuka-font-body)]`,ui:`[font-family:var(--nuka-font-ui)]`,code:`[font-family:var(--nuka-font-code)]`},weight:{regular:`font-[number:var(--font-weight-regular)]`,medium:`font-[number:var(--font-weight-medium)]`,semibold:`font-[number:var(--font-weight-semibold)]`,bold:`font-[number:var(--font-weight-bold)]`},color:{base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`,accent:`text-(--nuka-accent-text)`,danger:`text-(--nuka-danger-text)`,success:`text-(--nuka-success-text)`,warning:`text-(--nuka-warning-text)`},truncate:{true:`truncate`,false:``}},defaultVariants:{family:`body`,weight:`regular`,color:`base`,truncate:!1}});exports.textVariants=e;
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([],{variants:{family:{heading:`[font-family:var(--nuka-font-heading)]`,body:`[font-family:var(--nuka-font-body)]`,ui:`[font-family:var(--nuka-font-ui)]`,code:`[font-family:var(--nuka-font-code)]`},weight:{thin:`font-[number:var(--font-weight-thin)]`,extralight:`font-[number:var(--font-weight-extralight)]`,light:`font-[number:var(--font-weight-light)]`,regular:`font-[number:var(--font-weight-regular)]`,medium:`font-[number:var(--font-weight-medium)]`,semibold:`font-[number:var(--font-weight-semibold)]`,bold:`font-[number:var(--font-weight-bold)]`,extrabold:`font-[number:var(--font-weight-extrabold)]`,black:`font-[number:var(--font-weight-black)]`},color:{base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`,accent:`text-(--nuka-accent-text)`,danger:`text-(--nuka-danger-text)`,success:`text-(--nuka-success-text)`,warning:`text-(--nuka-warning-text)`},truncate:{true:`truncate`,false:``}},defaultVariants:{family:`body`,weight:`regular`,color:`base`,truncate:!1}});exports.textVariants=e;
 //# sourceMappingURL=Text.variants.cjs.map

package/dist/components/Text/Text.variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.variants.cjs","names":[],"sources":["../../../src/components/Text/Text.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const textVariants = cva([], {\n  variants: {\n    family: {\n      heading: \"[font-family:var(--nuka-font-heading)]\",\n      body: \"[font-family:var(--nuka-font-body)]\",\n      ui: \"[font-family:var(--nuka-font-ui)]\",\n      code: \"[font-family:var(--nuka-font-code)]\",\n    },\n    weight: {\n      regular: \"font-[number:var(--font-weight-regular)]\",\n      medium: \"font-[number:var(--font-weight-medium)]\",\n      semibold: \"font-[number:var(--font-weight-semibold)]\",\n      bold: \"font-[number:var(--font-weight-bold)]\",\n    },\n    color: {\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n      accent: \"text-(--nuka-accent-text)\",\n      danger: \"text-(--nuka-danger-text)\",\n      success: \"text-(--nuka-success-text)\",\n      warning: \"text-(--nuka-warning-text)\",\n    },\n    truncate: {\n      true: \"truncate\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"body\",\n    weight: \"regular\",\n    color: \"base\",\n    truncate: false,\n  },\n});\n\nexport type TextVariantProps = VariantProps<typeof textVariants>;\n"],"mappings":"AAEA,IAAa,wEAAe,IAAI,EAAE,CAAE,CAClC,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,sCACP,CACD,OAAQ,CACN,QAAS,2CACT,OAAQ,0CACR,SAAU,4CACV,KAAM,wCACP,CACD,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACV,OAAQ,4BACR,OAAQ,4BACR,QAAS,6BACT,QAAS,6BACV,CACD,SAAU,CACR,KAAM,WACN,MAAO,GACR,CACF,CACD,gBAAiB,CACf,OAAQ,OACR,OAAQ,UACR,MAAO,OACP,SAAU,GACX,CACF,CAAC"}
+{"version":3,"file":"Text.variants.cjs","names":[],"sources":["../../../src/components/Text/Text.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const textVariants = cva([], {\n  variants: {\n    family: {\n      heading: \"[font-family:var(--nuka-font-heading)]\",\n      body: \"[font-family:var(--nuka-font-body)]\",\n      ui: \"[font-family:var(--nuka-font-ui)]\",\n      code: \"[font-family:var(--nuka-font-code)]\",\n    },\n    weight: {\n      thin: \"font-[number:var(--font-weight-thin)]\",\n      extralight: \"font-[number:var(--font-weight-extralight)]\",\n      light: \"font-[number:var(--font-weight-light)]\",\n      regular: \"font-[number:var(--font-weight-regular)]\",\n      medium: \"font-[number:var(--font-weight-medium)]\",\n      semibold: \"font-[number:var(--font-weight-semibold)]\",\n      bold: \"font-[number:var(--font-weight-bold)]\",\n      extrabold: \"font-[number:var(--font-weight-extrabold)]\",\n      black: \"font-[number:var(--font-weight-black)]\",\n    },\n    color: {\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n      accent: \"text-(--nuka-accent-text)\",\n      danger: \"text-(--nuka-danger-text)\",\n      success: \"text-(--nuka-success-text)\",\n      warning: \"text-(--nuka-warning-text)\",\n    },\n    truncate: {\n      true: \"truncate\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"body\",\n    weight: \"regular\",\n    color: \"base\",\n    truncate: false,\n  },\n});\n\nexport type TextVariantProps = VariantProps<typeof textVariants>;\n"],"mappings":"AAEA,IAAa,wEAAe,IAAI,EAAE,CAAE,CAClC,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,sCACP,CACD,OAAQ,CACN,KAAM,wCACN,WAAY,8CACZ,MAAO,yCACP,QAAS,2CACT,OAAQ,0CACR,SAAU,4CACV,KAAM,wCACN,UAAW,6CACX,MAAO,yCACR,CACD,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACV,OAAQ,4BACR,OAAQ,4BACR,QAAS,6BACT,QAAS,6BACV,CACD,SAAU,CACR,KAAM,WACN,MAAO,GACR,CACF,CACD,gBAAiB,CACf,OAAQ,OACR,OAAQ,UACR,MAAO,OACP,SAAU,GACX,CACF,CAAC"}

package/dist/components/Text/Text.variants.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from '../../utils/variants';
 export declare const textVariants: (props?: ({
     family?: "body" | "code" | "heading" | "ui" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "bold" | "black" | "medium" | "thin" | "light" | "extralight" | "regular" | "semibold" | "extrabold" | null | undefined;
     color?: "base" | "disabled" | "danger" | "success" | "warning" | "muted" | "subtle" | "inverse" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Text/Text.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY;;;;;8EAoCvB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"Text.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY;;;;;8EAyCvB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/components/Text/Text.variants.js

@@ -9,10 +9,15 @@ var t = e([], {
 			code: "[font-family:var(--nuka-font-code)]"
 		},
 		weight: {
+			thin: "font-[number:var(--font-weight-thin)]",
+			extralight: "font-[number:var(--font-weight-extralight)]",
+			light: "font-[number:var(--font-weight-light)]",
 			regular: "font-[number:var(--font-weight-regular)]",
 			medium: "font-[number:var(--font-weight-medium)]",
 			semibold: "font-[number:var(--font-weight-semibold)]",
-			bold: "font-[number:var(--font-weight-bold)]"
+			bold: "font-[number:var(--font-weight-bold)]",
+			extrabold: "font-[number:var(--font-weight-extrabold)]",
+			black: "font-[number:var(--font-weight-black)]"
 		},
 		color: {
 			base: "text-(--nuka-text-base)",

package/dist/components/Text/Text.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.variants.js","names":[],"sources":["../../../src/components/Text/Text.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const textVariants = cva([], {\n  variants: {\n    family: {\n      heading: \"[font-family:var(--nuka-font-heading)]\",\n      body: \"[font-family:var(--nuka-font-body)]\",\n      ui: \"[font-family:var(--nuka-font-ui)]\",\n      code: \"[font-family:var(--nuka-font-code)]\",\n    },\n    weight: {\n      regular: \"font-[number:var(--font-weight-regular)]\",\n      medium: \"font-[number:var(--font-weight-medium)]\",\n      semibold: \"font-[number:var(--font-weight-semibold)]\",\n      bold: \"font-[number:var(--font-weight-bold)]\",\n    },\n    color: {\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n      accent: \"text-(--nuka-accent-text)\",\n      danger: \"text-(--nuka-danger-text)\",\n      success: \"text-(--nuka-success-text)\",\n      warning: \"text-(--nuka-warning-text)\",\n    },\n    truncate: {\n      true: \"truncate\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"body\",\n    weight: \"regular\",\n    color: \"base\",\n    truncate: false,\n  },\n});\n\nexport type TextVariantProps = VariantProps<typeof textVariants>;\n"],"mappings":";;AAEA,IAAa,IAAe,EAAI,EAAE,EAAE;CAClC,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACP;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,UAAU;GACV,MAAM;GACP;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,UAAU;EACX;CACF,CAAC"}
+{"version":3,"file":"Text.variants.js","names":[],"sources":["../../../src/components/Text/Text.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const textVariants = cva([], {\n  variants: {\n    family: {\n      heading: \"[font-family:var(--nuka-font-heading)]\",\n      body: \"[font-family:var(--nuka-font-body)]\",\n      ui: \"[font-family:var(--nuka-font-ui)]\",\n      code: \"[font-family:var(--nuka-font-code)]\",\n    },\n    weight: {\n      thin: \"font-[number:var(--font-weight-thin)]\",\n      extralight: \"font-[number:var(--font-weight-extralight)]\",\n      light: \"font-[number:var(--font-weight-light)]\",\n      regular: \"font-[number:var(--font-weight-regular)]\",\n      medium: \"font-[number:var(--font-weight-medium)]\",\n      semibold: \"font-[number:var(--font-weight-semibold)]\",\n      bold: \"font-[number:var(--font-weight-bold)]\",\n      extrabold: \"font-[number:var(--font-weight-extrabold)]\",\n      black: \"font-[number:var(--font-weight-black)]\",\n    },\n    color: {\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n      accent: \"text-(--nuka-accent-text)\",\n      danger: \"text-(--nuka-danger-text)\",\n      success: \"text-(--nuka-success-text)\",\n      warning: \"text-(--nuka-warning-text)\",\n    },\n    truncate: {\n      true: \"truncate\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    family: \"body\",\n    weight: \"regular\",\n    color: \"base\",\n    truncate: false,\n  },\n});\n\nexport type TextVariantProps = VariantProps<typeof textVariants>;\n"],"mappings":";;AAEA,IAAa,IAAe,EAAI,EAAE,EAAE;CAClC,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACP;EACD,QAAQ;GACN,MAAM;GACN,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,MAAM;GACN,WAAW;GACX,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,UAAU;EACX;CACF,CAAC"}

package/dist/components/Timeline/Timeline.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ol`,{ref:e,className:t.cn(`relative flex flex-col`,`list-none`,n),...i})}i.displayName=`Timeline`,exports.Timeline=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ol`,{ref:e,className:t.cn(`relative flex flex-col`,`list-none`,n),"data-slot":`root`,...i})}i.displayName=`Timeline`,exports.Timeline=i;
 //# sourceMappingURL=Timeline.cjs.map

package/dist/components/Timeline/Timeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement> | undefined;\n}\n\nfunction Timeline({ ref, className, ...props }: TimelineProps) {\n  return (\n    <ol\n      ref={ref}\n      className={cn(\"relative flex flex-col\", \"list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":"gLASA,SAAS,EAAS,CAAE,MAAK,YAAW,GAAG,GAAwB,CAC7D,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,yBAA0B,YAAa,EAAU,CAC/D,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc"}
+{"version":3,"file":"Timeline.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement> | undefined;\n}\n\nfunction Timeline({ ref, className, ...props }: TimelineProps) {\n  return (\n    <ol\n      ref={ref}\n      className={cn(\"relative flex flex-col\", \"list-none\", className)}\n      data-slot=\"root\"\n      {...props}\n    />\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":"gLASA,SAAS,EAAS,CAAE,MAAK,YAAW,GAAG,GAAwB,CAC7D,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,yBAA0B,YAAa,EAAU,CAC/D,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAQ5D;kBARQ,QAAQ;;;AAYjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAS5D;kBATQ,QAAQ;;;AAajB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Timeline/Timeline.js

@@ -7,6 +7,7 @@ function n({ ref: n, className: r, ...i }) {
 	return /* @__PURE__ */ t("ol", {
 		ref: n,
 		className: e("relative flex flex-col", "list-none", r),
+		"data-slot": "root",
 		...i
 	});
 }

package/dist/components/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement> | undefined;\n}\n\nfunction Timeline({ ref, className, ...props }: TimelineProps) {\n  return (\n    <ol\n      ref={ref}\n      className={cn(\"relative flex flex-col\", \"list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":";;;;;AASA,SAAS,EAAS,EAAE,QAAK,cAAW,GAAG,KAAwB;AAC7D,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,0BAA0B,aAAa,EAAU;EAC/D,GAAI;EACJ,CAAA;;AAIN,EAAS,cAAc"}
+{"version":3,"file":"Timeline.js","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement> | undefined;\n}\n\nfunction Timeline({ ref, className, ...props }: TimelineProps) {\n  return (\n    <ol\n      ref={ref}\n      className={cn(\"relative flex flex-col\", \"list-none\", className)}\n      data-slot=\"root\"\n      {...props}\n    />\n  );\n}\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":";;;;;AASA,SAAS,EAAS,EAAE,QAAK,cAAW,GAAG,KAAwB;AAC7D,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,0BAA0B,aAAa,EAAU;EAC/D,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAS,cAAc"}

package/dist/components/Timeline/TimelineItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Timeline.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,timestamp:o,title:s,description:c,icon:l,intent:u,children:d,...f}){return(0,a.jsxs)(`li`,{ref:e,className:t.cn(`group relative flex gap-(--space-4) pb-(--space-6) last:pb-0`,i),...f,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0`,children:[(0,a.jsx)(`div`,{className:t.cn(r.timelineItemMarkerVariants({intent:u})),children:l?(0,a.jsx)(`span`,{className:`text-sm`,"aria-hidden":`true`,children:l}):(0,a.jsx)(`span`,{className:`w-2 h-2 rounded-full bg-current`,"aria-hidden":`true`})}),(0,a.jsx)(`div`,{className:`w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden`})]}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0 pb-(--space-1)`,children:[o!=null&&(0,a.jsx)(`time`,{className:`block text-xs text-(--nuka-text-muted) mb-(--space-1)`,children:o}),(0,a.jsx)(n.Text,{as:`p`,size:`sm`,weight:`medium`,children:s}),c!=null&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,className:`mt-(--space-1)`,children:c}),d&&(0,a.jsx)(`div`,{className:`mt-(--space-2)`,children:d})]})]})}o.displayName=`TimelineItem`,exports.TimelineItem=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`../Text/Text.variants.cjs`),i=require(`../Text/Text.cjs`),a=require(`./Timeline.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,timestamp:l,title:u,titleAs:d=`p`,description:f,icon:p,intent:m,children:h,...g}){return(0,s.jsxs)(`li`,{ref:e,className:t.cn(`group relative flex gap-(--space-4) pb-(--space-6) last:pb-0`,c),"data-slot":`item`,...g,children:[(0,s.jsxs)(`div`,{className:`flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0`,"data-slot":`item-marker-wrapper`,children:[(0,s.jsx)(`div`,{className:t.cn(a.timelineItemMarkerVariants({intent:m})),"data-slot":`item-marker`,children:p?(0,s.jsx)(`span`,{className:`text-sm`,"aria-hidden":`true`,children:p}):(0,s.jsx)(`span`,{className:`w-2 h-2 rounded-full bg-current`,"aria-hidden":`true`})}),(0,s.jsx)(`div`,{className:`w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden`,"data-slot":`item-connector`})]}),(0,s.jsxs)(`div`,{className:`flex-1 min-w-0 pb-(--space-1)`,"data-slot":`item-content`,children:[l!=null&&(0,s.jsx)(`time`,{className:`block text-xs text-(--nuka-text-muted) mb-(--space-1)`,"data-slot":`item-timestamp`,children:l}),d===`p`?(0,s.jsx)(i.Text,{as:`p`,size:`sm`,weight:`medium`,"data-slot":`item-title`,children:u}):o.createElement(d,{className:t.cn(r.textVariants({family:`body`,weight:`medium`,color:`base`,truncate:!1}),...n.resolveResponsiveClasses(`sm`,n.textSizeClasses),...n.resolveResponsiveClasses(`left`,n.textAlignClasses)),"data-slot":`item-title`},u),f!=null&&(0,s.jsx)(i.Text,{as:`p`,size:`sm`,color:`muted`,className:`mt-(--space-1)`,"data-slot":`item-description`,children:f}),h&&(0,s.jsx)(`div`,{className:`mt-(--space-2)`,children:h})]})]})}c.displayName=`TimelineItem`,exports.TimelineItem=c;
 //# sourceMappingURL=TimelineItem.cjs.map

package/dist/components/Timeline/TimelineItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.cjs","names":[],"sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { timelineItemMarkerVariants } from \"@nuka/components/Timeline/Timeline.variants\";\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  timestamp?: string;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  intent?: \"default\" | \"danger\" | \"success\" | \"warning\";\n}\n\nfunction TimelineItem({\n  ref,\n  className,\n  timestamp,\n  title,\n  description,\n  icon,\n  intent,\n  children,\n  ...rest\n}: TimelineItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\n        \"group relative flex gap-(--space-4) pb-(--space-6) last:pb-0\",\n        className,\n      )}\n      {...rest}\n    >\n      {/* Left column: marker + connector */}\n      <div className=\"flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0\">\n        <div className={cn(timelineItemMarkerVariants({ intent }))}>\n          {icon ? (\n            <span className=\"text-sm\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          ) : (\n            <span\n              className=\"w-2 h-2 rounded-full bg-current\"\n              aria-hidden=\"true\"\n            />\n          )}\n        </div>\n        {/* Connector line: hidden on last item */}\n        <div className=\"w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden\" />\n      </div>\n\n      {/* Right column: content */}\n      <div className=\"flex-1 min-w-0 pb-(--space-1)\">\n        {timestamp != null && (\n          <time className=\"block text-xs text-(--nuka-text-muted) mb-(--space-1)\">\n            {timestamp}\n          </time>\n        )}\n        <Text as=\"p\" size=\"sm\" weight=\"medium\">\n          {title}\n        </Text>\n        {description != null && (\n          <Text as=\"p\" size=\"sm\" color=\"muted\" className=\"mt-(--space-1)\">\n            {description}\n          </Text>\n        )}\n        {children && <div className=\"mt-(--space-2)\">{children}</div>}\n      </div>\n    </li>\n  );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport { TimelineItem };\n"],"mappings":"mPAgBA,SAAS,EAAa,CACpB,MACA,YACA,YACA,QACA,cACA,OACA,SACA,WACA,GAAG,GACiB,CACpB,OACE,EAAA,EAAA,MAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,+DACA,EACD,CACD,GAAI,WANN,EASE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mFAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,2BAA2B,CAAE,SAAQ,CAAC,CAAC,UACvD,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,UAAU,cAAY,gBACnC,EACI,CAAA,EAEP,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,kCACV,cAAY,OACZ,CAAA,CAEA,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uEAAyE,CAAA,CACpF,IAGN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,CACG,GAAa,OACZ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iEACb,EACI,CAAA,EAET,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,OAAO,kBAC3B,EACI,CAAA,CACN,GAAe,OACd,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,QAAQ,UAAU,0BAC5C,EACI,CAAA,CAER,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CACzD,GACH,GAIT,EAAa,YAAc"}
+{"version":3,"file":"TimelineItem.cjs","names":[],"sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { textVariants } from \"@nuka/components/Text/Text.variants\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport { timelineItemMarkerVariants } from \"@nuka/components/Timeline/Timeline.variants\";\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  timestamp?: string;\n  title: string;\n  titleAs?: \"p\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  description?: string;\n  icon?: React.ReactNode;\n  intent?: \"default\" | \"danger\" | \"success\" | \"warning\";\n}\n\nfunction TimelineItem({\n  ref,\n  className,\n  timestamp,\n  title,\n  titleAs = \"p\",\n  description,\n  icon,\n  intent,\n  children,\n  ...rest\n}: TimelineItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\n        \"group relative flex gap-(--space-4) pb-(--space-6) last:pb-0\",\n        className,\n      )}\n      data-slot=\"item\"\n      {...rest}\n    >\n      {/* Left column: marker + connector */}\n      <div\n        className=\"flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0\"\n        data-slot=\"item-marker-wrapper\"\n      >\n        <div\n          className={cn(timelineItemMarkerVariants({ intent }))}\n          data-slot=\"item-marker\"\n        >\n          {icon ? (\n            <span className=\"text-sm\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          ) : (\n            <span\n              className=\"w-2 h-2 rounded-full bg-current\"\n              aria-hidden=\"true\"\n            />\n          )}\n        </div>\n        {/* Connector line: hidden on last item */}\n        <div\n          className=\"w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden\"\n          data-slot=\"item-connector\"\n        />\n      </div>\n\n      {/* Right column: content */}\n      <div className=\"flex-1 min-w-0 pb-(--space-1)\" data-slot=\"item-content\">\n        {timestamp != null && (\n          <time\n            className=\"block text-xs text-(--nuka-text-muted) mb-(--space-1)\"\n            data-slot=\"item-timestamp\"\n          >\n            {timestamp}\n          </time>\n        )}\n        {titleAs === \"p\" ? (\n          <Text as=\"p\" size=\"sm\" weight=\"medium\" data-slot=\"item-title\">\n            {title}\n          </Text>\n        ) : (\n          // Heading element shares the class string Text would emit for\n          // size=\"sm\" weight=\"medium\" so visual output matches the default\n          // regardless of the tag.\n          React.createElement(\n            titleAs,\n            {\n              className: cn(\n                textVariants({\n                  family: \"body\",\n                  weight: \"medium\",\n                  color: \"base\",\n                  truncate: false,\n                }),\n                ...resolveResponsiveClasses(\"sm\", textSizeClasses),\n                ...resolveResponsiveClasses(\"left\", textAlignClasses),\n              ),\n              \"data-slot\": \"item-title\",\n            },\n            title,\n          )\n        )}\n        {description != null && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"muted\"\n            className=\"mt-(--space-1)\"\n            data-slot=\"item-description\"\n          >\n            {description}\n          </Text>\n        )}\n        {children && <div className=\"mt-(--space-2)\">{children}</div>}\n      </div>\n    </li>\n  );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport { TimelineItem };\n"],"mappings":"kUAuBA,SAAS,EAAa,CACpB,MACA,YACA,YACA,QACA,UAAU,IACV,cACA,OACA,SACA,WACA,GAAG,GACiB,CACpB,OACE,EAAA,EAAA,MAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,+DACA,EACD,CACD,YAAU,OACV,GAAI,WAPN,EAUE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,0EACV,YAAU,+BAFZ,EAIE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GAAG,EAAA,2BAA2B,CAAE,SAAQ,CAAC,CAAC,CACrD,YAAU,uBAET,GACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,UAAU,cAAY,gBACnC,EACI,CAAA,EAEP,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,kCACV,cAAY,OACZ,CAAA,CAEA,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,uEACV,YAAU,iBACV,CAAA,CACE,IAGN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gCAAgC,YAAU,wBAAzD,CACG,GAAa,OACZ,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,wDACV,YAAU,0BAET,EACI,CAAA,CAER,IAAY,KACX,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,OAAO,SAAS,YAAU,sBAC9C,EACI,CAAA,CAKP,EAAM,cACJ,EACA,CACE,UAAW,EAAA,GACT,EAAA,aAAa,CACX,OAAQ,OACR,OAAQ,SACR,MAAO,OACP,SAAU,GACX,CAAC,CACF,GAAG,EAAA,yBAAyB,KAAM,EAAA,gBAAgB,CAClD,GAAG,EAAA,yBAAyB,OAAQ,EAAA,iBAAiB,CACtD,CACD,YAAa,aACd,CACD,EACD,CAEF,GAAe,OACd,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,MAAM,QACN,UAAU,iBACV,YAAU,4BAET,EACI,CAAA,CAER,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CACzD,GACH,GAIT,EAAa,YAAc"}

package/dist/components/Timeline/TimelineItem.d.ts

@@ -3,11 +3,12 @@ export interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement>
     ref?: React.Ref<HTMLLIElement> | undefined;
     timestamp?: string;
     title: string;
+    titleAs?: "p" | "h2" | "h3" | "h4" | "h5" | "h6";
     description?: string;
     icon?: React.ReactNode;
     intent?: "default" | "danger" | "success" | "warning";
 }
-declare function TimelineItem({ ref, className, timestamp, title, description, icon, intent, children, ...rest }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
+declare function TimelineItem({ ref, className, timestamp, title, titleAs, description, icon, intent, children, ...rest }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TimelineItem {
     var displayName: string;
 }

package/dist/components/Timeline/TimelineItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CACvD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,EACH,SAAS,EACT,SAAS,EACT,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CA+CnB;kBAzDQ,YAAY;;;AA6DrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CACvD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,EACH,SAAS,EACT,SAAS,EACT,KAAK,EACL,OAAa,EACb,WAAW,EACX,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAyFnB;kBApGQ,YAAY;;;AAwGrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Timeline/TimelineItem.js

@@ -1,58 +1,78 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { Text as t } from "../Text/Text.js";
-import { timelineItemMarkerVariants as n } from "./Timeline.variants.js";
-import "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { resolveResponsiveClasses as t, textAlignClasses as n, textSizeClasses as r } from "../../utils/responsive.js";
+import { textVariants as i } from "../Text/Text.variants.js";
+import { Text as a } from "../Text/Text.js";
+import { timelineItemMarkerVariants as o } from "./Timeline.variants.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/Timeline/TimelineItem.tsx
-function a({ ref: a, className: o, timestamp: s, title: c, description: l, icon: u, intent: d, children: f, ...p }) {
-	return /* @__PURE__ */ i("li", {
-		ref: a,
-		className: e("group relative flex gap-(--space-4) pb-(--space-6) last:pb-0", o),
-		...p,
-		children: [/* @__PURE__ */ i("div", {
+function u({ ref: u, className: d, timestamp: f, title: p, titleAs: m = "p", description: h, icon: g, intent: _, children: v, ...y }) {
+	return /* @__PURE__ */ l("li", {
+		ref: u,
+		className: e("group relative flex gap-(--space-4) pb-(--space-6) last:pb-0", d),
+		"data-slot": "item",
+		...y,
+		children: [/* @__PURE__ */ l("div", {
 			className: "flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0",
-			children: [/* @__PURE__ */ r("div", {
-				className: e(n({ intent: d })),
-				children: u ? /* @__PURE__ */ r("span", {
+			"data-slot": "item-marker-wrapper",
+			children: [/* @__PURE__ */ c("div", {
+				className: e(o({ intent: _ })),
+				"data-slot": "item-marker",
+				children: g ? /* @__PURE__ */ c("span", {
 					className: "text-sm",
 					"aria-hidden": "true",
-					children: u
-				}) : /* @__PURE__ */ r("span", {
+					children: g
+				}) : /* @__PURE__ */ c("span", {
 					className: "w-2 h-2 rounded-full bg-current",
 					"aria-hidden": "true"
 				})
-			}), /* @__PURE__ */ r("div", { className: "w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden" })]
-		}), /* @__PURE__ */ i("div", {
+			}), /* @__PURE__ */ c("div", {
+				className: "w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden",
+				"data-slot": "item-connector"
+			})]
+		}), /* @__PURE__ */ l("div", {
 			className: "flex-1 min-w-0 pb-(--space-1)",
+			"data-slot": "item-content",
 			children: [
-				s != null && /* @__PURE__ */ r("time", {
+				f != null && /* @__PURE__ */ c("time", {
 					className: "block text-xs text-(--nuka-text-muted) mb-(--space-1)",
-					children: s
+					"data-slot": "item-timestamp",
+					children: f
 				}),
-				/* @__PURE__ */ r(t, {
+				m === "p" ? /* @__PURE__ */ c(a, {
 					as: "p",
 					size: "sm",
 					weight: "medium",
-					children: c
-				}),
-				l != null && /* @__PURE__ */ r(t, {
+					"data-slot": "item-title",
+					children: p
+				}) : s.createElement(m, {
+					className: e(i({
+						family: "body",
+						weight: "medium",
+						color: "base",
+						truncate: !1
+					}), ...t("sm", r), ...t("left", n)),
+					"data-slot": "item-title"
+				}, p),
+				h != null && /* @__PURE__ */ c(a, {
 					as: "p",
 					size: "sm",
 					color: "muted",
 					className: "mt-(--space-1)",
-					children: l
+					"data-slot": "item-description",
+					children: h
 				}),
-				f && /* @__PURE__ */ r("div", {
+				v && /* @__PURE__ */ c("div", {
 					className: "mt-(--space-2)",
-					children: f
+					children: v
 				})
 			]
 		})]
 	});
 }
-a.displayName = "TimelineItem";
+u.displayName = "TimelineItem";
 //#endregion
-export { a as TimelineItem };
+export { u as TimelineItem };
 
 //# sourceMappingURL=TimelineItem.js.map

package/dist/components/Timeline/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","names":[],"sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { timelineItemMarkerVariants } from \"@nuka/components/Timeline/Timeline.variants\";\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  timestamp?: string;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  intent?: \"default\" | \"danger\" | \"success\" | \"warning\";\n}\n\nfunction TimelineItem({\n  ref,\n  className,\n  timestamp,\n  title,\n  description,\n  icon,\n  intent,\n  children,\n  ...rest\n}: TimelineItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\n        \"group relative flex gap-(--space-4) pb-(--space-6) last:pb-0\",\n        className,\n      )}\n      {...rest}\n    >\n      {/* Left column: marker + connector */}\n      <div className=\"flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0\">\n        <div className={cn(timelineItemMarkerVariants({ intent }))}>\n          {icon ? (\n            <span className=\"text-sm\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          ) : (\n            <span\n              className=\"w-2 h-2 rounded-full bg-current\"\n              aria-hidden=\"true\"\n            />\n          )}\n        </div>\n        {/* Connector line: hidden on last item */}\n        <div className=\"w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden\" />\n      </div>\n\n      {/* Right column: content */}\n      <div className=\"flex-1 min-w-0 pb-(--space-1)\">\n        {timestamp != null && (\n          <time className=\"block text-xs text-(--nuka-text-muted) mb-(--space-1)\">\n            {timestamp}\n          </time>\n        )}\n        <Text as=\"p\" size=\"sm\" weight=\"medium\">\n          {title}\n        </Text>\n        {description != null && (\n          <Text as=\"p\" size=\"sm\" color=\"muted\" className=\"mt-(--space-1)\">\n            {description}\n          </Text>\n        )}\n        {children && <div className=\"mt-(--space-2)\">{children}</div>}\n      </div>\n    </li>\n  );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport { TimelineItem };\n"],"mappings":";;;;;;;AAgBA,SAAS,EAAa,EACpB,QACA,cACA,cACA,UACA,gBACA,SACA,WACA,aACA,GAAG,KACiB;AACpB,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,gEACA,EACD;EACD,GAAI;YANN,CASE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAW,EAAG,EAA2B,EAAE,WAAQ,CAAC,CAAC;cACvD,IACC,kBAAC,QAAD;KAAM,WAAU;KAAU,eAAY;eACnC;KACI,CAAA,GAEP,kBAAC,QAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IAEA,CAAA,EAEN,kBAAC,OAAD,EAAK,WAAU,wEAAyE,CAAA,CACpF;MAGN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KAAa,QACZ,kBAAC,QAAD;KAAM,WAAU;eACb;KACI,CAAA;IAET,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,QAAO;eAC3B;KACI,CAAA;IACN,KAAe,QACd,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,OAAM;KAAQ,WAAU;eAC5C;KACI,CAAA;IAER,KAAY,kBAAC,OAAD;KAAK,WAAU;KAAkB;KAAe,CAAA;IACzD;KACH;;;AAIT,EAAa,cAAc"}
+{"version":3,"file":"TimelineItem.js","names":[],"sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { textVariants } from \"@nuka/components/Text/Text.variants\";\nimport {\n  resolveResponsiveClasses,\n  textSizeClasses,\n  textAlignClasses,\n} from \"@nuka/utils/responsive\";\nimport { timelineItemMarkerVariants } from \"@nuka/components/Timeline/Timeline.variants\";\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  timestamp?: string;\n  title: string;\n  titleAs?: \"p\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  description?: string;\n  icon?: React.ReactNode;\n  intent?: \"default\" | \"danger\" | \"success\" | \"warning\";\n}\n\nfunction TimelineItem({\n  ref,\n  className,\n  timestamp,\n  title,\n  titleAs = \"p\",\n  description,\n  icon,\n  intent,\n  children,\n  ...rest\n}: TimelineItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\n        \"group relative flex gap-(--space-4) pb-(--space-6) last:pb-0\",\n        className,\n      )}\n      data-slot=\"item\"\n      {...rest}\n    >\n      {/* Left column: marker + connector */}\n      <div\n        className=\"flex flex-col items-center self-stretch -mb-(--space-6) group-last:mb-0\"\n        data-slot=\"item-marker-wrapper\"\n      >\n        <div\n          className={cn(timelineItemMarkerVariants({ intent }))}\n          data-slot=\"item-marker\"\n        >\n          {icon ? (\n            <span className=\"text-sm\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          ) : (\n            <span\n              className=\"w-2 h-2 rounded-full bg-current\"\n              aria-hidden=\"true\"\n            />\n          )}\n        </div>\n        {/* Connector line: hidden on last item */}\n        <div\n          className=\"w-px flex-1 bg-(--nuka-border-base) mt-(--space-1) group-last:hidden\"\n          data-slot=\"item-connector\"\n        />\n      </div>\n\n      {/* Right column: content */}\n      <div className=\"flex-1 min-w-0 pb-(--space-1)\" data-slot=\"item-content\">\n        {timestamp != null && (\n          <time\n            className=\"block text-xs text-(--nuka-text-muted) mb-(--space-1)\"\n            data-slot=\"item-timestamp\"\n          >\n            {timestamp}\n          </time>\n        )}\n        {titleAs === \"p\" ? (\n          <Text as=\"p\" size=\"sm\" weight=\"medium\" data-slot=\"item-title\">\n            {title}\n          </Text>\n        ) : (\n          // Heading element shares the class string Text would emit for\n          // size=\"sm\" weight=\"medium\" so visual output matches the default\n          // regardless of the tag.\n          React.createElement(\n            titleAs,\n            {\n              className: cn(\n                textVariants({\n                  family: \"body\",\n                  weight: \"medium\",\n                  color: \"base\",\n                  truncate: false,\n                }),\n                ...resolveResponsiveClasses(\"sm\", textSizeClasses),\n                ...resolveResponsiveClasses(\"left\", textAlignClasses),\n              ),\n              \"data-slot\": \"item-title\",\n            },\n            title,\n          )\n        )}\n        {description != null && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"muted\"\n            className=\"mt-(--space-1)\"\n            data-slot=\"item-description\"\n          >\n            {description}\n          </Text>\n        )}\n        {children && <div className=\"mt-(--space-2)\">{children}</div>}\n      </div>\n    </li>\n  );\n}\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport { TimelineItem };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAa,EACpB,QACA,cACA,cACA,UACA,aAAU,KACV,gBACA,SACA,WACA,aACA,GAAG,KACiB;AACpB,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,gEACA,EACD;EACD,aAAU;EACV,GAAI;YAPN,CAUE,kBAAC,OAAD;GACE,WAAU;GACV,aAAU;aAFZ,CAIE,kBAAC,OAAD;IACE,WAAW,EAAG,EAA2B,EAAE,WAAQ,CAAC,CAAC;IACrD,aAAU;cAET,IACC,kBAAC,QAAD;KAAM,WAAU;KAAU,eAAY;eACnC;KACI,CAAA,GAEP,kBAAC,QAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IAEA,CAAA,EAEN,kBAAC,OAAD;IACE,WAAU;IACV,aAAU;IACV,CAAA,CACE;MAGN,kBAAC,OAAD;GAAK,WAAU;GAAgC,aAAU;aAAzD;IACG,KAAa,QACZ,kBAAC,QAAD;KACE,WAAU;KACV,aAAU;eAET;KACI,CAAA;IAER,MAAY,MACX,kBAAC,GAAD;KAAM,IAAG;KAAI,MAAK;KAAK,QAAO;KAAS,aAAU;eAC9C;KACI,CAAA,GAKP,EAAM,cACJ,GACA;KACE,WAAW,EACT,EAAa;MACX,QAAQ;MACR,QAAQ;MACR,OAAO;MACP,UAAU;MACX,CAAC,EACF,GAAG,EAAyB,MAAM,EAAgB,EAClD,GAAG,EAAyB,QAAQ,EAAiB,CACtD;KACD,aAAa;KACd,EACD,EACD;IAEF,KAAe,QACd,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAM;KACN,WAAU;KACV,aAAU;eAET;KACI,CAAA;IAER,KAAY,kBAAC,OAAD;KAAK,WAAU;KAAkB;KAAe,CAAA;IACzD;KACH;;;AAIT,EAAa,cAAc"}

package/dist/components/Toast/Toast.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`../Button/Button.cjs`),i=require(`../Text/Text.cjs`),a=require(`./Toast.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,toast:o,onDismiss:c}){return(0,s.jsxs)(`div`,{ref:e,role:`status`,"aria-live":o.intent===`danger`?`assertive`:`polite`,"aria-atomic":`true`,"data-state":o.dismissing?`closed`:`open`,className:t.cn(a.toastVariants({intent:o.intent})),children:[(0,s.jsx)(i.Text,{as:`div`,size:`sm`,weight:`medium`,className:`flex-1`,children:o.message}),o.action!=null&&(0,s.jsx)(r.Button,{variant:`link`,size:`sm`,className:`shrink-0`,onClick:()=>{o.action?.onClick(),c(o.id)},children:o.action.label}),(0,s.jsx)(n.DismissButton,{onClick:()=>c(o.id),label:`Dismiss notification`,className:`shrink-0`})]})}c.displayName=`Toast`,exports.Toast=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`../Button/Button.cjs`),i=require(`../Text/Text.cjs`),a=require(`./Toast.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,toast:o,onDismiss:c}){return(0,s.jsxs)(`div`,{ref:e,role:`status`,"aria-live":o.intent===`danger`?`assertive`:`polite`,"aria-atomic":`true`,"data-slot":`toast`,"data-state":o.dismissing?`closed`:`open`,className:t.cn(a.toastVariants({intent:o.intent})),children:[(0,s.jsx)(i.Text,{as:`div`,size:`sm`,weight:`medium`,className:`flex-1`,"data-slot":`message`,children:o.message}),o.action!=null&&(0,s.jsx)(r.Button,{variant:`link`,size:`sm`,className:`shrink-0`,"data-slot":`action`,onClick:()=>{o.action?.onClick(),c(o.id)},children:o.action.label}),(0,s.jsx)(n.DismissButton,{"data-slot":`close`,onClick:()=>c(o.id),label:`Dismiss notification`,className:`shrink-0`})]})}c.displayName=`Toast`,exports.Toast=c;
 //# sourceMappingURL=Toast.cjs.map