@tlglobal/ui 2.0.0

package/dist/chunk-7USP3KPM.js

@@ -0,0 +1,74 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/context-menu/ContextMenu.jsx
+import { ContextMenu as RadixContextMenu } from "radix-ui";
+import { Check, ChevronRight, Circle } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var contentClass = "z-50 min-w-[10rem] overflow-hidden rounded-md border border-border-default bg-bg-page p-1 shadow-md";
+var itemClass = "relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 text-sm text-text-primary outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-bg-surface";
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ jsx(RadixContextMenu.Portal, { children: /* @__PURE__ */ jsx(RadixContextMenu.Content, { className: cn(contentClass, className), ...props }) });
+}
+function Item({ className, inset, ...props }) {
+  return /* @__PURE__ */ jsx(RadixContextMenu.Item, { className: cn(itemClass, inset && "pl-8", className), ...props });
+}
+function CheckboxItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(RadixContextMenu.CheckboxItem, { className: cn(itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ jsx(RadixContextMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ jsx(Check, { size: 14, className: "text-accent" }) }),
+    children
+  ] });
+}
+function RadioItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(RadixContextMenu.RadioItem, { className: cn(itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ jsx(RadixContextMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ jsx(Circle, { size: 8, className: "fill-accent text-accent" }) }),
+    children
+  ] });
+}
+function Label({ className, inset, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadixContextMenu.Label,
+    {
+      className: cn("px-2 py-1.5 text-xs font-semibold text-text-muted", inset && "pl-8", className),
+      ...props
+    }
+  );
+}
+function Separator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(RadixContextMenu.Separator, { className: cn("my-1 h-px bg-border-default", className), ...props });
+}
+function Shortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto pl-4 text-xs tracking-widest text-text-muted", className), ...props });
+}
+function SubTrigger({ className, inset, children, ...props }) {
+  return /* @__PURE__ */ jsxs(RadixContextMenu.SubTrigger, { className: cn(itemClass, "data-[state=open]:bg-bg-surface", inset && "pl-8", className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsx(ChevronRight, { size: 14, className: "ml-auto text-text-muted" })
+  ] });
+}
+function SubContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(RadixContextMenu.Portal, { children: /* @__PURE__ */ jsx(RadixContextMenu.SubContent, { className: cn(contentClass, className), ...props }) });
+}
+var ContextMenu = {
+  Root: RadixContextMenu.Root,
+  Trigger: RadixContextMenu.Trigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup: RadixContextMenu.RadioGroup,
+  RadioItem,
+  Label,
+  Separator,
+  Shortcut,
+  Group: RadixContextMenu.Group,
+  Sub: RadixContextMenu.Sub,
+  SubTrigger,
+  SubContent
+};
+
+export {
+  ContextMenu
+};
+//# sourceMappingURL=chunk-7USP3KPM.js.map

package/dist/chunk-7USP3KPM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/context-menu/ContextMenu.jsx"],"sourcesContent":["import { ContextMenu as RadixContextMenu } from \"radix-ui\";\nimport { Check, ChevronRight, Circle } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst contentClass = \"z-50 min-w-[10rem] overflow-hidden rounded-md border border-border-default bg-bg-page p-1 shadow-md\";\nconst itemClass =\n  \"relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 text-sm text-text-primary outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-bg-surface\";\n\nfunction Content({ className, ...props }) {\n  return (\n    <RadixContextMenu.Portal>\n      <RadixContextMenu.Content className={cn(contentClass, className)} {...props} />\n    </RadixContextMenu.Portal>\n  );\n}\n\nfunction Item({ className, inset, ...props }) {\n  return <RadixContextMenu.Item className={cn(itemClass, inset && \"pl-8\", className)} {...props} />;\n}\n\nfunction CheckboxItem({ className, children, ...props }) {\n  return (\n    <RadixContextMenu.CheckboxItem className={cn(itemClass, \"pl-8\", className)} {...props}>\n      <RadixContextMenu.ItemIndicator className=\"absolute left-2.5 inline-flex items-center\">\n        <Check size={14} className=\"text-accent\" />\n      </RadixContextMenu.ItemIndicator>\n      {children}\n    </RadixContextMenu.CheckboxItem>\n  );\n}\n\nfunction RadioItem({ className, children, ...props }) {\n  return (\n    <RadixContextMenu.RadioItem className={cn(itemClass, \"pl-8\", className)} {...props}>\n      <RadixContextMenu.ItemIndicator className=\"absolute left-2.5 inline-flex items-center\">\n        <Circle size={8} className=\"fill-accent text-accent\" />\n      </RadixContextMenu.ItemIndicator>\n      {children}\n    </RadixContextMenu.RadioItem>\n  );\n}\n\nfunction Label({ className, inset, ...props }) {\n  return (\n    <RadixContextMenu.Label\n      className={cn(\"px-2 py-1.5 text-xs font-semibold text-text-muted\", inset && \"pl-8\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Separator({ className, ...props }) {\n  return <RadixContextMenu.Separator className={cn(\"my-1 h-px bg-border-default\", className)} {...props} />;\n}\n\nfunction Shortcut({ className, ...props }) {\n  return <span className={cn(\"ml-auto pl-4 text-xs tracking-widest text-text-muted\", className)} {...props} />;\n}\n\nfunction SubTrigger({ className, inset, children, ...props }) {\n  return (\n    <RadixContextMenu.SubTrigger className={cn(itemClass, \"data-[state=open]:bg-bg-surface\", inset && \"pl-8\", className)} {...props}>\n      {children}\n      <ChevronRight size={14} className=\"ml-auto text-text-muted\" />\n    </RadixContextMenu.SubTrigger>\n  );\n}\n\nfunction SubContent({ className, ...props }) {\n  return (\n    <RadixContextMenu.Portal>\n      <RadixContextMenu.SubContent className={cn(contentClass, className)} {...props} />\n    </RadixContextMenu.Portal>\n  );\n}\n\nexport const ContextMenu = {\n  Root: RadixContextMenu.Root,\n  Trigger: RadixContextMenu.Trigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup: RadixContextMenu.RadioGroup,\n  RadioItem,\n  Label,\n  Separator,\n  Shortcut,\n  Group: RadixContextMenu.Group,\n  Sub: RadixContextMenu.Sub,\n  SubTrigger,\n  SubContent,\n};\n"],"mappings":";;;;;;AAAA,SAAS,eAAe,wBAAwB;AAChD,SAAS,OAAO,cAAc,cAAc;AAUtC,cAWF,YAXE;AAPN,IAAM,eAAe;AACrB,IAAM,YACJ;AAEF,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAG;AACxC,SACE,oBAAC,iBAAiB,QAAjB,EACC,8BAAC,iBAAiB,SAAjB,EAAyB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,GAC/E;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG;AAC5C,SAAO,oBAAC,iBAAiB,MAAjB,EAAsB,WAAW,GAAG,WAAW,SAAS,QAAQ,SAAS,GAAI,GAAG,OAAO;AACjG;AAEA,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AACvD,SACE,qBAAC,iBAAiB,cAAjB,EAA8B,WAAW,GAAG,WAAW,QAAQ,SAAS,GAAI,GAAG,OAC9E;AAAA,wBAAC,iBAAiB,eAAjB,EAA+B,WAAU,8CACxC,8BAAC,SAAM,MAAM,IAAI,WAAU,eAAc,GAC3C;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AACpD,SACE,qBAAC,iBAAiB,WAAjB,EAA2B,WAAW,GAAG,WAAW,QAAQ,SAAS,GAAI,GAAG,OAC3E;AAAA,wBAAC,iBAAiB,eAAjB,EAA+B,WAAU,8CACxC,8BAAC,UAAO,MAAM,GAAG,WAAU,2BAA0B,GACvD;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,SAAS,MAAM,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG;AAC7C,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,WAAW,GAAG,qDAAqD,SAAS,QAAQ,SAAS;AAAA,MAC5F,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG;AAC1C,SAAO,oBAAC,iBAAiB,WAAjB,EAA2B,WAAW,GAAG,+BAA+B,SAAS,GAAI,GAAG,OAAO;AACzG;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAG;AACzC,SAAO,oBAAC,UAAK,WAAW,GAAG,wDAAwD,SAAS,GAAI,GAAG,OAAO;AAC5G;AAEA,SAAS,WAAW,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG;AAC5D,SACE,qBAAC,iBAAiB,YAAjB,EAA4B,WAAW,GAAG,WAAW,mCAAmC,SAAS,QAAQ,SAAS,GAAI,GAAG,OACvH;AAAA;AAAA,IACD,oBAAC,gBAAa,MAAM,IAAI,WAAU,2BAA0B;AAAA,KAC9D;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAG;AAC3C,SACE,oBAAC,iBAAiB,QAAjB,EACC,8BAAC,iBAAiB,YAAjB,EAA4B,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,GAClF;AAEJ;AAEO,IAAM,cAAc;AAAA,EACzB,MAAM,iBAAiB;AAAA,EACvB,SAAS,iBAAiB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,iBAAiB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,iBAAiB;AAAA,EACxB,KAAK,iBAAiB;AAAA,EACtB;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-7UWF7W5G.js

@@ -0,0 +1,79 @@
+'use client';
+import {
+  useDirection
+} from "./chunk-YL5ANBN3.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/bubble/Bubble.jsx
+import React from "react";
+
+// src/components/bubble/Bubble.variants.js
+import { cva } from "class-variance-authority";
+var bubbleVariants = cva(
+  [
+    "relative inline-block max-w-[min(42rem,100%)] whitespace-pre-wrap break-words font-sans",
+    "[&>:first-child]:mt-0 [&>:last-child]:mb-0"
+  ],
+  {
+    variants: {
+      direction: {
+        // The squared-off corner marks the speaker's side — cheaper and far more robust than a
+        // CSS-triangle tail, which has to be recoloured for every tone and breaks on wrapping.
+        incoming: "rounded-2xl rounded-bl-sm bg-bg-surface text-text-primary",
+        outgoing: "rounded-2xl rounded-br-sm bg-accent text-text-inverse"
+      },
+      tone: {
+        default: "",
+        muted: "bg-bg-surface text-text-secondary",
+        danger: "bg-danger-100 text-danger-700"
+      },
+      size: {
+        sm: "px-3 py-1.5 text-xs",
+        md: "px-3.5 py-2 text-sm leading-relaxed",
+        lg: "px-4 py-2.5 text-base leading-relaxed"
+      }
+    },
+    // `tone` intentionally overrides the direction colours rather than combining with them —
+    // an errored outgoing message should read as an error first and as "mine" second.
+    defaultVariants: { direction: "incoming", tone: "default", size: "md" }
+  }
+);
+
+// src/components/bubble/Bubble.jsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function TypingIndicator() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex items-center gap-1 py-1", children: [0, 150, 300].map((delay) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current opacity-60",
+        style: { animationDelay: `${delay}ms` }
+      },
+      delay
+    )) }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Typing" })
+  ] });
+}
+var Bubble = React.forwardRef(function Bubble2({ direction, tone, size, loading = false, className, children, ...props }, ref) {
+  const resolvedDirection = useDirection(direction);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "bubble",
+      "data-direction": resolvedDirection,
+      "data-loading": loading || void 0,
+      "aria-live": loading ? "polite" : void 0,
+      className: cn(bubbleVariants({ direction: resolvedDirection, tone, size }), className),
+      ...props,
+      children: loading ? /* @__PURE__ */ jsx(TypingIndicator, {}) : children
+    }
+  );
+});
+
+export {
+  Bubble
+};
+//# sourceMappingURL=chunk-7UWF7W5G.js.map

package/dist/chunk-7UWF7W5G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bubble/Bubble.jsx","../src/components/bubble/Bubble.variants.js"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { useDirection } from \"../direction/Direction.jsx\";\nimport { bubbleVariants } from \"./Bubble.variants.js\";\n\n/*\n * Three staggered dots standing in for streaming text. aria-hidden plus a sibling live-region label\n * because the animation itself says nothing to a screen reader, and announcing \"typing\" on every\n * dot cycle would be unbearable.\n */\nfunction TypingIndicator() {\n  return (\n    <>\n      <span aria-hidden=\"true\" className=\"flex items-center gap-1 py-1\">\n        {[0, 150, 300].map((delay) => (\n          <span\n            key={delay}\n            className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-current opacity-60\"\n            style={{ animationDelay: `${delay}ms` }}\n          />\n        ))}\n      </span>\n      <span className=\"sr-only\">Typing</span>\n    </>\n  );\n}\n\nexport const Bubble = React.forwardRef(function Bubble(\n  { direction, tone, size, loading = false, className, children, ...props },\n  ref,\n) {\n  const resolvedDirection = useDirection(direction);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"bubble\"\n      data-direction={resolvedDirection}\n      data-loading={loading || undefined}\n      // Streaming text replaces the bubble's contents as tokens arrive; \"polite\" lets a screen\n      // reader finish the current phrase instead of restarting on every chunk.\n      aria-live={loading ? \"polite\" : undefined}\n      className={cn(bubbleVariants({ direction: resolvedDirection, tone, size }), className)}\n      {...props}\n    >\n      {loading ? <TypingIndicator /> : children}\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const bubbleVariants = cva(\n  [\n    \"relative inline-block max-w-[min(42rem,100%)] whitespace-pre-wrap break-words font-sans\",\n    \"[&>:first-child]:mt-0 [&>:last-child]:mb-0\",\n  ],\n  {\n    variants: {\n      direction: {\n        // The squared-off corner marks the speaker's side — cheaper and far more robust than a\n        // CSS-triangle tail, which has to be recoloured for every tone and breaks on wrapping.\n        incoming: \"rounded-2xl rounded-bl-sm bg-bg-surface text-text-primary\",\n        outgoing: \"rounded-2xl rounded-br-sm bg-accent text-text-inverse\",\n      },\n      tone: {\n        default: \"\",\n        muted: \"bg-bg-surface text-text-secondary\",\n        danger: \"bg-danger-100 text-danger-700\",\n      },\n      size: {\n        sm: \"px-3 py-1.5 text-xs\",\n        md: \"px-3.5 py-2 text-sm leading-relaxed\",\n        lg: \"px-4 py-2.5 text-base leading-relaxed\",\n      },\n    },\n    // `tone` intentionally overrides the direction colours rather than combining with them —\n    // an errored outgoing message should read as an error first and as \"mine\" second.\n    defaultVariants: { direction: \"incoming\", tone: \"default\", size: \"md\" },\n  },\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;;;ACAlB,SAAS,WAAW;AAEb,IAAM,iBAAiB;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA;AAAA;AAAA,QAGT,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA;AAAA;AAAA,IAGA,iBAAiB,EAAE,WAAW,YAAY,MAAM,WAAW,MAAM,KAAK;AAAA,EACxE;AACF;;;ADlBI,mBAGM,KAHN;AAFJ,SAAS,kBAAkB;AACzB,SACE,iCACE;AAAA,wBAAC,UAAK,eAAY,QAAO,WAAU,gCAChC,WAAC,GAAG,KAAK,GAAG,EAAE,IAAI,CAAC,UAClB;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,OAAO,EAAE,gBAAgB,GAAG,KAAK,KAAK;AAAA;AAAA,MAFjC;AAAA,IAGP,CACD,GACH;AAAA,IACA,oBAAC,UAAK,WAAU,WAAU,oBAAM;AAAA,KAClC;AAEJ;AAEO,IAAM,SAAS,MAAM,WAAW,SAASA,QAC9C,EAAE,WAAW,MAAM,MAAM,UAAU,OAAO,WAAW,UAAU,GAAG,MAAM,GACxE,KACA;AACA,QAAM,oBAAoB,aAAa,SAAS;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,kBAAgB;AAAA,MAChB,gBAAc,WAAW;AAAA,MAGzB,aAAW,UAAU,WAAW;AAAA,MAChC,WAAW,GAAG,eAAe,EAAE,WAAW,mBAAmB,MAAM,KAAK,CAAC,GAAG,SAAS;AAAA,MACpF,GAAG;AAAA,MAEH,oBAAU,oBAAC,mBAAgB,IAAK;AAAA;AAAA,EACnC;AAEJ,CAAC;","names":["Bubble"]}

package/dist/chunk-7VXLTE5S.cjs

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunkHRO7NGJRcjs = require('./chunk-HRO7NGJR.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/combobox/Combobox.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+var Combobox = _react2.default.forwardRef(function Combobox2({
+  options = [],
+  value,
+  onValueChange,
+  placeholder = "Select\u2026",
+  searchPlaceholder = "Search\u2026",
+  emptyMessage = "No results found.",
+  disabled,
+  className,
+  ...props
+}, ref) {
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const selected = options.find((option) => option.value === value);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Popover.Root, { open, onOpenChange: setOpen, ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Popover.Trigger,
+      {
+        ref,
+        disabled,
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+          "flex h-[38px] w-full items-center justify-between gap-2 rounded-md border border-border-default bg-bg-page px-3 font-sans text-base text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out data-[state=open]:border-border-focus data-[state=open]:shadow-[var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:bg-bg-surface",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "truncate", !selected && "text-text-muted"), children: selected ? selected.label : placeholder }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronsUpDown, { size: 16, className: "shrink-0 text-text-muted" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Popover.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "z-50 w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-md border border-border-default bg-bg-page p-0 shadow-md outline-none",
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkHRO7NGJRcjs.Command.Root, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHRO7NGJRcjs.Command.Input, { placeholder: searchPlaceholder }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkHRO7NGJRcjs.Command.List, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHRO7NGJRcjs.Command.Empty, { children: emptyMessage }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHRO7NGJRcjs.Command.Group, { children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _chunkHRO7NGJRcjs.Command.Item,
+              {
+                value: option.label,
+                disabled: option.disabled,
+                onSelect: () => {
+                  onValueChange == null ? void 0 : onValueChange(option.value === value ? void 0 : option.value);
+                  setOpen(false);
+                },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _icons.Check,
+                    {
+                      size: 14,
+                      className: _chunkNSTYHMFWcjs.cn.call(void 0, "shrink-0 text-accent", option.value === value ? "opacity-100" : "opacity-0")
+                    }
+                  ),
+                  option.label
+                ]
+              },
+              option.value
+            )) })
+          ] })
+        ] })
+      }
+    ) })
+  ] });
+});
+
+
+
+exports.Combobox = Combobox;
+//# sourceMappingURL=chunk-7VXLTE5S.cjs.map

package/dist/chunk-7VXLTE5S.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-7VXLTE5S.cjs","../src/components/combobox/Combobox.jsx"],"names":["Combobox"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-7VXLTE5S.cjs","sourcesContent":[null,"import React, { useState } from \"react\";\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport { Check, ChevronsUpDown } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Command } from \"../command/Command.jsx\";\n\n// Built directly on Radix Popover (not our styled Popover component) since Popover.Content bakes\n// in a fixed width/padding meant for free-form content — Combobox needs the content to match the\n// trigger's width and hold a Command list with no padding, so it goes straight to the primitive.\nexport const Combobox = React.forwardRef(function Combobox(\n  {\n    options = [],\n    value,\n    onValueChange,\n    placeholder = \"Select…\",\n    searchPlaceholder = \"Search…\",\n    emptyMessage = \"No results found.\",\n    disabled,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n  const selected = options.find((option) => option.value === value);\n\n  return (\n    <RadixPopover.Root open={open} onOpenChange={setOpen} {...props}>\n      <RadixPopover.Trigger\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          \"flex h-[38px] w-full items-center justify-between gap-2 rounded-md border border-border-default bg-bg-page px-3 font-sans text-base text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out data-[state=open]:border-border-focus data-[state=open]:shadow-[var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:bg-bg-surface\",\n          className,\n        )}\n      >\n        <span className={cn(\"truncate\", !selected && \"text-text-muted\")}>\n          {selected ? selected.label : placeholder}\n        </span>\n        <ChevronsUpDown size={16} className=\"shrink-0 text-text-muted\" />\n      </RadixPopover.Trigger>\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          align=\"start\"\n          sideOffset={4}\n          className=\"z-50 w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-md border border-border-default bg-bg-page p-0 shadow-md outline-none\"\n        >\n          <Command.Root>\n            <Command.Input placeholder={searchPlaceholder} />\n            <Command.List>\n              <Command.Empty>{emptyMessage}</Command.Empty>\n              <Command.Group>\n                {options.map((option) => (\n                  <Command.Item\n                    key={option.value}\n                    value={option.label}\n                    disabled={option.disabled}\n                    onSelect={() => {\n                      onValueChange?.(option.value === value ? undefined : option.value);\n                      setOpen(false);\n                    }}\n                  >\n                    <Check\n                      size={14}\n                      className={cn(\"shrink-0 text-accent\", option.value === value ? \"opacity-100\" : \"opacity-0\")}\n                    />\n                    {option.label}\n                  </Command.Item>\n                ))}\n              </Command.Group>\n            </Command.List>\n          </Command.Root>\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    </RadixPopover.Root>\n  );\n});\n"]}

package/dist/chunk-A254FX7P.cjs

@@ -0,0 +1,108 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/select/Select.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+
+// src/components/select/Select.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var selectTriggerVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex w-full items-center justify-between gap-2 rounded-md border bg-bg-page px-3 font-sans text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out data-[placeholder]:text-text-muted disabled:cursor-not-allowed disabled:bg-bg-surface",
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-sm",
+        md: "h-[38px] text-base",
+        lg: "h-11 text-md"
+      },
+      invalid: {
+        true: "border-danger-500 focus:shadow-[var(--shadow-danger-ring)]",
+        false: "border-border-default focus:border-border-focus focus:shadow-[var(--shadow-focus-ring)]"
+      }
+    },
+    defaultVariants: { size: "md", invalid: false }
+  }
+);
+
+// src/components/select/Select.jsx
+var _jsxruntime = require('react/jsx-runtime');
+var Select = _react2.default.forwardRef(function Select2({
+  label,
+  error,
+  hint,
+  size,
+  disabled,
+  options = [],
+  placeholder = "Select\u2026",
+  className,
+  id,
+  value,
+  defaultValue,
+  onValueChange,
+  ...props
+}, ref) {
+  const generatedId = _react.useId.call(void 0, );
+  const selectId = id || generatedId;
+  const invalid = Boolean(error);
+  const hintId = error || hint ? `${selectId}-hint` : void 0;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-1.5 font-sans", children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Label.Root, { htmlFor: selectId, className: "text-sm font-medium text-text-primary", children: label }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Select.Root,
+      {
+        disabled,
+        value,
+        defaultValue,
+        onValueChange,
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _radixui.Select.Trigger,
+            {
+              ref,
+              id: selectId,
+              "aria-invalid": invalid || void 0,
+              "aria-describedby": hintId,
+              className: _chunkNSTYHMFWcjs.cn.call(void 0, selectTriggerVariants({ size, invalid }), className),
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Value, { placeholder }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Icon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronDown, { size: 16, className: "text-text-muted" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _radixui.Select.Content,
+            {
+              position: "popper",
+              sideOffset: 4,
+              className: "z-50 overflow-hidden rounded-md border border-border-default bg-bg-page shadow-md",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Viewport, { className: "p-1", children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                _radixui.Select.Item,
+                {
+                  value: option.value,
+                  disabled: option.disabled,
+                  className: "relative flex h-9 cursor-pointer select-none items-center rounded-sm px-8 text-sm text-text-primary outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-bg-surface",
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Check, { size: 14, className: "text-accent" }) }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.ItemText, { children: option.label })
+                  ]
+                },
+                option.value
+              )) })
+            }
+          ) })
+        ]
+      }
+    ),
+    (error || hint) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: hintId, className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-xs", error ? "text-danger-500" : "text-text-muted"), children: error || hint })
+  ] });
+});
+
+
+
+exports.Select = Select;
+//# sourceMappingURL=chunk-A254FX7P.cjs.map

package/dist/chunk-A254FX7P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-A254FX7P.cjs","../src/components/select/Select.jsx","../src/components/select/Select.variants.js"],"names":["Select"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAA6B;AAC7B,mCAA6C;AAC7C,wCAAmC;ADOnC;AACA;AEVA,kEAAoB;AAEb,IAAM,sBAAA,EAAwB,yCAAA;AAAA,EACnC,4QAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,4DAAA;AAAA,QACN,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,OAAA,EAAS,MAAM;AAAA,EAChD;AACF,CAAA;AFWA;AACA;ACEQ,+CAAA;AA1BD,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASA,OAAAA,CAC9C;AAAA,EACE,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,EAAU,CAAC,CAAA;AAAA,EACX,YAAA,EAAc,cAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,EAAA,MAAM,SAAA,EAAW,GAAA,GAAM,WAAA;AACvB,EAAA,MAAM,QAAA,EAAU,OAAA,CAAQ,KAAK,CAAA;AAC7B,EAAA,MAAM,OAAA,EAAS,MAAA,GAAS,KAAA,EAAO,CAAA,EAAA;AAG5B,EAAA;AAEI,IAAA;AAIH,oBAAA;AAAa,MAAA;AAAZ,MAAA;AACC,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACI,QAAA;AAEJ,QAAA;AAAA,0BAAA;AAAa,YAAA;AAAZ,YAAA;AACC,cAAA;AACI,cAAA;AACU,cAAA;AACI,cAAA;AACJ,cAAA;AAEd,cAAA;AAAA,gCAAA;AACA,gCAAA;AAEA,cAAA;AAAA,YAAA;AACF,UAAA;AACC,0BAAA;AACc,YAAA;AAAZ,YAAA;AACU,cAAA;AACG,cAAA;AACF,cAAA;AAEV,cAAA;AAEiB,gBAAA;AAAZ,gBAAA;AAEe,kBAAA;AACJ,kBAAA;AACA,kBAAA;AAEV,kBAAA;AAAA,oCAAA;AAGA,oCAAA;AAAoC,kBAAA;AAAA,gBAAA;AARxB,gBAAA;AAWlB,cAAA;AAAA,YAAA;AAEJ,UAAA;AAAA,QAAA;AAAA,MAAA;AACF,IAAA;AAEE,IAAA;AAIJ,EAAA;AAEH;ADiBiC;AACA;AACA;AACA","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-A254FX7P.cjs","sourcesContent":[null,"import React, { useId } from \"react\";\nimport { Label, Select as RadixSelect } from \"radix-ui\";\nimport { Check, ChevronDown } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { selectTriggerVariants } from \"./Select.variants.js\";\n\nexport const Select = React.forwardRef(function Select(\n  {\n    label,\n    error,\n    hint,\n    size,\n    disabled,\n    options = [],\n    placeholder = \"Select…\",\n    className,\n    id,\n    value,\n    defaultValue,\n    onValueChange,\n    ...props\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const selectId = id || generatedId;\n  const invalid = Boolean(error);\n  const hintId = error || hint ? `${selectId}-hint` : undefined;\n\n  return (\n    <div className=\"flex w-full flex-col gap-1.5 font-sans\">\n      {label && (\n        <Label.Root htmlFor={selectId} className=\"text-sm font-medium text-text-primary\">\n          {label}\n        </Label.Root>\n      )}\n      <RadixSelect.Root\n        disabled={disabled}\n        value={value}\n        defaultValue={defaultValue}\n        onValueChange={onValueChange}\n        {...props}\n      >\n        <RadixSelect.Trigger\n          ref={ref}\n          id={selectId}\n          aria-invalid={invalid || undefined}\n          aria-describedby={hintId}\n          className={cn(selectTriggerVariants({ size, invalid }), className)}\n        >\n          <RadixSelect.Value placeholder={placeholder} />\n          <RadixSelect.Icon>\n            <ChevronDown size={16} className=\"text-text-muted\" />\n          </RadixSelect.Icon>\n        </RadixSelect.Trigger>\n        <RadixSelect.Portal>\n          <RadixSelect.Content\n            position=\"popper\"\n            sideOffset={4}\n            className=\"z-50 overflow-hidden rounded-md border border-border-default bg-bg-page shadow-md\"\n          >\n            <RadixSelect.Viewport className=\"p-1\">\n              {options.map((option) => (\n                <RadixSelect.Item\n                  key={option.value}\n                  value={option.value}\n                  disabled={option.disabled}\n                  className=\"relative flex h-9 cursor-pointer select-none items-center rounded-sm px-8 text-sm text-text-primary outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-bg-surface\"\n                >\n                  <RadixSelect.ItemIndicator className=\"absolute left-2.5 inline-flex items-center\">\n                    <Check size={14} className=\"text-accent\" />\n                  </RadixSelect.ItemIndicator>\n                  <RadixSelect.ItemText>{option.label}</RadixSelect.ItemText>\n                </RadixSelect.Item>\n              ))}\n            </RadixSelect.Viewport>\n          </RadixSelect.Content>\n        </RadixSelect.Portal>\n      </RadixSelect.Root>\n      {(error || hint) && (\n        <span id={hintId} className={cn(\"text-xs\", error ? \"text-danger-500\" : \"text-text-muted\")}>\n          {error || hint}\n        </span>\n      )}\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const selectTriggerVariants = cva(\n  \"flex w-full items-center justify-between gap-2 rounded-md border bg-bg-page px-3 font-sans text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out data-[placeholder]:text-text-muted disabled:cursor-not-allowed disabled:bg-bg-surface\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-sm\",\n        md: \"h-[38px] text-base\",\n        lg: \"h-11 text-md\",\n      },\n      invalid: {\n        true: \"border-danger-500 focus:shadow-[var(--shadow-danger-ring)]\",\n        false: \"border-border-default focus:border-border-focus focus:shadow-[var(--shadow-focus-ring)]\",\n      },\n    },\n    defaultVariants: { size: \"md\", invalid: false },\n  },\n);\n"]}

package/dist/chunk-ACCDNLKQ.cjs

@@ -0,0 +1,2 @@
+"use strict";'use client';
+//# sourceMappingURL=chunk-ACCDNLKQ.cjs.map

package/dist/chunk-ACCDNLKQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ACCDNLKQ.cjs"],"names":[],"mappings":"AAAA,yBAAY","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ACCDNLKQ.cjs"}

package/dist/chunk-AFU2TQBW.cjs

@@ -0,0 +1,2 @@
+"use strict";'use client';
+//# sourceMappingURL=chunk-AFU2TQBW.cjs.map

package/dist/chunk-AFU2TQBW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-AFU2TQBW.cjs"],"names":[],"mappings":"AAAA,yBAAY","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-AFU2TQBW.cjs"}

package/dist/chunk-ARIUBUZS.cjs

@@ -0,0 +1,2 @@
+"use strict";'use client';
+//# sourceMappingURL=chunk-ARIUBUZS.cjs.map

package/dist/chunk-ARIUBUZS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ARIUBUZS.cjs"],"names":[],"mappings":"AAAA,yBAAY","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ARIUBUZS.cjs"}

package/dist/chunk-ASXOVY3O.js

@@ -0,0 +1,51 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/pagination/Pagination.jsx
+import React from "react";
+import { ChevronLeft, ChevronRight } from "@tlglobal/icons";
+import { jsx } from "react/jsx-runtime";
+function Root({ className, ...props }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Pagination", className: cn("flex items-center gap-1 font-sans", className), ...props });
+}
+var Item = React.forwardRef(function Item2({ className, active, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-current": active ? "page" : void 0,
+      className: cn(
+        "inline-flex h-8.5 min-w-8.5 items-center justify-center rounded-md px-2 text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        active && "bg-accent-100 text-accent-700 hover:bg-accent-100 hover:text-accent-700",
+        className
+      ),
+      ...props
+    }
+  );
+});
+function Ellipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn("flex h-8.5 min-w-8.5 items-center justify-center text-text-muted", className),
+      ...props,
+      children: "\u2026"
+    }
+  );
+}
+var Previous = React.forwardRef(function Previous2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Item, { ref, "aria-label": "Previous page", className: cn("gap-1 px-2.5", className), ...props, children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 }) });
+});
+var Next = React.forwardRef(function Next2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Item, { ref, "aria-label": "Next page", className: cn("gap-1 px-2.5", className), ...props, children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 }) });
+});
+var Pagination = { Root, Item, Ellipsis, Previous, Next };
+
+export {
+  Pagination
+};
+//# sourceMappingURL=chunk-ASXOVY3O.js.map

package/dist/chunk-ASXOVY3O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/pagination/Pagination.jsx"],"sourcesContent":["import React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Root({ className, ...props }) {\n  return <nav aria-label=\"Pagination\" className={cn(\"flex items-center gap-1 font-sans\", className)} {...props} />;\n}\n\nconst Item = React.forwardRef(function Item({ className, active, ...props }, ref) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-current={active ? \"page\" : undefined}\n      className={cn(\n        \"inline-flex h-8.5 min-w-8.5 items-center justify-center rounded-md px-2 text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        active && \"bg-accent-100 text-accent-700 hover:bg-accent-100 hover:text-accent-700\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nfunction Ellipsis({ className, ...props }) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\"flex h-8.5 min-w-8.5 items-center justify-center text-text-muted\", className)}\n      {...props}\n    >\n      …\n    </span>\n  );\n}\n\nconst Previous = React.forwardRef(function Previous({ className, ...props }, ref) {\n  return (\n    <Item ref={ref} aria-label=\"Previous page\" className={cn(\"gap-1 px-2.5\", className)} {...props}>\n      <ChevronLeft size={16} />\n    </Item>\n  );\n});\n\nconst Next = React.forwardRef(function Next({ className, ...props }, ref) {\n  return (\n    <Item ref={ref} aria-label=\"Next page\" className={cn(\"gap-1 px-2.5\", className)} {...props}>\n      <ChevronRight size={16} />\n    </Item>\n  );\n});\n\nexport const Pagination = { Root, Item, Ellipsis, Previous, Next };\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,aAAa,oBAAoB;AAIjC;AADT,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,SAAI,cAAW,cAAa,WAAW,GAAG,qCAAqC,SAAS,GAAI,GAAG,OAAO;AAChH;AAEA,IAAM,OAAO,MAAM,WAAW,SAASA,MAAK,EAAE,WAAW,QAAQ,GAAG,MAAM,GAAG,KAAK;AAChF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,gBAAc,SAAS,SAAS;AAAA,MAChC,WAAW;AAAA,QACT;AAAA,QACA,UAAU;AAAA,QACV;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAG;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW,GAAG,oEAAoE,SAAS;AAAA,MAC1F,GAAG;AAAA,MACL;AAAA;AAAA,EAED;AAEJ;AAEA,IAAM,WAAW,MAAM,WAAW,SAASC,UAAS,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAChF,SACE,oBAAC,QAAK,KAAU,cAAW,iBAAgB,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OACvF,8BAAC,eAAY,MAAM,IAAI,GACzB;AAEJ,CAAC;AAED,IAAM,OAAO,MAAM,WAAW,SAASC,MAAK,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,SACE,oBAAC,QAAK,KAAU,cAAW,aAAY,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OACnF,8BAAC,gBAAa,MAAM,IAAI,GAC1B;AAEJ,CAAC;AAEM,IAAM,aAAa,EAAE,MAAM,MAAM,UAAU,UAAU,KAAK;","names":["Item","Previous","Next"]}

package/dist/chunk-ATQSUWAB.cjs

@@ -0,0 +1,64 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/dialog/Dialog.jsx
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+function Content({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Dialog.Portal, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay, { className: "fixed inset-0 z-[100] bg-neutral-900/40" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Dialog.Content,
+      {
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+          "fixed left-1/2 top-1/2 z-[100] w-[420px] max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-lg border border-border-default bg-bg-page p-6 shadow-md focus:outline-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _radixui.Dialog.Close,
+            {
+              "aria-label": "Close",
+              className: "absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-md text-text-muted transition-colors hover:bg-bg-surface hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.X, { size: 16 })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function Title({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Title, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-lg font-bold text-text-primary", className), ...props });
+}
+function Description({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Dialog.Description,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-2 text-base leading-relaxed text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-6 flex justify-end gap-2.5", className), ...props });
+}
+var Dialog = {
+  Root: _radixui.Dialog.Root,
+  Trigger: _radixui.Dialog.Trigger,
+  Close: _radixui.Dialog.Close,
+  Content,
+  Title,
+  Description,
+  Footer
+};
+
+
+
+exports.Dialog = Dialog;
+//# sourceMappingURL=chunk-ATQSUWAB.cjs.map

package/dist/chunk-ATQSUWAB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ATQSUWAB.cjs","../src/components/dialog/Dialog.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAsC;AACtC,wCAAkB;AAMZ,+CAAA;AAHN,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG;AAClD,EAAA,uBACE,8BAAA,eAAC,CAAY,MAAA,EAAZ,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,eAAC,CAAY,OAAA,EAAZ,EAAoB,SAAA,EAAU,0CAAA,CAA0C,CAAA;AAAA,oBACzE,8BAAA;AAAA,MAAC,eAAA,CAAY,OAAA;AAAA,MAAZ;AAAA,QACC,SAAA,EAAW,kCAAA;AAAA,UACT,yLAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACD,6BAAA;AAAA,YAAC,eAAA,CAAY,KAAA;AAAA,YAAZ;AAAA,cACC,YAAA,EAAW,OAAA;AAAA,cACX,SAAA,EAAU,4OAAA;AAAA,cAEV,QAAA,kBAAA,6BAAA,QAAC,EAAA,EAAE,IAAA,EAAM,GAAA,CAAI;AAAA,YAAA;AAAA,UACf;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ;AAEA,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACtC,EAAA,uBAAO,6BAAA,eAAC,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAW,kCAAA,qCAAG,EAAuC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACxG;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,eAAA,CAAY,WAAA;AAAA,IAAZ;AAAA,MACC,SAAA,EAAW,kCAAA,oDAAG,EAAsD,SAAS,CAAA;AAAA,MAC5E,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACvC,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,kCAAA,+BAAG,EAAiC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACpF;AAEO,IAAM,OAAA,EAAS;AAAA,EACpB,IAAA,EAAM,eAAA,CAAY,IAAA;AAAA,EAClB,OAAA,EAAS,eAAA,CAAY,OAAA;AAAA,EACrB,KAAA,EAAO,eAAA,CAAY,KAAA;AAAA,EACnB,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;ADOA;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ATQSUWAB.cjs","sourcesContent":[null,"import { Dialog as RadixDialog } from \"radix-ui\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, children, ...props }) {\n  return (\n    <RadixDialog.Portal>\n      <RadixDialog.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <RadixDialog.Content\n        className={cn(\n          \"fixed left-1/2 top-1/2 z-[100] w-[420px] max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-lg border border-border-default bg-bg-page p-6 shadow-md focus:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <RadixDialog.Close\n          aria-label=\"Close\"\n          className=\"absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-md text-text-muted transition-colors hover:bg-bg-surface hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\"\n        >\n          <X size={16} />\n        </RadixDialog.Close>\n      </RadixDialog.Content>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Title({ className, ...props }) {\n  return <RadixDialog.Title className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n}\n\nfunction Description({ className, ...props }) {\n  return (\n    <RadixDialog.Description\n      className={cn(\"mt-2 text-base leading-relaxed text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Footer({ className, ...props }) {\n  return <div className={cn(\"mt-6 flex justify-end gap-2.5\", className)} {...props} />;\n}\n\nexport const Dialog = {\n  Root: RadixDialog.Root,\n  Trigger: RadixDialog.Trigger,\n  Close: RadixDialog.Close,\n  Content,\n  Title,\n  Description,\n  Footer,\n};\n"]}

package/dist/chunk-B3JAASJA.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/input-otp/InputOTP.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _inputotp = require('input-otp');
+var _jsxruntime = require('react/jsx-runtime');
+var Root = _react2.default.forwardRef(function Root2({ className, containerClassName, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _inputotp.OTPInput,
+    {
+      ref,
+      containerClassName: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+});
+var Group = _react2.default.forwardRef(function Group2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center gap-1.5", className), ...props });
+});
+var Slot = _react2.default.forwardRef(function Slot2({ index, className, ...props }, ref) {
+  const inputOTPContext = _react.useContext.call(void 0, _inputotp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] || {};
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "relative flex h-10 w-10 items-center justify-center rounded-md border border-border-default bg-bg-page font-mono text-base text-text-primary transition-[border-color,box-shadow] duration-150 ease-out",
+        isActive && "z-10 border-border-focus shadow-[var(--shadow-focus-ring)]",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-px animate-pulse bg-text-primary" }) })
+      ]
+    }
+  );
+});
+var Separator = _react2.default.forwardRef(function Separator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, role: "separator", className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-text-muted", className), ...props, children: "\u2013" });
+});
+var InputOTP = { Root, Group, Slot, Separator };
+
+
+
+exports.InputOTP = InputOTP;
+//# sourceMappingURL=chunk-B3JAASJA.cjs.map

package/dist/chunk-B3JAASJA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-B3JAASJA.cjs","../src/components/input-otp/InputOTP.jsx"],"names":["Root","Group","Slot","Separator"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkC;AAClC,qCAA0C;AAKtC,+CAAA;AAFJ,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASA,KAAAA,CAAK,EAAE,SAAA,EAAW,kBAAA,EAAoB,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC5F,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,kBAAA,EAAoB,kCAAA,oDAAG,EAAsD,kBAAkB,CAAA;AAAA,MAC/F,SAAA,EAAW,kCAAA,6BAAG,EAA+B,SAAS,CAAA;AAAA,MACrD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;AAED,IAAM,MAAA,EAAQ,eAAA,CAAM,UAAA,CAAW,SAASC,MAAAA,CAAM,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC1E,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,kCAAA,2BAAG,EAA6B,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAC1F,CAAC,CAAA;AAED,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASC,KAAAA,CAAK,EAAE,KAAA,EAAO,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC/E,EAAA,MAAM,gBAAA,EAAkB,+BAAA,yBAA0B,CAAA;AAClD,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAc,SAAS,EAAA,EAAI,eAAA,CAAgB,KAAA,CAAM,KAAK,EAAA,GAAK,CAAC,CAAA;AAE1E,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,yMAAA;AAAA,QACA,SAAA,GAAY,4DAAA;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA;AAAA,QACA,aAAA,mBACC,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,uEAAA,EACb,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,yCAAA,CAAyC,EAAA,CAC1D;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ,CAAC,CAAA;AAED,IAAM,UAAA,EAAY,eAAA,CAAM,UAAA,CAAW,SAASC,UAAAA,CAAU,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAClF,EAAA,uBACE,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAU,IAAA,EAAK,WAAA,EAAY,SAAA,EAAW,kCAAA,iBAAG,EAAmB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,QAAA,EAAA,SAAA,CAExF,CAAA;AAEJ,CAAC,CAAA;AAEM,IAAM,SAAA,EAAW,EAAE,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,UAAU,CAAA;ADJvD;AACA;AACE;AACF,4BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-B3JAASJA.cjs","sourcesContent":[null,"import React, { useContext } from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst Root = React.forwardRef(function Root({ className, containerClassName, ...props }, ref) {\n  return (\n    <OTPInput\n      ref={ref}\n      containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  );\n});\n\nconst Group = React.forwardRef(function Group({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(\"flex items-center gap-1.5\", className)} {...props} />;\n});\n\nconst Slot = React.forwardRef(function Slot({ index, className, ...props }, ref) {\n  const inputOTPContext = useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] || {};\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"relative flex h-10 w-10 items-center justify-center rounded-md border border-border-default bg-bg-page font-mono text-base text-text-primary transition-[border-color,box-shadow] duration-150 ease-out\",\n        isActive && \"z-10 border-border-focus shadow-[var(--shadow-focus-ring)]\",\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-pulse bg-text-primary\" />\n        </div>\n      )}\n    </div>\n  );\n});\n\nconst Separator = React.forwardRef(function Separator({ className, ...props }, ref) {\n  return (\n    <div ref={ref} role=\"separator\" className={cn(\"text-text-muted\", className)} {...props}>\n      –\n    </div>\n  );\n});\n\nexport const InputOTP = { Root, Group, Slot, Separator };\n"]}