@nuka-ui/core 1.0.3 → 1.1.1

package/dist/components/Tabs/TabsList.js

@@ -0,0 +1,52 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { useTabsContext as n } from "./Tabs.context.js";
+import { tabsListVariants as r } from "./Tabs.variants.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Tabs/TabsList.tsx
+var o = "[role=\"tab\"]:not([aria-disabled=\"true\"])", s = i.forwardRef(({ variant: o, className: s, onKeyDown: l, children: u, ...d }, f) => {
+	let { orientation: p } = n(), m = i.useRef(null);
+	return /* @__PURE__ */ a("div", {
+		ref: t(f, m),
+		role: "tablist",
+		"aria-orientation": p,
+		className: e(r({ variant: o }), p === "vertical" && "flex-col", s),
+		onKeyDown: (e) => {
+			c(e, m), l?.(e);
+		},
+		...d,
+		children: u
+	});
+});
+s.displayName = "TabsList";
+function c(e, t) {
+	let n = t.current;
+	if (!n) return;
+	let r = Array.from(n.querySelectorAll(o));
+	if (r.length === 0) return;
+	let i = document.activeElement, a = r.indexOf(i);
+	if (a === -1) return;
+	let s = n.getAttribute("aria-orientation") !== "vertical", c = s ? "ArrowLeft" : "ArrowUp", l = s ? "ArrowRight" : "ArrowDown", u;
+	switch (e.key) {
+		case l:
+			u = (a + 1) % r.length;
+			break;
+		case c:
+			u = (a - 1 + r.length) % r.length;
+			break;
+		case "Home":
+			u = 0;
+			break;
+		case "End":
+			u = r.length - 1;
+			break;
+		default: return;
+	}
+	e.preventDefault(), r[u]?.focus();
+}
+//#endregion
+export { s as TabsList };
+
+//# sourceMappingURL=TabsList.js.map

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

@@ -0,0 +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 { 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\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ variant, className, onKeyDown, children, ...props }, ref) => {\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);\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 = document.activeElement;\n  const currentIndex = triggers.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const isHorizontal = list.getAttribute(\"aria-orientation\") !== \"vertical\";\n  const prevKey = isHorizontal ? \"ArrowLeft\" : \"ArrowUp\";\n  const nextKey = isHorizontal ? \"ArrowRight\" : \"ArrowDown\";\n\n  let nextIndex: number | undefined;\n\n  switch (e.key) {\n    case nextKey:\n      nextIndex = (currentIndex + 1) % triggers.length;\n      break;\n    case prevKey:\n      nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n      break;\n    case \"Home\":\n      nextIndex = 0;\n      break;\n    case \"End\":\n      nextIndex = triggers.length - 1;\n      break;\n    default:\n      return;\n  }\n\n  e.preventDefault();\n  triggers[nextIndex]?.focus();\n}\n\nexport { TabsList };\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAmB,gDAKnB,IAAW,EAAM,YACpB,EAAE,YAAS,cAAW,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC9D,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;EAGX;AAED,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,SAAS,eAClB,IAAe,EAAS,QAAQ,EAA4B;AAClE,KAAI,MAAiB,GAAI;CAEzB,IAAM,IAAe,EAAK,aAAa,mBAAmB,KAAK,YACzD,IAAU,IAAe,cAAc,WACvC,IAAU,IAAe,eAAe,aAE1C;AAEJ,SAAQ,EAAE,KAAV;EACE,KAAK;AACH,QAAa,IAAe,KAAK,EAAS;AAC1C;EACF,KAAK;AACH,QAAa,IAAe,IAAI,EAAS,UAAU,EAAS;AAC5D;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY,EAAS,SAAS;AAC9B;EACF,QACE;;AAIJ,CADA,EAAE,gBAAgB,EAClB,EAAS,IAAY,OAAO"}

package/dist/components/Tabs/TabsTrigger.cjs

@@ -0,0 +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`);var a=r.forwardRef(({value:e,disabled:r=!1,className:a,onClick:o,onFocus:s,...c},l)=>{let u=n.useTabsContext(),d=u.value===e,f=`${u.baseId}-trigger-${e}`,p=`${u.baseId}-panel-${e}`,m=u.focusedValue?u.focusedValue===e:d;return(0,i.jsx)(`button`,{ref:l,type:`button`,role:`tab`,id:f,"aria-selected":d,"aria-controls":p,"aria-disabled":r||void 0,disabled:r,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`,a),onFocus:t=>{u.setFocusedValue(e),u.activationMode===`automatic`&&u.onValueChange(e),s?.(t)},onClick:t=>{u.onValueChange(e),o?.(t)},...c})});a.displayName=`TabsTrigger`,exports.TabsTrigger=a;
+//# sourceMappingURL=TabsTrigger.cjs.map

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

@@ -0,0 +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  value: string;\n}\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ value, disabled = false, className, onClick, onFocus, ...props }, ref) => {\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);\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":"gNASA,IAAM,EAAc,EAAM,YACvB,CAAE,QAAO,WAAW,GAAO,YAAW,UAAS,UAAS,GAAG,GAAS,IAAQ,CAC3E,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,EAGP,CAED,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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,WAAW,4FA4DhB,CAAC;AAIF,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,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,WAAW,4FA4DhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Tabs/TabsTrigger.js

@@ -0,0 +1,34 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useTabsContext as t } from "./Tabs.context.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Tabs/TabsTrigger.tsx
+var i = n.forwardRef(({ value: n, disabled: i = !1, className: a, onClick: o, onFocus: s, ...c }, l) => {
+	let u = t(), d = u.value === n, f = `${u.baseId}-trigger-${n}`, p = `${u.baseId}-panel-${n}`, m = u.focusedValue ? u.focusedValue === n : d;
+	return /* @__PURE__ */ r("button", {
+		ref: l,
+		type: "button",
+		role: "tab",
+		id: f,
+		"aria-selected": d,
+		"aria-controls": p,
+		"aria-disabled": i || void 0,
+		disabled: i,
+		tabIndex: m ? 0 : -1,
+		"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", a),
+		onFocus: (e) => {
+			u.setFocusedValue(n), u.activationMode === "automatic" && u.onValueChange(n), s?.(e);
+		},
+		onClick: (e) => {
+			u.onValueChange(n), o?.(e);
+		},
+		...c
+	});
+});
+i.displayName = "TabsTrigger";
+//#endregion
+export { i as TabsTrigger };
+
+//# sourceMappingURL=TabsTrigger.js.map

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

@@ -0,0 +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  value: string;\n}\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ value, disabled = false, className, onClick, onFocus, ...props }, ref) => {\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);\n\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport { TabsTrigger };\n"],"mappings":";;;;;;AASA,IAAM,IAAc,EAAM,YACvB,EAAE,UAAO,cAAW,IAAO,cAAW,YAAS,YAAS,GAAG,KAAS,MAAQ;CAC3E,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;EAGP;AAED,EAAY,cAAc"}

package/dist/components/Tag/Tag.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`./Tag.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,variant:i,intent:o,size:s,onDismiss:c,dismissLabel:l=`Remove`,children:u,...d},f)=>(0,a.jsxs)(`span`,{ref:f,className:t.cn(r.tagVariants({variant:i,intent:o,size:s}),e),...d,children:[u,c!==void 0&&(0,a.jsx)(n.DismissButton,{onClick:c,label:l})]}));o.displayName=`Tag`,exports.Tag=o;
+//# sourceMappingURL=Tag.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  tagVariants,\n  type TagVariantProps,\n} from \"@nuka/components/Tag/Tag.variants\";\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      className,\n      variant,\n      intent,\n      size,\n      onDismiss,\n      dismissLabel = \"Remove\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(tagVariants({ variant, intent, size }), className)}\n        {...props}\n      >\n        {children}\n        {onDismiss !== undefined && (\n          <DismissButton onClick={onDismiss} label={dismissLabel} />\n        )}\n      </span>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":"+OAcA,IAAM,EAAM,EAAM,YAEd,CACE,YACA,UACA,SACA,OACA,YACA,eAAe,SACf,WACA,GAAG,GAEL,KAGE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,UAAS,SAAQ,OAAM,CAAC,CAAE,EAAU,CAChE,GAAI,WAHN,CAKG,EACA,IAAc,IAAA,KACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,QAAS,EAAW,MAAO,EAAgB,CAAA,CAEvD,GAGZ,CAED,EAAI,YAAc"}

package/dist/components/Tag/Tag.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../../utils/cn.js";
+import { DismissButton as t } from "../../utils/dismiss-button.js";
+import { tagVariants as n } from "./Tag.variants.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Tag/Tag.tsx
+var o = r.forwardRef(({ className: r, variant: o, intent: s, size: c, onDismiss: l, dismissLabel: u = "Remove", children: d, ...f }, p) => /* @__PURE__ */ a("span", {
+	ref: p,
+	className: e(n({
+		variant: o,
+		intent: s,
+		size: c
+	}), r),
+	...f,
+	children: [d, l !== void 0 && /* @__PURE__ */ i(t, {
+		onClick: l,
+		label: u
+	})]
+}));
+o.displayName = "Tag";
+//#endregion
+export { o as Tag };
+
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  tagVariants,\n  type TagVariantProps,\n} from \"@nuka/components/Tag/Tag.variants\";\n\nexport interface TagProps\n  extends React.HTMLAttributes<HTMLSpanElement>, TagVariantProps {\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      className,\n      variant,\n      intent,\n      size,\n      onDismiss,\n      dismissLabel = \"Remove\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(tagVariants({ variant, intent, size }), className)}\n        {...props}\n      >\n        {children}\n        {onDismiss !== undefined && (\n          <DismissButton onClick={onDismiss} label={dismissLabel} />\n        )}\n      </span>\n    );\n  },\n);\n\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"],"mappings":";;;;;;AAcA,IAAM,IAAM,EAAM,YAEd,EACE,cACA,YACA,WACA,SACA,cACA,kBAAe,UACf,aACA,GAAG,KAEL,MAGE,kBAAC,QAAD;CACO;CACL,WAAW,EAAG,EAAY;EAAE;EAAS;EAAQ;EAAM,CAAC,EAAE,EAAU;CAChE,GAAI;WAHN,CAKG,GACA,MAAc,KAAA,KACb,kBAAC,GAAD;EAAe,SAAS;EAAW,OAAO;EAAgB,CAAA,CAEvD;GAGZ;AAED,EAAI,cAAc"}

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

@@ -0,0 +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;
+//# sourceMappingURL=Tag.variants.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,39 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+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",
+	"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(),
+	defaultVariants: {
+		variant: "secondary",
+		intent: "default",
+		size: "md"
+	}
+});
+//#endregion
+export { n as tagVariants };
+
+//# sourceMappingURL=Tag.variants.js.map

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

@@ -0,0 +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"}

package/dist/components/Text/Text.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`./Text.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({as:e=`p`,className:i,size:o=`md`,family:s,weight:c,color:l,align:u=`left`,truncate:d,...f},p)=>(0,a.jsx)(e,{ref:p,className:t.cn(r.textVariants({family:s,weight:c,color:l,truncate:d}),...n.resolveResponsiveClasses(o,n.textSizeClasses),...n.resolveResponsiveClasses(u,n.textAlignClasses),i),...f}));o.displayName=`Text`,exports.Text=o;
+//# sourceMappingURL=Text.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import * 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  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nconst Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      as: Comp = \"p\",\n      className,\n      size = \"md\",\n      family,\n      weight,\n      color,\n      align = \"left\",\n      truncate,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":"4OA8BA,IAAM,EAAO,EAAM,YAEf,CACE,GAAI,EAAO,IACX,YACA,OAAO,KACP,SACA,SACA,QACA,QAAQ,OACR,WACA,GAAG,GAEL,KAGE,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,CAGP,CAED,EAAK,YAAc"}

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

@@ -1,8 +1,11 @@
+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";
 export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, TextVariantProps {
     as?: TextElement;
+    size?: Responsive<TextSize>;
+    align?: Responsive<TextAlign>;
 }
 declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
 export { Text, textVariants };

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,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,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED,QAAA,MAAM,IAAI,+EA4BT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,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,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,QAAA,MAAM,IAAI,+EA+BT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Text/Text.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../utils/cn.js";
+import { resolveResponsiveClasses as t, textAlignClasses as n, textSizeClasses as r } from "../../utils/responsive.js";
+import { textVariants as i } from "./Text.variants.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/Text/Text.tsx
+var s = a.forwardRef(({ as: a = "p", className: s, size: c = "md", family: l, weight: u, color: d, align: f = "left", truncate: p, ...m }, h) => /* @__PURE__ */ o(a, {
+	ref: h,
+	className: e(i({
+		family: l,
+		weight: u,
+		color: d,
+		truncate: p
+	}), ...t(c, r), ...t(f, n), s),
+	...m
+}));
+s.displayName = "Text";
+//#endregion
+export { s as Text };
+
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/Text/Text.tsx"],"sourcesContent":["import * 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  as?: TextElement;\n  size?: Responsive<TextSize>;\n  align?: Responsive<TextAlign>;\n}\n\nconst Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      as: Comp = \"p\",\n      className,\n      size = \"md\",\n      family,\n      weight,\n      color,\n      align = \"left\",\n      truncate,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n"],"mappings":";;;;;;AA8BA,IAAM,IAAO,EAAM,YAEf,EACE,IAAI,IAAO,KACX,cACA,UAAO,MACP,WACA,WACA,UACA,WAAQ,QACR,aACA,GAAG,KAEL,MAGE,kBAAC,GAAD;CAIO;CACL,WAAW,EACT,EAAa;EAAE;EAAQ;EAAQ;EAAO;EAAU,CAAC,EACjD,GAAG,EAAyB,GAAM,EAAgB,EAClD,GAAG,EAAyB,GAAO,EAAiB,EACpD,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAK,cAAc"}

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

@@ -0,0 +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;
+//# sourceMappingURL=Text.variants.cjs.map

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

@@ -0,0 +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"}

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

@@ -1,9 +1,8 @@
 import { VariantProps } from '../../utils/variants';
 export declare const textVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    family?: "body" | "code" | "heading" | "ui" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
     color?: "base" | "disabled" | "danger" | "success" | "warning" | "muted" | "subtle" | "inverse" | "accent" | null | undefined;
-    align?: "center" | "left" | "right" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type TextVariantProps = VariantProps<typeof textVariants>;

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;;;;;;8EA2CvB,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;;;;;8EAoCvB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

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

@@ -0,0 +1,43 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Text/Text.variants.ts
+var t = e([], {
+	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
+	}
+});
+//#endregion
+export { t as textVariants };
+
+//# sourceMappingURL=Text.variants.js.map

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

@@ -0,0 +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"}

package/dist/components/Textarea/Textarea.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-form-field-props.cjs`),r=require(`./Textarea.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,intent:i,size:o,id:s,...c},l)=>{let u=n.useFormFieldProps({id:s,"aria-invalid":c[`aria-invalid`],"aria-describedby":c[`aria-describedby`],"aria-required":c[`aria-required`]}),d=u.ariaInvalid??(i===`danger`?!0:void 0);return(0,a.jsx)(`textarea`,{ref:l,id:u.resolvedId,className:t.cn(r.textareaVariants({intent:i,size:o}),e),...c,"aria-invalid":d,"aria-describedby":u.ariaDescribedBy,"aria-required":u.ariaRequired})});o.displayName=`Textarea`,exports.Textarea=o;
+//# sourceMappingURL=Textarea.cjs.map

package/dist/components/Textarea/Textarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  textareaVariants,\n  type TextareaVariantProps,\n} from \"@nuka/components/Textarea/Textarea.variants\";\n\nexport interface TextareaProps\n  extends\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    TextareaVariantProps {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, intent, size, id, ...props }, ref) => {\n    const field = useFormFieldProps({\n      id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    return (\n      <textarea\n        ref={ref}\n        id={field.resolvedId}\n        className={cn(textareaVariants({ intent, size }), className)}\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n      />\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"],"mappings":"0PAaA,IAAM,EAAW,EAAM,YACpB,CAAE,YAAW,SAAQ,OAAM,KAAI,GAAG,GAAS,IAAQ,CAClD,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EACJ,EAAM,cAAgB,IAAW,SAAW,GAAO,IAAA,IAErD,OACE,EAAA,EAAA,KAAC,WAAD,CACO,MACL,GAAI,EAAM,WACV,UAAW,EAAA,GAAG,EAAA,iBAAiB,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CAC5D,GAAI,EACJ,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,CAAA,EAGP,CAED,EAAS,YAAc"}

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../../utils/cn.js";
+import { useFormFieldProps as t } from "../../hooks/use-form-field-props.js";
+import { textareaVariants as n } from "./Textarea.variants.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Textarea/Textarea.tsx
+var a = r.forwardRef(({ className: r, intent: a, size: o, id: s, ...c }, l) => {
+	let u = t({
+		id: s,
+		"aria-invalid": c["aria-invalid"],
+		"aria-describedby": c["aria-describedby"],
+		"aria-required": c["aria-required"]
+	}), d = u.ariaInvalid ?? (a === "danger" ? !0 : void 0);
+	return /* @__PURE__ */ i("textarea", {
+		ref: l,
+		id: u.resolvedId,
+		className: e(n({
+			intent: a,
+			size: o
+		}), r),
+		...c,
+		"aria-invalid": d,
+		"aria-describedby": u.ariaDescribedBy,
+		"aria-required": u.ariaRequired
+	});
+});
+a.displayName = "Textarea";
+//#endregion
+export { a as Textarea };
+
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  textareaVariants,\n  type TextareaVariantProps,\n} from \"@nuka/components/Textarea/Textarea.variants\";\n\nexport interface TextareaProps\n  extends\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    TextareaVariantProps {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, intent, size, id, ...props }, ref) => {\n    const field = useFormFieldProps({\n      id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    return (\n      <textarea\n        ref={ref}\n        id={field.resolvedId}\n        className={cn(textareaVariants({ intent, size }), className)}\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n      />\n    );\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"],"mappings":";;;;;;AAaA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,WAAQ,SAAM,OAAI,GAAG,KAAS,MAAQ;CAClD,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IACJ,EAAM,gBAAgB,MAAW,WAAW,KAAO,KAAA;AAErD,QACE,kBAAC,YAAD;EACO;EACL,IAAI,EAAM;EACV,WAAW,EAAG,EAAiB;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EAC5D,GAAI;EACJ,gBAAc;EACd,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,CAAA;EAGP;AAED,EAAS,cAAc"}

package/dist/components/Textarea/Textarea.variants.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`),t=require(`../../utils/field-base.cjs`);var n=e.cva([...t.fieldBaseClasses,`resize-y`],{variants:{intent:{default:`border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)`,danger:`border-(--nuka-danger-border)`,success:`border-(--nuka-success-border)`,warning:`border-(--nuka-warning-border)`},size:{sm:`px-(--space-3) py-(--space-2) text-xs`,md:`px-(--space-4) py-(--space-3) text-sm`,lg:`px-(--space-6) py-(--space-4) text-base`}},defaultVariants:{intent:`default`,size:`md`}});exports.textareaVariants=n;
+//# sourceMappingURL=Textarea.variants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.variants.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\nimport { fieldBaseClasses } from \"@nuka/utils/field-base\";\n\nexport const textareaVariants = cva([...fieldBaseClasses, \"resize-y\"], {\n  variants: {\n    intent: {\n      default:\n        \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n      danger: \"border-(--nuka-danger-border)\",\n      success: \"border-(--nuka-success-border)\",\n      warning: \"border-(--nuka-warning-border)\",\n    },\n    size: {\n      sm: \"px-(--space-3) py-(--space-2) text-xs\",\n      md: \"px-(--space-4) py-(--space-3) text-sm\",\n      lg: \"px-(--space-6) py-(--space-4) text-base\",\n    },\n  },\n  defaultVariants: {\n    intent: \"default\",\n    size: \"md\",\n  },\n});\n\nexport type TextareaVariantProps = VariantProps<typeof textareaVariants>;\n"],"mappings":"sHAGA,IAAa,EAAmB,EAAA,IAAI,CAAC,GAAG,EAAA,iBAAkB,WAAW,CAAE,CACrE,SAAU,CACR,OAAQ,CACN,QACE,wEACF,OAAQ,gCACR,QAAS,iCACT,QAAS,iCACV,CACD,KAAM,CACJ,GAAI,wCACJ,GAAI,wCACJ,GAAI,0CACL,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CAAC"}

package/dist/components/Textarea/Textarea.variants.js

@@ -0,0 +1,26 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+import { fieldBaseClasses as t } from "../../utils/field-base.js";
+//#region src/components/Textarea/Textarea.variants.ts
+var n = e([...t, "resize-y"], {
+	variants: {
+		intent: {
+			default: "border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)",
+			danger: "border-(--nuka-danger-border)",
+			success: "border-(--nuka-success-border)",
+			warning: "border-(--nuka-warning-border)"
+		},
+		size: {
+			sm: "px-(--space-3) py-(--space-2) text-xs",
+			md: "px-(--space-4) py-(--space-3) text-sm",
+			lg: "px-(--space-6) py-(--space-4) text-base"
+		}
+	},
+	defaultVariants: {
+		intent: "default",
+		size: "md"
+	}
+});
+//#endregion
+export { n as textareaVariants };
+
+//# sourceMappingURL=Textarea.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.variants.js","names":[],"sources":["../../../src/components/Textarea/Textarea.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\nimport { fieldBaseClasses } from \"@nuka/utils/field-base\";\n\nexport const textareaVariants = cva([...fieldBaseClasses, \"resize-y\"], {\n  variants: {\n    intent: {\n      default:\n        \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n      danger: \"border-(--nuka-danger-border)\",\n      success: \"border-(--nuka-success-border)\",\n      warning: \"border-(--nuka-warning-border)\",\n    },\n    size: {\n      sm: \"px-(--space-3) py-(--space-2) text-xs\",\n      md: \"px-(--space-4) py-(--space-3) text-sm\",\n      lg: \"px-(--space-6) py-(--space-4) text-base\",\n    },\n  },\n  defaultVariants: {\n    intent: \"default\",\n    size: \"md\",\n  },\n});\n\nexport type TextareaVariantProps = VariantProps<typeof textareaVariants>;\n"],"mappings":";;;AAGA,IAAa,IAAmB,EAAI,CAAC,GAAG,GAAkB,WAAW,EAAE;CACrE,UAAU;EACR,QAAQ;GACN,SACE;GACF,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CAAC"}

package/dist/components/Timeline/Timeline.cjs

@@ -0,0 +1,2 @@
+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`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`ol`,{ref:i,className:t.cn(`relative flex flex-col`,`list-none`,e),...n}));i.displayName=`Timeline`,exports.Timeline=i;
+//# sourceMappingURL=Timeline.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {}\n\nconst Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ol\n        ref={ref}\n        className={cn(\"relative flex flex-col\", \"list-none\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":"mKAKA,IAAM,EAAW,EAAM,YACpB,CAAE,YAAW,GAAG,GAAS,KAEtB,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,yBAA0B,YAAa,EAAU,CAC/D,GAAI,EACJ,CAAA,CAGP,CAED,EAAS,YAAc"}

package/dist/components/Timeline/Timeline.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Timeline/Timeline.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("ol", {
+	ref: i,
+	className: e("relative flex flex-col", "list-none", t),
+	...r
+}));
+r.displayName = "Timeline";
+//#endregion
+export { r as Timeline };
+
+//# sourceMappingURL=Timeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","names":[],"sources":["../../../src/components/Timeline/Timeline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface TimelineProps extends React.OlHTMLAttributes<HTMLOListElement> {}\n\nconst Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <ol\n        ref={ref}\n        className={cn(\"relative flex flex-col\", \"list-none\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nTimeline.displayName = \"Timeline\";\n\nexport { Timeline };\n"],"mappings":";;;;AAKA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,GAAG,KAAS,MAEtB,kBAAC,MAAD;CACO;CACL,WAAW,EAAG,0BAA0B,aAAa,EAAU;CAC/D,GAAI;CACJ,CAAA,CAGP;AAED,EAAS,cAAc"}

package/dist/components/Timeline/Timeline.variants.cjs

@@ -0,0 +1,2 @@
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`flex items-center justify-center`,`w-8 h-8 rounded-full`,`border-2`,`shrink-0 z-10`,`bg-(--nuka-bg-base)`],{variants:{intent:{default:`border-(--nuka-accent-bg) text-(--nuka-accent-text)`,success:`border-(--nuka-success-base) text-(--nuka-success-text)`,danger:`border-(--nuka-danger-base) text-(--nuka-danger-text)`,warning:`border-(--nuka-warning-base) text-(--nuka-warning-text)`}},defaultVariants:{intent:`default`}});exports.timelineItemMarkerVariants=e;
+//# sourceMappingURL=Timeline.variants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.variants.cjs","names":[],"sources":["../../../src/components/Timeline/Timeline.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const timelineItemMarkerVariants = cva(\n  [\n    \"flex items-center justify-center\",\n    \"w-8 h-8 rounded-full\",\n    \"border-2\",\n    \"shrink-0 z-10\",\n    \"bg-(--nuka-bg-base)\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"border-(--nuka-accent-bg) text-(--nuka-accent-text)\",\n        success: \"border-(--nuka-success-base) text-(--nuka-success-text)\",\n        danger: \"border-(--nuka-danger-base) text-(--nuka-danger-text)\",\n        warning: \"border-(--nuka-warning-base) text-(--nuka-warning-text)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport type TimelineItemMarkerVariantProps = VariantProps<\n  typeof timelineItemMarkerVariants\n>;\n"],"mappings":"AAEA,IAAa,wEAA6B,IACxC,CACE,mCACA,uBACA,WACA,gBACA,sBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,sDACT,QAAS,0DACT,OAAQ,wDACR,QAAS,0DACV,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF"}

package/dist/components/Timeline/Timeline.variants.js

@@ -0,0 +1,21 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Timeline/Timeline.variants.ts
+var t = e([
+	"flex items-center justify-center",
+	"w-8 h-8 rounded-full",
+	"border-2",
+	"shrink-0 z-10",
+	"bg-(--nuka-bg-base)"
+], {
+	variants: { intent: {
+		default: "border-(--nuka-accent-bg) text-(--nuka-accent-text)",
+		success: "border-(--nuka-success-base) text-(--nuka-success-text)",
+		danger: "border-(--nuka-danger-base) text-(--nuka-danger-text)",
+		warning: "border-(--nuka-warning-base) text-(--nuka-warning-text)"
+	} },
+	defaultVariants: { intent: "default" }
+});
+//#endregion
+export { t as timelineItemMarkerVariants };
+
+//# sourceMappingURL=Timeline.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.variants.js","names":[],"sources":["../../../src/components/Timeline/Timeline.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const timelineItemMarkerVariants = cva(\n  [\n    \"flex items-center justify-center\",\n    \"w-8 h-8 rounded-full\",\n    \"border-2\",\n    \"shrink-0 z-10\",\n    \"bg-(--nuka-bg-base)\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"border-(--nuka-accent-bg) text-(--nuka-accent-text)\",\n        success: \"border-(--nuka-success-base) text-(--nuka-success-text)\",\n        danger: \"border-(--nuka-danger-base) text-(--nuka-danger-text)\",\n        warning: \"border-(--nuka-warning-base) text-(--nuka-warning-text)\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\nexport type TimelineItemMarkerVariantProps = VariantProps<\n  typeof timelineItemMarkerVariants\n>;\n"],"mappings":";;AAEA,IAAa,IAA6B,EACxC;CACE;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,SAAS;EACT,QAAQ;EACR,SAAS;EACV,EACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF"}

package/dist/components/Timeline/TimelineItem.cjs

@@ -0,0 +1,2 @@
+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`);var o=i.forwardRef(({className:e,timestamp:i,title:o,description:s,icon:c,intent:l,children:u,...d},f)=>(0,a.jsxs)(`li`,{ref:f,className:t.cn(`group relative flex gap-(--space-4) pb-(--space-6) last:pb-0`,e),...d,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:l})),children:c?(0,a.jsx)(`span`,{className:`text-sm`,"aria-hidden":`true`,children:c}):(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:[i!=null&&(0,a.jsx)(`time`,{className:`block text-xs text-(--nuka-text-muted) mb-(--space-1)`,children:i}),(0,a.jsx)(n.Text,{as:`p`,size:`sm`,weight:`medium`,children:o}),s!=null&&(0,a.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,className:`mt-(--space-1)`,children:s}),u&&(0,a.jsx)(`div`,{className:`mt-(--space-2)`,children:u})]})]}));o.displayName=`TimelineItem`,exports.TimelineItem=o;
+//# sourceMappingURL=TimelineItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItem.cjs","names":[],"sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import * 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  timestamp?: string;\n  title: string;\n  description?: string;\n  icon?: React.ReactNode;\n  intent?: \"default\" | \"danger\" | \"success\" | \"warning\";\n}\n\nconst TimelineItem = React.forwardRef<HTMLLIElement, TimelineItemProps>(\n  (\n    {\n      className,\n      timestamp,\n      title,\n      description,\n      icon,\n      intent,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\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);\n\nTimelineItem.displayName = \"TimelineItem\";\n\nexport { TimelineItem };\n"],"mappings":"sOAaA,IAAM,EAAe,EAAM,YAEvB,CACE,YACA,YACA,QACA,cACA,OACA,SACA,WACA,GAAG,GAEL,KAGE,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,GAGV,CAED,EAAa,YAAc"}