@tlglobal/ui 2.0.0 → 2.0.1

package/dist/chunk-TAAZXDXC.cjs

@@ -0,0 +1,92 @@
+"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/dropdown-menu/DropdownMenu.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 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";
+var Content = _react2.default.forwardRef(function Content2({ className, sideOffset = 4, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.DropdownMenu.Content,
+    {
+      ref,
+      sideOffset,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className),
+      ...props
+    }
+  ) });
+});
+var Item = _react2.default.forwardRef(function Item2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Item, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, inset && "pl-8", className), ...props });
+});
+var CheckboxItem = _react2.default.forwardRef(function CheckboxItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.DropdownMenu.CheckboxItem, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Check, { size: 14, className: "text-accent" }) }),
+    children
+  ] });
+});
+var RadioItem = _react2.default.forwardRef(function RadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.DropdownMenu.RadioItem, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Circle, { size: 8, className: "fill-accent text-accent" }) }),
+    children
+  ] });
+});
+var Label = _react2.default.forwardRef(function Label2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.DropdownMenu.Label,
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "px-2 py-1.5 text-xs font-semibold text-text-muted", inset && "pl-8", className),
+      ...props
+    }
+  );
+});
+var Separator = _react2.default.forwardRef(function Separator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Separator, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "my-1 h-px bg-border-default", className), ...props });
+});
+var Shortcut = _react2.default.forwardRef(function Shortcut2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "ml-auto pl-4 text-xs tracking-widest text-text-muted", className), ...props });
+});
+var SubTrigger = _react2.default.forwardRef(function SubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.DropdownMenu.SubTrigger,
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "data-[state=open]:bg-bg-surface", inset && "pl-8", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronRight, { size: 14, className: "ml-auto text-text-muted" })
+      ]
+    }
+  );
+});
+var SubContent = _react2.default.forwardRef(function SubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.SubContent, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+});
+var DropdownMenu = {
+  Root: _radixui.DropdownMenu.Root,
+  Trigger: _radixui.DropdownMenu.Trigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup: _radixui.DropdownMenu.RadioGroup,
+  RadioItem,
+  Label,
+  Separator,
+  Shortcut,
+  Group: _radixui.DropdownMenu.Group,
+  Sub: _radixui.DropdownMenu.Sub,
+  SubTrigger,
+  SubContent
+};
+
+
+
+exports.DropdownMenu = DropdownMenu;
+//# sourceMappingURL=chunk-TAAZXDXC.cjs.map

package/dist/chunk-TAAZXDXC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-TAAZXDXC.cjs","../src/components/dropdown-menu/DropdownMenu.jsx"],"names":["Content","Item","CheckboxItem","RadioItem","Label","Separator","Shortcut","SubTrigger","SubContent"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-TAAZXDXC.cjs","sourcesContent":[null,"import React from \"react\";\nimport { DropdownMenu as RadixDropdownMenu } 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\nconst Content = React.forwardRef(function Content({ className, sideOffset = 4, ...props }, ref) {\n  return (\n    <RadixDropdownMenu.Portal>\n      <RadixDropdownMenu.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(contentClass, className)}\n        {...props}\n      />\n    </RadixDropdownMenu.Portal>\n  );\n});\n\nconst Item = React.forwardRef(function Item({ className, inset, ...props }, ref) {\n  return <RadixDropdownMenu.Item ref={ref} className={cn(itemClass, inset && \"pl-8\", className)} {...props} />;\n});\n\nconst CheckboxItem = React.forwardRef(function CheckboxItem({ className, children, ...props }, ref) {\n  return (\n    <RadixDropdownMenu.CheckboxItem ref={ref} className={cn(itemClass, \"pl-8\", className)} {...props}>\n      <RadixDropdownMenu.ItemIndicator className=\"absolute left-2.5 inline-flex items-center\">\n        <Check size={14} className=\"text-accent\" />\n      </RadixDropdownMenu.ItemIndicator>\n      {children}\n    </RadixDropdownMenu.CheckboxItem>\n  );\n});\n\nconst RadioItem = React.forwardRef(function RadioItem({ className, children, ...props }, ref) {\n  return (\n    <RadixDropdownMenu.RadioItem ref={ref} className={cn(itemClass, \"pl-8\", className)} {...props}>\n      <RadixDropdownMenu.ItemIndicator className=\"absolute left-2.5 inline-flex items-center\">\n        <Circle size={8} className=\"fill-accent text-accent\" />\n      </RadixDropdownMenu.ItemIndicator>\n      {children}\n    </RadixDropdownMenu.RadioItem>\n  );\n});\n\nconst Label = React.forwardRef(function Label({ className, inset, ...props }, ref) {\n  return (\n    <RadixDropdownMenu.Label\n      ref={ref}\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\nconst Separator = React.forwardRef(function Separator({ className, ...props }, ref) {\n  return <RadixDropdownMenu.Separator ref={ref} className={cn(\"my-1 h-px bg-border-default\", className)} {...props} />;\n});\n\nconst Shortcut = React.forwardRef(function Shortcut({ className, ...props }, ref) {\n  return <span ref={ref} className={cn(\"ml-auto pl-4 text-xs tracking-widest text-text-muted\", className)} {...props} />;\n});\n\nconst SubTrigger = React.forwardRef(function SubTrigger({ className, inset, children, ...props }, ref) {\n  return (\n    <RadixDropdownMenu.SubTrigger\n      ref={ref}\n      className={cn(itemClass, \"data-[state=open]:bg-bg-surface\", inset && \"pl-8\", className)}\n      {...props}\n    >\n      {children}\n      <ChevronRight size={14} className=\"ml-auto text-text-muted\" />\n    </RadixDropdownMenu.SubTrigger>\n  );\n});\n\nconst SubContent = React.forwardRef(function SubContent({ className, ...props }, ref) {\n  return (\n    <RadixDropdownMenu.Portal>\n      <RadixDropdownMenu.SubContent ref={ref} className={cn(contentClass, className)} {...props} />\n    </RadixDropdownMenu.Portal>\n  );\n});\n\nexport const DropdownMenu = {\n  Root: RadixDropdownMenu.Root,\n  Trigger: RadixDropdownMenu.Trigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup: RadixDropdownMenu.RadioGroup,\n  RadioItem,\n  Label,\n  Separator,\n  Shortcut,\n  Group: RadixDropdownMenu.Group,\n  Sub: RadixDropdownMenu.Sub,\n  SubTrigger,\n  SubContent,\n};\n"]}

package/dist/chunk-TS6NCZG4.cjs

@@ -0,0 +1,84 @@
+"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/context-menu/ContextMenu.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 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";
+var Content = _react2.default.forwardRef(function Content2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.Content, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+});
+var Item = _react2.default.forwardRef(function Item2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.Item, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, inset && "pl-8", className), ...props });
+});
+var CheckboxItem = _react2.default.forwardRef(function CheckboxItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.ContextMenu.CheckboxItem, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Check, { size: 14, className: "text-accent" }) }),
+    children
+  ] });
+});
+var RadioItem = _react2.default.forwardRef(function RadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.ContextMenu.RadioItem, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Circle, { size: 8, className: "fill-accent text-accent" }) }),
+    children
+  ] });
+});
+var Label = _react2.default.forwardRef(function Label2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.ContextMenu.Label,
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "px-2 py-1.5 text-xs font-semibold text-text-muted", inset && "pl-8", className),
+      ...props
+    }
+  );
+});
+var Separator = _react2.default.forwardRef(function Separator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.Separator, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "my-1 h-px bg-border-default", className), ...props });
+});
+var Shortcut = _react2.default.forwardRef(function Shortcut2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "ml-auto pl-4 text-xs tracking-widest text-text-muted", className), ...props });
+});
+var SubTrigger = _react2.default.forwardRef(function SubTrigger2({ className, inset, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.ContextMenu.SubTrigger,
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "data-[state=open]:bg-bg-surface", inset && "pl-8", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronRight, { size: 14, className: "ml-auto text-text-muted" })
+      ]
+    }
+  );
+});
+var SubContent = _react2.default.forwardRef(function SubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.SubContent, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+});
+var ContextMenu = {
+  Root: _radixui.ContextMenu.Root,
+  Trigger: _radixui.ContextMenu.Trigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup: _radixui.ContextMenu.RadioGroup,
+  RadioItem,
+  Label,
+  Separator,
+  Shortcut,
+  Group: _radixui.ContextMenu.Group,
+  Sub: _radixui.ContextMenu.Sub,
+  SubTrigger,
+  SubContent
+};
+
+
+
+exports.ContextMenu = ContextMenu;
+//# sourceMappingURL=chunk-TS6NCZG4.cjs.map

package/dist/chunk-TS6NCZG4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-TS6NCZG4.cjs","../src/components/context-menu/ContextMenu.jsx"],"names":["Content","Item","CheckboxItem","RadioItem","Label","Separator","Shortcut","SubTrigger","SubContent"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-TS6NCZG4.cjs","sourcesContent":[null,"import React from \"react\";\nimport { 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\nconst Content = React.forwardRef(function Content({ className, ...props }, ref) {\n  return (\n    <RadixContextMenu.Portal>\n      <RadixContextMenu.Content ref={ref} className={cn(contentClass, className)} {...props} />\n    </RadixContextMenu.Portal>\n  );\n});\n\nconst Item = React.forwardRef(function Item({ className, inset, ...props }, ref) {\n  return <RadixContextMenu.Item ref={ref} className={cn(itemClass, inset && \"pl-8\", className)} {...props} />;\n});\n\nconst CheckboxItem = React.forwardRef(function CheckboxItem({ className, children, ...props }, ref) {\n  return (\n    <RadixContextMenu.CheckboxItem ref={ref} 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\nconst RadioItem = React.forwardRef(function RadioItem({ className, children, ...props }, ref) {\n  return (\n    <RadixContextMenu.RadioItem ref={ref} 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\nconst Label = React.forwardRef(function Label({ className, inset, ...props }, ref) {\n  return (\n    <RadixContextMenu.Label\n      ref={ref}\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\nconst Separator = React.forwardRef(function Separator({ className, ...props }, ref) {\n  return <RadixContextMenu.Separator ref={ref} className={cn(\"my-1 h-px bg-border-default\", className)} {...props} />;\n});\n\nconst Shortcut = React.forwardRef(function Shortcut({ className, ...props }, ref) {\n  return <span ref={ref} className={cn(\"ml-auto pl-4 text-xs tracking-widest text-text-muted\", className)} {...props} />;\n});\n\nconst SubTrigger = React.forwardRef(function SubTrigger({ className, inset, children, ...props }, ref) {\n  return (\n    <RadixContextMenu.SubTrigger\n      ref={ref}\n      className={cn(itemClass, \"data-[state=open]:bg-bg-surface\", inset && \"pl-8\", className)}\n      {...props}\n    >\n      {children}\n      <ChevronRight size={14} className=\"ml-auto text-text-muted\" />\n    </RadixContextMenu.SubTrigger>\n  );\n});\n\nconst SubContent = React.forwardRef(function SubContent({ className, ...props }, ref) {\n  return (\n    <RadixContextMenu.Portal>\n      <RadixContextMenu.SubContent ref={ref} 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"]}

package/dist/{chunk-PNBLW6BD.cjs → chunk-UAQVDWOH.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
 
 
+var _chunkQ2JCE4CKcjs = require('./chunk-Q2JCE4CK.cjs');
+
+
 var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
 
 // src/components/pagination/Pagination.jsx
@@ -18,7 +21,8 @@ var Item = _react2.default.forwardRef(function Item2({ className, active, ...pro
       type: "button",
       "aria-current": active ? "page" : void 0,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
-        "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)]",
+        "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 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        _chunkQ2JCE4CKcjs.disabledClass,
         active && "bg-accent-100 text-accent-700 hover:bg-accent-100 hover:text-accent-700",
         className
       ),
@@ -48,4 +52,4 @@ var Pagination = { Root, Item, Ellipsis, Previous, Next };
 
 
 exports.Pagination = Pagination;
-//# sourceMappingURL=chunk-PNBLW6BD.cjs.map
+//# sourceMappingURL=chunk-UAQVDWOH.cjs.map

package/dist/chunk-UAQVDWOH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-UAQVDWOH.cjs","../src/components/pagination/Pagination.jsx"],"names":["Item","Previous","Next"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;AAClB,wCAA0C;AAKjC,+CAAA;AADT,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,YAAA,EAAW,YAAA,EAAa,SAAA,EAAW,kCAAA,mCAAG,EAAqC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAChH;AAEA,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASA,KAAAA,CAAK,EAAE,SAAA,EAAW,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAChF,EAAA,uBACE,6BAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,cAAA,EAAc,OAAA,EAAS,OAAA,EAAS,KAAA,CAAA;AAAA,MAChC,SAAA,EAAW,kCAAA;AAAA,QACT,0PAAA;AAAA,QACA,+BAAA;AAAA,QACA,OAAA,GAAU,yEAAA;AAAA,QACV;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;AAED,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACzC,EAAA,uBACE,6BAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAW,kCAAA,kEAAG,EAAoE,SAAS,CAAA;AAAA,MAC1F,GAAG,KAAA;AAAA,MACL,QAAA,EAAA;AAAA,IAAA;AAAA,EAED,CAAA;AAEJ;AAEA,IAAM,SAAA,EAAW,eAAA,CAAM,UAAA,CAAW,SAASC,SAAAA,CAAS,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAChF,EAAA,uBACE,6BAAA,IAAC,EAAA,EAAK,GAAA,EAAU,YAAA,EAAW,eAAA,EAAgB,SAAA,EAAW,kCAAA,cAAG,EAAgB,SAAS,CAAA,EAAI,GAAG,KAAA,EACvF,QAAA,kBAAA,6BAAA,kBAAC,EAAA,EAAY,IAAA,EAAM,GAAA,CAAI,EAAA,CACzB,CAAA;AAEJ,CAAC,CAAA;AAED,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASC,KAAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxE,EAAA,uBACE,6BAAA,IAAC,EAAA,EAAK,GAAA,EAAU,YAAA,EAAW,WAAA,EAAY,SAAA,EAAW,kCAAA,cAAG,EAAgB,SAAS,CAAA,EAAI,GAAG,KAAA,EACnF,QAAA,kBAAA,6BAAA,mBAAC,EAAA,EAAa,IAAA,EAAM,GAAA,CAAI,EAAA,CAC1B,CAAA;AAEJ,CAAC,CAAA;AAEM,IAAM,WAAA,EAAa,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,QAAA,EAAU,KAAK,CAAA;ADJjE;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-UAQVDWOH.cjs","sourcesContent":[null,"import React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { disabledClass } from \"../../lib/disabled.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 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        disabledClass,\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"]}

package/dist/{chunk-7KV2ASQZ.js → chunk-UC2Y7ECN.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  disabledClass
+} from "./chunk-LDABSX4U.js";
 import {
   cn
 } from "./chunk-74GQ35MJ.js";
@@ -9,7 +12,7 @@ import React from "react";
 // src/components/button/Button.variants.js
 import { cva } from "class-variance-authority";
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-sans font-semibold transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]",
+  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-sans font-semibold transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.98] ${disabledClass} focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]`,
   {
     variants: {
       variant: {
@@ -51,4 +54,4 @@ var Button = React.forwardRef(function Button2({ variant, size, disabled, iconLe
 export {
   Button
 };
-//# sourceMappingURL=chunk-7KV2ASQZ.js.map
+//# sourceMappingURL=chunk-UC2Y7ECN.js.map

package/dist/chunk-UC2Y7ECN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/Button.jsx","../src/components/button/Button.variants.js"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { buttonVariants } from \"./Button.variants.js\";\n\nexport const Button = React.forwardRef(function Button(\n  { variant, size, disabled, iconLeft, iconRight, children, className, type = \"button\", ...props },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {iconLeft}\n      {children}\n      {iconRight}\n    </button>\n  );\n});\n","import { cva } from \"class-variance-authority\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\nexport const buttonVariants = cva(\n  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-sans font-semibold transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.98] ${disabledClass} focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]`,\n  {\n    variants: {\n      variant: {\n        primary: \"border border-accent bg-accent text-text-inverse hover:bg-accent-hover\",\n        secondary: \"border border-border-strong bg-bg-page text-text-primary hover:bg-bg-surface\",\n        ghost: \"border border-transparent bg-transparent text-text-primary hover:bg-bg-surface\",\n        danger: \"border border-danger-500 bg-danger-500 text-text-inverse hover:bg-danger-700\",\n      },\n      size: {\n        sm: \"h-8 gap-1.5 px-3 text-sm\",\n        md: \"h-[38px] gap-2 px-4 text-base\",\n        lg: \"h-11 gap-2 px-5 text-md\",\n      },\n    },\n    defaultVariants: { variant: \"primary\", size: \"md\" },\n  },\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;;;ACAlB,SAAS,WAAW;AAGb,IAAM,iBAAiB;AAAA,EAC5B,qMAAqM,aAAa;AAAA,EAClN;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,WAAW,MAAM,KAAK;AAAA,EACpD;AACF;;;ADZI;AALG,IAAM,SAAS,MAAM,WAAW,SAASA,QAC9C,EAAE,SAAS,MAAM,UAAU,UAAU,WAAW,UAAU,WAAW,OAAO,UAAU,GAAG,MAAM,GAC/F,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzD,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["Button"]}

package/dist/{chunk-NROYDPOG.js → chunk-UCL2G3AW.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  disabledClass
+} from "./chunk-LDABSX4U.js";
 import {
   cn
 } from "./chunk-74GQ35MJ.js";
@@ -26,7 +29,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
         weekday: "w-9 text-xs font-medium text-text-muted",
         week: "mt-1 flex w-full",
         day: "p-0 text-center text-sm",
-        day_button: "rdp-day-btn flex h-9 w-9 items-center justify-center rounded-md text-text-primary transition-colors hover:bg-bg-surface disabled:pointer-events-none disabled:opacity-50",
+        day_button: `rdp-day-btn flex h-9 w-9 items-center justify-center rounded-md text-text-primary transition-colors hover:bg-bg-surface ${disabledClass}`,
         today: "[&>.rdp-day-btn]:font-semibold [&>.rdp-day-btn]:text-accent",
         selected: "[&>.rdp-day-btn]:bg-accent [&>.rdp-day-btn]:text-text-inverse [&>.rdp-day-btn]:hover:bg-accent-hover",
         outside: "[&>.rdp-day-btn]:text-text-muted [&>.rdp-day-btn]:opacity-60",
@@ -45,4 +48,4 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 export {
   Calendar
 };
-//# sourceMappingURL=chunk-NROYDPOG.js.map
+//# sourceMappingURL=chunk-UCL2G3AW.js.map

package/dist/chunk-UCL2G3AW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar/Calendar.jsx"],"sourcesContent":["import { DayPicker } from \"react-day-picker\";\nimport { ChevronLeft, ChevronRight } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\n// react-day-picker v10 applies day-state modifiers (selected/today/outside/disabled) as extra\n// CSS classes on the day CELL, not on the button inside it — \"rdp-day-btn\" is a stable marker\n// class (not a Tailwind-generated one) so those modifier classNames can reach the button via a\n// plain child-combinator selector, since the utility classes on day_button itself aren't a\n// reliable selector target.\nexport function Calendar({ className, classNames, showOutsideDays = true, ...props }) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3 font-sans\", className)}\n      classNames={{\n        months: \"flex flex-col gap-4\",\n        month: \"flex flex-col gap-3\",\n        month_caption: \"relative flex items-center justify-center pt-1\",\n        caption_label: \"text-sm font-semibold text-text-primary\",\n        nav: \"absolute inset-x-0 top-1 flex items-center justify-between\",\n        button_previous:\n          \"inline-flex h-7 w-7 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-30\",\n        button_next:\n          \"inline-flex h-7 w-7 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-30\",\n        month_grid: \"w-full border-collapse\",\n        weekdays: \"flex\",\n        weekday: \"w-9 text-xs font-medium text-text-muted\",\n        week: \"mt-1 flex w-full\",\n        day: \"p-0 text-center text-sm\",\n        day_button: `rdp-day-btn flex h-9 w-9 items-center justify-center rounded-md text-text-primary transition-colors hover:bg-bg-surface ${disabledClass}`,\n        today: \"[&>.rdp-day-btn]:font-semibold [&>.rdp-day-btn]:text-accent\",\n        selected:\n          \"[&>.rdp-day-btn]:bg-accent [&>.rdp-day-btn]:text-text-inverse [&>.rdp-day-btn]:hover:bg-accent-hover\",\n        outside: \"[&>.rdp-day-btn]:text-text-muted [&>.rdp-day-btn]:opacity-60\",\n        disabled: \"[&>.rdp-day-btn]:pointer-events-none [&>.rdp-day-btn]:opacity-40\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation, size, className: chevronClassName }) =>\n          orientation === \"left\" ? (\n            <ChevronLeft size={size ?? 16} className={chevronClassName} />\n          ) : (\n            <ChevronRight size={size ?? 16} className={chevronClassName} />\n          ),\n      }}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,iBAAiB;AAC1B,SAAS,aAAa,oBAAoB;AAyC9B;AAhCL,SAAS,SAAS,EAAE,WAAW,YAAY,kBAAkB,MAAM,GAAG,MAAM,GAAG;AACpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,eAAe;AAAA,QACf,eAAe;AAAA,QACf,KAAK;AAAA,QACL,iBACE;AAAA,QACF,aACE;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,YAAY,2HAA2H,aAAa;AAAA,QACpJ,OAAO;AAAA,QACP,UACE;AAAA,QACF,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,EAAE,aAAa,MAAM,WAAW,iBAAiB,MACzD,gBAAgB,SACd,oBAAC,eAAY,MAAM,QAAQ,IAAI,WAAW,kBAAkB,IAE5D,oBAAC,gBAAa,MAAM,QAAQ,IAAI,WAAW,kBAAkB;AAAA,MAEnE;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/{chunk-JSVWJPQG.js → chunk-UDYPJDYS.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  disabledClass
+} from "./chunk-LDABSX4U.js";
 import {
   cn
 } from "./chunk-74GQ35MJ.js";
@@ -22,7 +25,7 @@ var Slider = React.forwardRef(function Slider2({ className, defaultValue, value,
         values.map((_, index) => /* @__PURE__ */ jsx(
           RadixSlider.Thumb,
           {
-            className: "block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] disabled:pointer-events-none disabled:opacity-50"
+            className: `block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] ${disabledClass}`
           },
           index
         ))
@@ -34,4 +37,4 @@ var Slider = React.forwardRef(function Slider2({ className, defaultValue, value,
 export {
   Slider
 };
-//# sourceMappingURL=chunk-JSVWJPQG.js.map
+//# sourceMappingURL=chunk-UDYPJDYS.js.map

package/dist/chunk-UDYPJDYS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/slider/Slider.jsx"],"sourcesContent":["import React from \"react\";\nimport { Slider as RadixSlider } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\nexport const Slider = React.forwardRef(function Slider({ className, defaultValue, value, ...props }, ref) {\n  const values = value ?? defaultValue ?? [0];\n  return (\n    <RadixSlider.Root\n      ref={ref}\n      value={value}\n      defaultValue={defaultValue}\n      className={cn(\"relative flex w-full touch-none select-none items-center\", className)}\n      {...props}\n    >\n      <RadixSlider.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-surface\">\n        <RadixSlider.Range className=\"absolute h-full rounded-full bg-accent\" />\n      </RadixSlider.Track>\n      {values.map((_, index) => (\n        <RadixSlider.Thumb\n          key={index}\n          className={`block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] ${disabledClass}`}\n        />\n      ))}\n    </RadixSlider.Root>\n  );\n});\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,UAAU,mBAAmB;AAOlC,SAQI,KARJ;AAHG,IAAM,SAAS,MAAM,WAAW,SAASA,QAAO,EAAE,WAAW,cAAc,OAAO,GAAG,MAAM,GAAG,KAAK;AACxG,QAAM,SAAS,SAAS,gBAAgB,CAAC,CAAC;AAC1C,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,4DAA4D,SAAS;AAAA,MAClF,GAAG;AAAA,MAEJ;AAAA,4BAAC,YAAY,OAAZ,EAAkB,WAAU,yEAC3B,8BAAC,YAAY,OAAZ,EAAkB,WAAU,0CAAyC,GACxE;AAAA,QACC,OAAO,IAAI,CAAC,GAAG,UACd;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YAEC,WAAW,qKAAqK,aAAa;AAAA;AAAA,UADxL;AAAA,QAEP,CACD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["Slider"]}

package/dist/{chunk-HAMZFEZO.cjs → chunk-UMGGVQCD.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
 
 
+var _chunkQ2JCE4CKcjs = require('./chunk-Q2JCE4CK.cjs');
+
+
 var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
 
 // src/components/button/Button.jsx
@@ -9,7 +12,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 // src/components/button/Button.variants.js
 var _classvarianceauthority = require('class-variance-authority');
 var buttonVariants = _classvarianceauthority.cva.call(void 0, 
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-sans font-semibold transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.98] disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]",
+  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-sans font-semibold transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.98] ${_chunkQ2JCE4CKcjs.disabledClass} focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]`,
   {
     variants: {
       variant: {
@@ -51,4 +54,4 @@ var Button = _react2.default.forwardRef(function Button2({ variant, size, disabl
 
 
 exports.Button = Button;
-//# sourceMappingURL=chunk-HAMZFEZO.cjs.map
+//# sourceMappingURL=chunk-UMGGVQCD.cjs.map

package/dist/chunk-UMGGVQCD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-UMGGVQCD.cjs","../src/components/button/Button.jsx","../src/components/button/Button.variants.js"],"names":["Button"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;ADUlB;AACA;AEXA,kEAAoB;AAGb,IAAM,eAAA,EAAiB,yCAAA;AAAA,EAC5B,CAAA,kMAAA,EAAqM,+BAAa,CAAA,6GAAA,CAAA;AAAA,EAClN;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wEAAA;AAAA,QACT,SAAA,EAAW,8EAAA;AAAA,QACX,KAAA,EAAO,gFAAA;AAAA,QACP,MAAA,EAAQ;AAAA,MACV,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,OAAA,EAAS,SAAA,EAAW,IAAA,EAAM,KAAK;AAAA,EACpD;AACF,CAAA;AFWA;AACA;ACxBI,+CAAA;AALG,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASA,OAAAA,CAC9C,EAAE,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,GAAG,MAAM,CAAA,EAC/F,GAAA,EACA;AACA,EAAA,uBACE,8BAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACzD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAC,CAAA;AD+BD;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-UMGGVQCD.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { buttonVariants } from \"./Button.variants.js\";\n\nexport const Button = React.forwardRef(function Button(\n  { variant, size, disabled, iconLeft, iconRight, children, className, type = \"button\", ...props },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {iconLeft}\n      {children}\n      {iconRight}\n    </button>\n  );\n});\n","import { cva } from \"class-variance-authority\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\nexport const buttonVariants = cva(\n  `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-sans font-semibold transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.98] ${disabledClass} focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]`,\n  {\n    variants: {\n      variant: {\n        primary: \"border border-accent bg-accent text-text-inverse hover:bg-accent-hover\",\n        secondary: \"border border-border-strong bg-bg-page text-text-primary hover:bg-bg-surface\",\n        ghost: \"border border-transparent bg-transparent text-text-primary hover:bg-bg-surface\",\n        danger: \"border border-danger-500 bg-danger-500 text-text-inverse hover:bg-danger-700\",\n      },\n      size: {\n        sm: \"h-8 gap-1.5 px-3 text-sm\",\n        md: \"h-[38px] gap-2 px-4 text-base\",\n        lg: \"h-11 gap-2 px-5 text-md\",\n      },\n    },\n    defaultVariants: { variant: \"primary\", size: \"md\" },\n  },\n);\n"]}

package/dist/{chunk-FSFKN344.js → chunk-VZSNQ6KY.js}

@@ -10,23 +10,26 @@ import {
 } from "./chunk-74GQ35MJ.js";
 
 // src/components/attachment/Attachment.jsx
+import React from "react";
 import { X } from "@tlglobal/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
-function List({ className, ...props }) {
+var List = React.forwardRef(function List2({ className, ...props }, ref) {
   const direction = useDirection();
   return /* @__PURE__ */ jsx(
     "ul",
     {
+      ref,
       "data-slot": "attachment-list",
       className: cn("flex flex-wrap gap-2", direction === "outgoing" && "justify-end", className),
       ...props
     }
   );
-}
-function Root({ uploading = false, className, children, ...props }) {
+});
+var Root = React.forwardRef(function Root2({ uploading = false, className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     "li",
     {
+      ref,
       "data-slot": "attachment",
       "data-uploading": uploading || void 0,
       className: cn(
@@ -42,11 +45,12 @@ function Root({ uploading = false, className, children, ...props }) {
       ]
     }
   );
-}
-function Preview({ src, alt = "", className, ...props }) {
+});
+var Preview = React.forwardRef(function Preview2({ src, alt = "", className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "img",
     {
+      ref,
       src,
       alt,
       "data-slot": "attachment-preview",
@@ -54,11 +58,12 @@ function Preview({ src, alt = "", className, ...props }) {
       ...props
     }
   );
-}
-function Icon({ className, ...props }) {
+});
+var Icon = React.forwardRef(function Icon2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "span",
     {
+      ref,
       "data-slot": "attachment-icon",
       className: cn(
         "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-surface text-text-secondary",
@@ -68,27 +73,29 @@ function Icon({ className, ...props }) {
       ...props
     }
   );
-}
-function Info({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "attachment-info", className: cn("flex min-w-0 flex-col", className), ...props });
-}
-function Name({ className, ...props }) {
+});
+var Info = React.forwardRef(function Info2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "attachment-info", className: cn("flex min-w-0 flex-col", className), ...props });
+});
+var Name = React.forwardRef(function Name2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "span",
     {
+      ref,
       "data-slot": "attachment-name",
       className: cn("truncate text-xs font-medium text-text-primary", className),
       ...props
     }
   );
-}
-function Meta({ className, ...props }) {
-  return /* @__PURE__ */ jsx("span", { "data-slot": "attachment-meta", className: cn("text-xs text-text-muted", className), ...props });
-}
-function Remove({ className, "aria-label": ariaLabel = "Remove attachment", ...props }) {
+});
+var Meta = React.forwardRef(function Meta2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("span", { ref, "data-slot": "attachment-meta", className: cn("text-xs text-text-muted", className), ...props });
+});
+var Remove = React.forwardRef(function Remove2({ className, "aria-label": ariaLabel = "Remove attachment", ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "button",
     {
+      ref,
       type: "button",
       "aria-label": ariaLabel,
       "data-slot": "attachment-remove",
@@ -103,10 +110,10 @@ function Remove({ className, "aria-label": ariaLabel = "Remove attachment", ...p
       children: /* @__PURE__ */ jsx(X, { size: 12 })
     }
   );
-}
+});
 var Attachment = { Root, List, Preview, Icon, Info, Name, Meta, Remove };
 
 export {
   Attachment
 };
-//# sourceMappingURL=chunk-FSFKN344.js.map
+//# sourceMappingURL=chunk-VZSNQ6KY.js.map

package/dist/chunk-VZSNQ6KY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/attachment/Attachment.jsx"],"sourcesContent":["import React from \"react\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Spinner } from \"../spinner/Spinner.jsx\";\nimport { useDirection } from \"../direction/Direction.jsx\";\n\nconst List = React.forwardRef(function List({ className, ...props }, ref) {\n  const direction = useDirection();\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"attachment-list\"\n      className={cn(\"flex flex-wrap gap-2\", direction === \"outgoing\" && \"justify-end\", className)}\n      {...props}\n    />\n  );\n});\n\n/*\n * Rendered as an <li> because attachments almost always arrive as a set — Attachment.List is a\n * <ul>, and a screen reader announcing \"list, 3 items\" is the single most useful thing here.\n * Standalone use outside a List is rare enough to be worth the trade.\n */\nconst Root = React.forwardRef(function Root({ uploading = false, className, children, ...props }, ref) {\n  return (\n    <li\n      ref={ref}\n      data-slot=\"attachment\"\n      data-uploading={uploading || undefined}\n      className={cn(\n        \"group/attachment relative flex max-w-[16rem] items-center gap-2 rounded-lg border border-border-default\",\n        \"bg-bg-page px-2.5 py-2 font-sans transition-colors hover:bg-bg-surface\",\n        uploading && \"opacity-70\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {uploading && <Spinner size={14} className=\"shrink-0\" />}\n    </li>\n  );\n});\n\nconst Preview = React.forwardRef(function Preview({ src, alt = \"\", className, ...props }, ref) {\n  return (\n    <img\n      ref={ref}\n      src={src}\n      alt={alt}\n      data-slot=\"attachment-preview\"\n      className={cn(\"h-9 w-9 shrink-0 rounded-md object-cover\", className)}\n      {...props}\n    />\n  );\n});\n\nconst Icon = React.forwardRef(function Icon({ className, ...props }, ref) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"attachment-icon\"\n      className={cn(\n        \"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-surface text-text-secondary\",\n        \"[&>svg]:h-4 [&>svg]:w-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst Info = React.forwardRef(function Info({ className, ...props }, ref) {\n  return <div ref={ref} data-slot=\"attachment-info\" className={cn(\"flex min-w-0 flex-col\", className)} {...props} />;\n});\n\nconst Name = React.forwardRef(function Name({ className, ...props }, ref) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"attachment-name\"\n      className={cn(\"truncate text-xs font-medium text-text-primary\", className)}\n      {...props}\n    />\n  );\n});\n\nconst Meta = React.forwardRef(function Meta({ className, ...props }, ref) {\n  return <span ref={ref} data-slot=\"attachment-meta\" className={cn(\"text-xs text-text-muted\", className)} {...props} />;\n});\n\n/*\n * Always in the DOM and always focusable — only its opacity changes on hover. Hiding it with\n * `hidden` or conditional rendering would make removal keyboard-unreachable, which is the usual way\n * this pattern goes wrong.\n */\nconst Remove = React.forwardRef(function Remove({ className, \"aria-label\": ariaLabel = \"Remove attachment\", ...props }, ref) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-slot=\"attachment-remove\"\n      className={cn(\n        \"ml-auto flex h-5 w-5 shrink-0 items-center justify-center rounded-md text-text-muted\",\n        \"opacity-0 transition-opacity hover:bg-bg-surface-hover hover:text-text-primary\",\n        \"focus-visible:opacity-100 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        \"group-hover/attachment:opacity-100\",\n        className,\n      )}\n      {...props}\n    >\n      <X size={12} />\n    </button>\n  );\n});\n\nexport const Attachment = { Root, List, Preview, Icon, Info, Name, Meta, Remove };\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,SAAS;AAQd,cAgBA,YAhBA;AAHJ,IAAM,OAAO,MAAM,WAAW,SAASA,MAAK,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,QAAM,YAAY,aAAa;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,cAAc,cAAc,eAAe,SAAS;AAAA,MACzF,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAOD,IAAM,OAAO,MAAM,WAAW,SAASC,MAAK,EAAE,YAAY,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,kBAAgB,aAAa;AAAA,MAC7B,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,aAAa,oBAAC,WAAQ,MAAM,IAAI,WAAU,YAAW;AAAA;AAAA;AAAA,EACxD;AAEJ,CAAC;AAED,IAAM,UAAU,MAAM,WAAW,SAASC,SAAQ,EAAE,KAAK,MAAM,IAAI,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,OAAO,MAAM,WAAW,SAASC,MAAK,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,OAAO,MAAM,WAAW,SAASC,MAAK,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,SAAO,oBAAC,SAAI,KAAU,aAAU,mBAAkB,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAClH,CAAC;AAED,IAAM,OAAO,MAAM,WAAW,SAASC,MAAK,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,kDAAkD,SAAS;AAAA,MACxE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,OAAO,MAAM,WAAW,SAASC,MAAK,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,SAAO,oBAAC,UAAK,KAAU,aAAU,mBAAkB,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OAAO;AACrH,CAAC;AAOD,IAAM,SAAS,MAAM,WAAW,SAASC,QAAO,EAAE,WAAW,cAAc,YAAY,qBAAqB,GAAG,MAAM,GAAG,KAAK;AAC3H,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,EACf;AAEJ,CAAC;AAEM,IAAM,aAAa,EAAE,MAAM,MAAM,SAAS,MAAM,MAAM,MAAM,MAAM,OAAO;","names":["List","Root","Preview","Icon","Info","Name","Meta","Remove"]}

package/dist/{chunk-G362MHBO.cjs → chunk-W2IIKFUQ.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
 
 
+var _chunkQ2JCE4CKcjs = require('./chunk-Q2JCE4CK.cjs');
+
+
 var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
 
 // src/components/slider/Slider.jsx
@@ -22,7 +25,7 @@ var Slider = _react2.default.forwardRef(function Slider2({ className, defaultVal
         values.map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _radixui.Slider.Thumb,
           {
-            className: "block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] disabled:pointer-events-none disabled:opacity-50"
+            className: `block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] ${_chunkQ2JCE4CKcjs.disabledClass}`
           },
           index
         ))
@@ -34,4 +37,4 @@ var Slider = _react2.default.forwardRef(function Slider2({ className, defaultVal
 
 
 exports.Slider = Slider;
-//# sourceMappingURL=chunk-G362MHBO.cjs.map
+//# sourceMappingURL=chunk-W2IIKFUQ.cjs.map

package/dist/chunk-W2IIKFUQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-W2IIKFUQ.cjs","../src/components/slider/Slider.jsx"],"names":["Slider"],"mappings":"AAAA,yRAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;AAClB,mCAAsC;AAOlC,+CAAA;AAHG,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASA,OAAAA,CAAO,EAAE,SAAA,EAAW,YAAA,EAAc,KAAA,EAAO,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxG,EAAA,MAAM,OAAA,oCAAS,KAAA,UAAS,cAAA,UAAgB,CAAC,CAAC,GAAA;AAC1C,EAAA,uBACE,8BAAA;AAAA,IAAC,eAAA,CAAY,IAAA;AAAA,IAAZ;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA,EAAW,kCAAA,0DAAG,EAA4D,SAAS,CAAA;AAAA,MAClF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,6BAAA,eAAC,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAU,uEAAA,EAC3B,QAAA,kBAAA,6BAAA,eAAC,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAU,yCAAA,CAAyC,EAAA,CACxE,CAAA;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,EAAA,mBACd,6BAAA;AAAA,UAAC,eAAA,CAAY,KAAA;AAAA,UAAZ;AAAA,YAEC,SAAA,EAAW,CAAA,kKAAA,EAAqK,+BAAa,CAAA;AAAA,UAAA;AAAA,UAAA;AADxL,QAAA;AAGR,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;ADSA;AACA;AACA;AACA","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-W2IIKFUQ.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Slider as RadixSlider } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\nexport const Slider = React.forwardRef(function Slider({ className, defaultValue, value, ...props }, ref) {\n  const values = value ?? defaultValue ?? [0];\n  return (\n    <RadixSlider.Root\n      ref={ref}\n      value={value}\n      defaultValue={defaultValue}\n      className={cn(\"relative flex w-full touch-none select-none items-center\", className)}\n      {...props}\n    >\n      <RadixSlider.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-surface\">\n        <RadixSlider.Range className=\"absolute h-full rounded-full bg-accent\" />\n      </RadixSlider.Track>\n      {values.map((_, index) => (\n        <RadixSlider.Thumb\n          key={index}\n          className={`block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] ${disabledClass}`}\n        />\n      ))}\n    </RadixSlider.Root>\n  );\n});\n"]}

package/dist/{chunk-C35O5Z4E.js → chunk-WDQGXT4B.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-74GQ35MJ.js";
 
 // src/components/chart/Chart.jsx
-import { createContext, useContext, useId } from "react";
+import React, { createContext, useContext, useId } from "react";
 import * as RechartsPrimitive from "recharts";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ChartContext = createContext(null);
@@ -13,13 +13,14 @@ function useChart() {
   if (!context) throw new Error("Chart.Tooltip/LegendContent must be used within Chart.Container");
   return context;
 }
-function Container({ config, className, children, initialDimension, ...props }) {
+var Container = React.forwardRef(function Container2({ config, className, children, initialDimension, ...props }, ref) {
   const uniqueId = useId();
   const chartId = `chart-${uniqueId.replace(/:/g, "")}`;
   const entries = Object.entries(config).filter(([, value]) => value.color);
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
     {
+      ref,
       "data-chart": chartId,
       className: cn(
         "aspect-video w-full font-sans text-xs [&_.recharts-cartesian-axis-tick_text]:fill-text-muted [&_.recharts-cartesian-grid_line]:stroke-border-default [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border-strong [&_.recharts-dot]:stroke-transparent",
@@ -41,13 +42,14 @@ ${entries.map(([key, value]) => `  --color-${key}: ${value.color};`).join("\n")}
       ]
     }
   ) });
-}
-function TooltipContent({ active, payload, label, className, ...props }) {
+});
+var TooltipContent = React.forwardRef(function TooltipContent2({ active, payload, label, className, ...props }, ref) {
   const { config } = useChart();
   if (!active || !(payload == null ? void 0 : payload.length)) return null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref,
       className: cn("min-w-[10rem] rounded-md border border-border-default bg-bg-page p-2.5 shadow-md", className),
       ...props,
       children: [
@@ -66,11 +68,11 @@ function TooltipContent({ active, payload, label, className, ...props }) {
       ]
     }
   );
-}
-function LegendContent({ payload, className, ...props }) {
+});
+var LegendContent = React.forwardRef(function LegendContent2({ payload, className, ...props }, ref) {
   const { config } = useChart();
   if (!(payload == null ? void 0 : payload.length)) return null;
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-4 pt-3", className), ...props, children: payload.map((item) => {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-wrap items-center justify-center gap-4 pt-3", className), ...props, children: payload.map((item) => {
     const key = item.dataKey || item.value;
     const itemConfig = config[key];
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-text-secondary", children: [
@@ -78,7 +80,7 @@ function LegendContent({ payload, className, ...props }) {
       (itemConfig == null ? void 0 : itemConfig.label) || item.value
     ] }, key);
   }) });
-}
+});
 var Chart = {
   Container,
   Tooltip: RechartsPrimitive.Tooltip,
@@ -90,4 +92,4 @@ var Chart = {
 export {
   Chart
 };
-//# sourceMappingURL=chunk-C35O5Z4E.js.map
+//# sourceMappingURL=chunk-WDQGXT4B.js.map