@tlglobal/ui 2.0.0 → 2.0.1

package/dist/chunk-AEQRMYFY.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\";\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"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,aAAa,oBAAoB;AAKjC;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;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-SKQHJJ6L.js → chunk-AHTKZYY6.js}

@@ -4,14 +4,16 @@ import {
 } from "./chunk-74GQ35MJ.js";
 
 // src/components/tooltip/Tooltip.jsx
+import React from "react";
 import { Tooltip as RadixTooltip } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-function Tooltip({ label, children, side = "top", className, ...props }) {
+var Tooltip = React.forwardRef(function Tooltip2({ label, children, side = "top", className, ...props }, ref) {
   return /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(RadixTooltip.Root, { children: [
     /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, children }),
     /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs(
       RadixTooltip.Content,
       {
+        ref,
         side,
         sideOffset: 6,
         className: cn(
@@ -26,9 +28,9 @@ function Tooltip({ label, children, side = "top", className, ...props }) {
       }
     ) })
   ] }) });
-}
+});
 
 export {
   Tooltip
 };
-//# sourceMappingURL=chunk-SKQHJJ6L.js.map
+//# sourceMappingURL=chunk-AHTKZYY6.js.map

package/dist/chunk-AHTKZYY6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/Tooltip.jsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip as RadixTooltip } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Tooltip = React.forwardRef(function Tooltip(\n  { label, children, side = \"top\", className, ...props },\n  ref,\n) {\n  return (\n    <RadixTooltip.Provider delayDuration={200}>\n      <RadixTooltip.Root>\n        <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            ref={ref}\n            side={side}\n            sideOffset={6}\n            className={cn(\n              \"z-50 rounded-sm bg-neutral-900 px-[9px] py-[5px] font-sans text-xs font-medium text-text-inverse shadow-sm\",\n              className,\n            )}\n            {...props}\n          >\n            {label}\n            <RadixTooltip.Arrow className=\"fill-neutral-900\" />\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,WAAW,oBAAoB;AAUhC,cAEE,YAFF;AAPD,IAAM,UAAU,MAAM,WAAW,SAASA,SAC/C,EAAE,OAAO,UAAU,OAAO,OAAO,WAAW,GAAG,MAAM,GACrD,KACA;AACA,SACE,oBAAC,aAAa,UAAb,EAAsB,eAAe,KACpC,+BAAC,aAAa,MAAb,EACC;AAAA,wBAAC,aAAa,SAAb,EAAqB,SAAO,MAAE,UAAS;AAAA,IACxC,oBAAC,aAAa,QAAb,EACC;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACD,oBAAC,aAAa,OAAb,EAAmB,WAAU,oBAAmB;AAAA;AAAA;AAAA,IACnD,GACF;AAAA,KACF,GACF;AAEJ,CAAC;","names":["Tooltip"]}

package/dist/{chunk-BG3HP3NJ.cjs → chunk-ASR6S6DB.cjs}

@@ -1,15 +1,17 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+"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/popover/Popover.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _radixui = require('radix-ui');
 var _jsxruntime = require('react/jsx-runtime');
-function Content({ className, align = "center", sideOffset = 8, ...props }) {
+var Content = _react2.default.forwardRef(function Content2({ className, align = "center", sideOffset = 8, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _radixui.Popover.Content,
     {
+      ref,
       align,
       sideOffset,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
@@ -19,7 +21,7 @@ function Content({ className, align = "center", sideOffset = 8, ...props }) {
       ...props
     }
   ) });
-}
+});
 var Popover = {
   Root: _radixui.Popover.Root,
   Trigger: _radixui.Popover.Trigger,
@@ -31,4 +33,4 @@ var Popover = {
 
 
 exports.Popover = Popover;
-//# sourceMappingURL=chunk-BG3HP3NJ.cjs.map
+//# sourceMappingURL=chunk-ASR6S6DB.cjs.map

package/dist/chunk-ASR6S6DB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ASR6S6DB.cjs","../src/components/popover/Popover.jsx"],"names":["Content"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAAwC;AAMlC,+CAAA;AAHN,IAAM,QAAA,EAAU,eAAA,CAAM,UAAA,CAAW,SAASA,QAAAA,CAAQ,EAAE,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,CAAA,EAAG,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAChH,EAAA,uBACE,6BAAA,gBAAC,CAAa,MAAA,EAAb,EACC,QAAA,kBAAA,6BAAA;AAAA,IAAC,gBAAA,CAAa,OAAA;AAAA,IAAb;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,yFAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;AAEM,IAAM,QAAA,EAAU;AAAA,EACrB,IAAA,EAAM,gBAAA,CAAa,IAAA;AAAA,EACnB,OAAA,EAAS,gBAAA,CAAa,OAAA;AAAA,EACtB,MAAA,EAAQ,gBAAA,CAAa,MAAA;AAAA,EACrB,OAAA;AAAA,EACA,KAAA,EAAO,gBAAA,CAAa;AACtB,CAAA;ADIA;AACA;AACE;AACF,0BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ASR6S6DB.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst Content = React.forwardRef(function Content({ className, align = \"center\", sideOffset = 8, ...props }, ref) {\n  return (\n    <RadixPopover.Portal>\n      <RadixPopover.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-72 rounded-lg border border-border-default bg-bg-page p-4 shadow-md outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </RadixPopover.Portal>\n  );\n});\n\nexport const Popover = {\n  Root: RadixPopover.Root,\n  Trigger: RadixPopover.Trigger,\n  Anchor: RadixPopover.Anchor,\n  Content,\n  Close: RadixPopover.Close,\n};\n"]}

package/dist/{chunk-5TOJI2VT.cjs → chunk-BUXNYXY3.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/icon-button/IconButton.jsx
@@ -9,7 +12,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 // src/components/icon-button/IconButton.variants.js
 var _classvarianceauthority = require('class-variance-authority');
 var iconButtonVariants = _classvarianceauthority.cva.call(void 0, 
-  "inline-flex items-center justify-center rounded-md transition-[background-color,border-color] duration-150 ease-out 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 rounded-md transition-[background-color,border-color] duration-150 ease-out ${_chunkQ2JCE4CKcjs.disabledClass} focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]`,
   {
     variants: {
       variant: {
@@ -47,4 +50,4 @@ var IconButton = _react2.default.forwardRef(function IconButton2({ variant, size
 
 
 exports.IconButton = IconButton;
-//# sourceMappingURL=chunk-5TOJI2VT.cjs.map
+//# sourceMappingURL=chunk-BUXNYXY3.cjs.map

package/dist/chunk-BUXNYXY3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BUXNYXY3.cjs","../src/components/icon-button/IconButton.jsx","../src/components/icon-button/IconButton.variants.js"],"names":["IconButton"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;ADUlB;AACA;AEXA,kEAAoB;AAGb,IAAM,mBAAA,EAAqB,yCAAA;AAAA,EAChC,CAAA,oHAAA,EAAuH,+BAAa,CAAA,6GAAA,CAAA;AAAA,EACpI;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wEAAA;AAAA,QACT,SAAA,EAAW,8EAAA;AAAA,QACX,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,OAAA,EAAS,OAAA,EAAS,IAAA,EAAM,KAAK;AAAA,EAClD;AACF,CAAA;AFWA;AACA;ACvBI,+CAAA;AALG,IAAM,WAAA,EAAa,eAAA,CAAM,UAAA,CAAW,SAASA,WAAAA,CAClD,EAAE,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,YAAA,EAAc,SAAA,EAAW,GAAG,MAAM,CAAA,EAC/F,GAAA,EACA;AACA,EAAA,uBACE,6BAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,kCAAA,kBAAG,CAAmB,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MAC7D,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAC,CAAA;AD4BD;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BUXNYXY3.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { iconButtonVariants } from \"./IconButton.variants.js\";\n\nexport const IconButton = React.forwardRef(function IconButton(\n  { variant, size, disabled, icon, className, type = \"button\", \"aria-label\": ariaLabel, ...props },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      className={cn(iconButtonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {icon}\n    </button>\n  );\n});\n","import { cva } from \"class-variance-authority\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\nexport const iconButtonVariants = cva(\n  `inline-flex items-center justify-center rounded-md transition-[background-color,border-color] duration-150 ease-out ${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-secondary hover:bg-bg-surface\",\n      },\n      size: {\n        sm: \"h-7 w-7\",\n        md: \"h-8.5 w-8.5\",\n        lg: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: { variant: \"ghost\", size: \"md\" },\n  },\n);\n"]}

package/dist/{chunk-ATQSUWAB.cjs → chunk-C4F5WANA.cjs}

@@ -1,18 +1,20 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+"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/dialog/Dialog.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');
-function Content({ className, children, ...props }) {
+var Content = _react2.default.forwardRef(function Content2({ className, children, ...props }, ref) {
   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,
       {
+        ref,
         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
@@ -32,22 +34,23 @@ function Content({ className, children, ...props }) {
       }
     )
   ] });
-}
-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 }) {
+});
+var Title = _react2.default.forwardRef(function Title2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Title, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-lg font-bold text-text-primary", className), ...props });
+});
+var Description = _react2.default.forwardRef(function Description2({ className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _radixui.Dialog.Description,
     {
+      ref,
       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 Footer = _react2.default.forwardRef(function Footer2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, 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,
@@ -61,4 +64,4 @@ var Dialog = {
 
 
 exports.Dialog = Dialog;
-//# sourceMappingURL=chunk-ATQSUWAB.cjs.map
+//# sourceMappingURL=chunk-C4F5WANA.cjs.map

package/dist/chunk-C4F5WANA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-C4F5WANA.cjs","../src/components/dialog/Dialog.jsx"],"names":["Content","Title","Description","Footer"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAAsC;AACtC,wCAAkB;AAMZ,+CAAA;AAHN,IAAM,QAAA,EAAU,eAAA,CAAM,UAAA,CAAW,SAASA,QAAAA,CAAQ,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxF,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,GAAA;AAAA,QACA,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,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,eAAC,CAAY,KAAA,EAAZ,EAAkB,GAAA,EAAU,SAAA,EAAW,kCAAA,qCAAG,EAAuC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAClH,CAAC,CAAA;AAED,IAAM,YAAA,EAAc,eAAA,CAAM,UAAA,CAAW,SAASC,YAAAA,CAAY,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACtF,EAAA,uBACE,6BAAA;AAAA,IAAC,eAAA,CAAY,WAAA;AAAA,IAAZ;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA,oDAAG,EAAsD,SAAS,CAAA;AAAA,MAC5E,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;AAED,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASC,OAAAA,CAAO,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC5E,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,kCAAA,+BAAG,EAAiC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAC9F,CAAC,CAAA;AAEM,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-C4F5WANA.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Dialog as RadixDialog } from \"radix-ui\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst Content = React.forwardRef(function Content({ className, children, ...props }, ref) {\n  return (\n    <RadixDialog.Portal>\n      <RadixDialog.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <RadixDialog.Content\n        ref={ref}\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\nconst Title = React.forwardRef(function Title({ className, ...props }, ref) {\n  return <RadixDialog.Title ref={ref} className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n});\n\nconst Description = React.forwardRef(function Description({ className, ...props }, ref) {\n  return (\n    <RadixDialog.Description\n      ref={ref}\n      className={cn(\"mt-2 text-base leading-relaxed text-text-secondary\", className)}\n      {...props}\n    />\n  );\n});\n\nconst Footer = React.forwardRef(function Footer({ className, ...props }, ref) {\n  return <div ref={ref} 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-QX75NAXT.js → chunk-COYRHKMS.js}

@@ -4,6 +4,7 @@ import {
 } from "./chunk-74GQ35MJ.js";
 
 // src/components/sheet/Sheet.jsx
+import React from "react";
 import { Dialog as RadixDialog } from "radix-ui";
 import { X } from "@tlglobal/icons";
 
@@ -26,10 +27,10 @@ var sheetContentVariants = cva(
 
 // src/components/sheet/Sheet.jsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function Content({ className, side, children, ...props }) {
+var Content = React.forwardRef(function Content2({ className, side, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
     /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "fixed inset-0 z-[100] bg-neutral-900/40" }),
-    /* @__PURE__ */ jsxs(RadixDialog.Content, { className: cn(sheetContentVariants({ side }), className), ...props, children: [
+    /* @__PURE__ */ jsxs(RadixDialog.Content, { ref, className: cn(sheetContentVariants({ side }), className), ...props, children: [
       children,
       /* @__PURE__ */ jsx(
         RadixDialog.Close,
@@ -41,16 +42,23 @@ function Content({ className, side, children, ...props }) {
       )
     ] })
   ] });
-}
-function Title({ className, ...props }) {
-  return /* @__PURE__ */ jsx(RadixDialog.Title, { className: cn("text-lg font-bold text-text-primary", className), ...props });
-}
-function Description({ className, ...props }) {
-  return /* @__PURE__ */ jsx(RadixDialog.Description, { className: cn("text-base leading-relaxed text-text-secondary", className), ...props });
-}
-function Footer({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("mt-auto flex justify-end gap-2.5", className), ...props });
-}
+});
+var Title = React.forwardRef(function Title2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixDialog.Title, { ref, className: cn("text-lg font-bold text-text-primary", className), ...props });
+});
+var Description = React.forwardRef(function Description2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixDialog.Description,
+    {
+      ref,
+      className: cn("text-base leading-relaxed text-text-secondary", className),
+      ...props
+    }
+  );
+});
+var Footer = React.forwardRef(function Footer2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("mt-auto flex justify-end gap-2.5", className), ...props });
+});
 var Sheet = {
   Root: RadixDialog.Root,
   Trigger: RadixDialog.Trigger,
@@ -64,4 +72,4 @@ var Sheet = {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-QX75NAXT.js.map
+//# sourceMappingURL=chunk-COYRHKMS.js.map

package/dist/chunk-COYRHKMS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sheet/Sheet.jsx","../src/components/sheet/Sheet.variants.js"],"sourcesContent":["import React from \"react\";\nimport { Dialog as RadixDialog } from \"radix-ui\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { sheetContentVariants } from \"./Sheet.variants.js\";\n\nconst Content = React.forwardRef(function Content({ className, side, children, ...props }, ref) {\n  return (\n    <RadixDialog.Portal>\n      <RadixDialog.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <RadixDialog.Content ref={ref} className={cn(sheetContentVariants({ side }), className)} {...props}>\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\nconst Title = React.forwardRef(function Title({ className, ...props }, ref) {\n  return <RadixDialog.Title ref={ref} className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n});\n\nconst Description = React.forwardRef(function Description({ className, ...props }, ref) {\n  return (\n    <RadixDialog.Description\n      ref={ref}\n      className={cn(\"text-base leading-relaxed text-text-secondary\", className)}\n      {...props}\n    />\n  );\n});\n\nconst Footer = React.forwardRef(function Footer({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(\"mt-auto flex justify-end gap-2.5\", className)} {...props} />;\n});\n\nexport const Sheet = {\n  Root: RadixDialog.Root,\n  Trigger: RadixDialog.Trigger,\n  Close: RadixDialog.Close,\n  Content,\n  Title,\n  Description,\n  Footer,\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const sheetContentVariants = cva(\n  \"fixed z-[100] flex flex-col gap-4 border-border-default bg-bg-page p-6 shadow-md focus:outline-none\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 max-h-[80vh] border-b\",\n        bottom: \"inset-x-0 bottom-0 max-h-[80vh] border-t\",\n        left: \"inset-y-0 left-0 h-full w-[320px] max-w-[calc(100vw-2rem)] border-r\",\n        right: \"inset-y-0 right-0 h-full w-[320px] max-w-[calc(100vw-2rem)] border-l\",\n      },\n    },\n    defaultVariants: { side: \"right\" },\n  },\n);\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,UAAU,mBAAmB;AACtC,SAAS,SAAS;;;ACFlB,SAAS,WAAW;AAEb,IAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,QAAQ;AAAA,EACnC;AACF;;;ADNM,cACA,YADA;AAHN,IAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,EAAE,WAAW,MAAM,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9F,SACE,qBAAC,YAAY,QAAZ,EACC;AAAA,wBAAC,YAAY,SAAZ,EAAoB,WAAU,2CAA0C;AAAA,IACzE,qBAAC,YAAY,SAAZ,EAAoB,KAAU,WAAW,GAAG,qBAAqB,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAC1F;AAAA;AAAA,MACD;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,MACf;AAAA,OACF;AAAA,KACF;AAEJ,CAAC;AAED,IAAM,QAAQ,MAAM,WAAW,SAASC,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SAAO,oBAAC,YAAY,OAAZ,EAAkB,KAAU,WAAW,GAAG,uCAAuC,SAAS,GAAI,GAAG,OAAO;AAClH,CAAC;AAED,IAAM,cAAc,MAAM,WAAW,SAASC,aAAY,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACtF,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iDAAiD,SAAS;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,SAAS,MAAM,WAAW,SAASC,QAAO,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC5E,SAAO,oBAAC,SAAI,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO;AACjG,CAAC;AAEM,IAAM,QAAQ;AAAA,EACnB,MAAM,YAAY;AAAA,EAClB,SAAS,YAAY;AAAA,EACrB,OAAO,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":["Content","Title","Description","Footer"]}

package/dist/{chunk-KG4EGAMK.js → chunk-DRL2Z5QN.js}

@@ -4,14 +4,16 @@ import {
 } from "./chunk-74GQ35MJ.js";
 
 // src/components/alert-dialog/AlertDialog.jsx
+import React from "react";
 import { AlertDialog as RadixAlertDialog } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-function Content({ className, children, ...props }) {
+var Content = React.forwardRef(function Content2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { children: [
     /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, { className: "fixed inset-0 z-[100] bg-neutral-900/40" }),
     /* @__PURE__ */ jsx(
       RadixAlertDialog.Content,
       {
+        ref,
         className: cn(
           "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
@@ -21,22 +23,23 @@ function Content({ className, children, ...props }) {
       }
     )
   ] });
-}
-function Title({ className, ...props }) {
-  return /* @__PURE__ */ jsx(RadixAlertDialog.Title, { className: cn("text-lg font-bold text-text-primary", className), ...props });
-}
-function Description({ className, ...props }) {
+});
+var Title = React.forwardRef(function Title2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixAlertDialog.Title, { ref, className: cn("text-lg font-bold text-text-primary", className), ...props });
+});
+var Description = React.forwardRef(function Description2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     RadixAlertDialog.Description,
     {
+      ref,
       className: cn("mt-2 text-base leading-relaxed text-text-secondary", className),
       ...props
     }
   );
-}
-function Footer({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("mt-6 flex justify-end gap-2.5", className), ...props });
-}
+});
+var Footer = React.forwardRef(function Footer2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("mt-6 flex justify-end gap-2.5", className), ...props });
+});
 var AlertDialog = {
   Root: RadixAlertDialog.Root,
   Trigger: RadixAlertDialog.Trigger,
@@ -51,4 +54,4 @@ var AlertDialog = {
 export {
   AlertDialog
 };
-//# sourceMappingURL=chunk-KG4EGAMK.js.map
+//# sourceMappingURL=chunk-DRL2Z5QN.js.map

package/dist/chunk-DRL2Z5QN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert-dialog/AlertDialog.jsx"],"sourcesContent":["import React from \"react\";\nimport { AlertDialog as RadixAlertDialog } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst Content = React.forwardRef(function Content({ className, children, ...props }, ref) {\n  return (\n    <RadixAlertDialog.Portal>\n      <RadixAlertDialog.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <RadixAlertDialog.Content\n        ref={ref}\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      </RadixAlertDialog.Content>\n    </RadixAlertDialog.Portal>\n  );\n});\n\nconst Title = React.forwardRef(function Title({ className, ...props }, ref) {\n  return (\n    <RadixAlertDialog.Title ref={ref} className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />\n  );\n});\n\nconst Description = React.forwardRef(function Description({ className, ...props }, ref) {\n  return (\n    <RadixAlertDialog.Description\n      ref={ref}\n      className={cn(\"mt-2 text-base leading-relaxed text-text-secondary\", className)}\n      {...props}\n    />\n  );\n});\n\nconst Footer = React.forwardRef(function Footer({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(\"mt-6 flex justify-end gap-2.5\", className)} {...props} />;\n});\n\nexport const AlertDialog = {\n  Root: RadixAlertDialog.Root,\n  Trigger: RadixAlertDialog.Trigger,\n  Content,\n  Title,\n  Description,\n  Footer,\n  Action: RadixAlertDialog.Action,\n  Cancel: RadixAlertDialog.Cancel,\n};\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,eAAe,wBAAwB;AAK5C,SACE,KADF;AAFJ,IAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxF,SACE,qBAAC,iBAAiB,QAAjB,EACC;AAAA,wBAAC,iBAAiB,SAAjB,EAAyB,WAAU,2CAA0C;AAAA,IAC9E;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,KACF;AAEJ,CAAC;AAED,IAAM,QAAQ,MAAM,WAAW,SAASC,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE,oBAAC,iBAAiB,OAAjB,EAAuB,KAAU,WAAW,GAAG,uCAAuC,SAAS,GAAI,GAAG,OAAO;AAElH,CAAC;AAED,IAAM,cAAc,MAAM,WAAW,SAASC,aAAY,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACtF,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAC5E,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,SAAS,MAAM,WAAW,SAASC,QAAO,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC5E,SAAO,oBAAC,SAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAC9F,CAAC;AAEM,IAAM,cAAc;AAAA,EACzB,MAAM,iBAAiB;AAAA,EACvB,SAAS,iBAAiB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,iBAAiB;AAAA,EACzB,QAAQ,iBAAiB;AAC3B;","names":["Content","Title","Description","Footer"]}

package/dist/{chunk-4XLHRXFU.cjs → chunk-DU6MB3UR.cjs}

@@ -1,28 +1,30 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+"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/navigation-menu/NavigationMenu.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');
 function Viewport() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.NavigationMenu.Viewport, { className: "mt-2 w-full origin-top overflow-hidden rounded-md" }) });
 }
-function Root({ className, children, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.NavigationMenu.Root, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative z-10 flex font-sans", className), ...props, children: [
+var Root = _react2.default.forwardRef(function Root2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.NavigationMenu.Root, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative z-10 flex font-sans", className), ...props, children: [
     children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Viewport, {})
   ] });
-}
-function List({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.NavigationMenu.List, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center gap-1", className), ...props });
-}
-function Trigger({ className, children, ...props }) {
+});
+var List = _react2.default.forwardRef(function List2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.NavigationMenu.List, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center gap-1", className), ...props });
+});
+var Trigger = _react2.default.forwardRef(function Trigger2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _radixui.NavigationMenu.Trigger,
     {
+      ref,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "flex items-center gap-1 rounded-md px-3 py-2 text-sm font-semibold text-text-secondary outline-none transition-colors hover:bg-bg-surface hover:text-text-primary data-[state=open]:text-text-primary [&[data-state=open]>svg]:rotate-180",
         className
@@ -34,11 +36,12 @@ function Trigger({ className, children, ...props }) {
       ]
     }
   );
-}
-function Content({ className, ...props }) {
+});
+var Content = _react2.default.forwardRef(function Content2({ className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _radixui.NavigationMenu.Content,
     {
+      ref,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "w-full min-w-[280px] rounded-md border border-border-default bg-bg-page p-3 shadow-md",
         className
@@ -46,11 +49,12 @@ function Content({ className, ...props }) {
       ...props
     }
   );
-}
-function Link({ className, ...props }) {
+});
+var Link = _react2.default.forwardRef(function Link2({ className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _radixui.NavigationMenu.Link,
     {
+      ref,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "flex items-center rounded-md px-3 py-2 text-sm font-semibold text-text-secondary outline-none transition-colors hover:bg-bg-surface hover:text-text-primary data-[active]:text-accent",
         className
@@ -58,7 +62,7 @@ function Link({ className, ...props }) {
       ...props
     }
   );
-}
+});
 var NavigationMenu = {
   Root,
   List,
@@ -71,4 +75,4 @@ var NavigationMenu = {
 
 
 exports.NavigationMenu = NavigationMenu;
-//# sourceMappingURL=chunk-4XLHRXFU.cjs.map
+//# sourceMappingURL=chunk-DU6MB3UR.cjs.map

package/dist/chunk-DU6MB3UR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-DU6MB3UR.cjs","../src/components/navigation-menu/NavigationMenu.jsx"],"names":["Root","List","Trigger","Content","Link"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-DU6MB3UR.cjs","sourcesContent":[null,"import React from \"react\";\nimport { NavigationMenu as RadixNavigationMenu } from \"radix-ui\";\nimport { ChevronDown } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Viewport() {\n  return (\n    <div className=\"absolute left-0 top-full flex justify-center\">\n      <RadixNavigationMenu.Viewport className=\"mt-2 w-full origin-top overflow-hidden rounded-md\" />\n    </div>\n  );\n}\n\nconst Root = React.forwardRef(function Root({ className, children, ...props }, ref) {\n  return (\n    <RadixNavigationMenu.Root ref={ref} className={cn(\"relative z-10 flex font-sans\", className)} {...props}>\n      {children}\n      <Viewport />\n    </RadixNavigationMenu.Root>\n  );\n});\n\nconst List = React.forwardRef(function List({ className, ...props }, ref) {\n  return <RadixNavigationMenu.List ref={ref} className={cn(\"flex items-center gap-1\", className)} {...props} />;\n});\n\nconst Trigger = React.forwardRef(function Trigger({ className, children, ...props }, ref) {\n  return (\n    <RadixNavigationMenu.Trigger\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-1 rounded-md px-3 py-2 text-sm font-semibold text-text-secondary outline-none transition-colors hover:bg-bg-surface hover:text-text-primary data-[state=open]:text-text-primary [&[data-state=open]>svg]:rotate-180\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown size={14} className=\"relative top-px transition-transform duration-200\" />\n    </RadixNavigationMenu.Trigger>\n  );\n});\n\nconst Content = React.forwardRef(function Content({ className, ...props }, ref) {\n  return (\n    <RadixNavigationMenu.Content\n      ref={ref}\n      className={cn(\n        \"w-full min-w-[280px] rounded-md border border-border-default bg-bg-page p-3 shadow-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst Link = React.forwardRef(function Link({ className, ...props }, ref) {\n  return (\n    <RadixNavigationMenu.Link\n      ref={ref}\n      className={cn(\n        \"flex items-center rounded-md px-3 py-2 text-sm font-semibold text-text-secondary outline-none transition-colors hover:bg-bg-surface hover:text-text-primary data-[active]:text-accent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const NavigationMenu = {\n  Root,\n  List,\n  Item: RadixNavigationMenu.Item,\n  Trigger,\n  Content,\n  Link,\n};\n"]}

package/dist/{chunk-VONXCRR4.cjs → chunk-E7VMBMME.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/questionnaire/Questionnaire.jsx
@@ -66,7 +69,7 @@ var Option = _react2.default.forwardRef(function Option2({ selected = false, dis
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors",
         "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
-        "disabled:pointer-events-none disabled:opacity-50",
+        _chunkQ2JCE4CKcjs.disabledClass,
         selected ? "border-accent bg-accent-100 font-medium text-accent-700" : "border-border-default bg-bg-page text-text-primary hover:bg-bg-surface",
         className
       ),
@@ -83,4 +86,4 @@ var Questionnaire = { Root, Prompt, Options, Option };
 
 
 exports.Questionnaire = Questionnaire;
-//# sourceMappingURL=chunk-VONXCRR4.cjs.map
+//# sourceMappingURL=chunk-E7VMBMME.cjs.map

package/dist/chunk-E7VMBMME.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-E7VMBMME.cjs","../src/components/questionnaire/Questionnaire.jsx"],"names":["Option"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-E7VMBMME.cjs","sourcesContent":[null,"import React, { createContext, useContext, useId } from \"react\";\nimport { Check } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\nconst QuestionnaireContext = createContext(null);\n\nfunction useQuestionnaire() {\n  const context = useContext(QuestionnaireContext);\n  if (!context) throw new Error(\"Questionnaire parts must be used within Questionnaire.Root\");\n  return context;\n}\n\n/*\n * The suggested-replies strip an assistant offers under a message. `multiple` decides both the\n * selection semantics and the ARIA contract: a single-select set is a radiogroup, a multi-select\n * set is a plain group of toggle buttons. Getting that wrong is the difference between a screen\n * reader saying \"1 of 4\" and saying nothing useful at all.\n */\nfunction Root({ multiple = false, className, children, ...props }) {\n  const promptId = useId();\n  return (\n    <QuestionnaireContext.Provider value={{ multiple, promptId }}>\n      <div\n        data-slot=\"questionnaire\"\n        className={cn(\"flex flex-col gap-2 font-sans\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </QuestionnaireContext.Provider>\n  );\n}\n\nfunction Prompt({ className, ...props }) {\n  const { promptId } = useQuestionnaire();\n  return (\n    <p\n      id={promptId}\n      data-slot=\"questionnaire-prompt\"\n      className={cn(\"text-sm text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Options({ className, ...props }) {\n  const { multiple, promptId } = useQuestionnaire();\n  return (\n    <div\n      role={multiple ? \"group\" : \"radiogroup\"}\n      aria-labelledby={promptId}\n      data-slot=\"questionnaire-options\"\n      className={cn(\"flex flex-wrap gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nconst Option = React.forwardRef(function Option(\n  { selected = false, disabled = false, className, children, ...props },\n  ref,\n) {\n  const { multiple } = useQuestionnaire();\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      disabled={disabled}\n      role={multiple ? undefined : \"radio\"}\n      // A multi-select chip is a toggle button (aria-pressed); a single-select one is a radio\n      // (aria-checked). Setting both, or the wrong one, makes the state unannounceable.\n      aria-pressed={multiple ? selected : undefined}\n      aria-checked={multiple ? undefined : selected}\n      data-slot=\"questionnaire-option\"\n      data-selected={selected || undefined}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        disabledClass,\n        selected\n          ? \"border-accent bg-accent-100 font-medium text-accent-700\"\n          : \"border-border-default bg-bg-page text-text-primary hover:bg-bg-surface\",\n        className,\n      )}\n      {...props}\n    >\n      {selected && <Check size={14} className=\"shrink-0\" />}\n      {children}\n    </button>\n  );\n});\n\nexport const Questionnaire = { Root, Prompt, Options, Option };\n"]}

package/dist/chunk-ERR4JYSK.js

@@ -0,0 +1,37 @@
+'use client';
+import {
+  disabledClass
+} from "./chunk-LDABSX4U.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/tabs/Tabs.jsx
+import React from "react";
+import { Tabs as RadixTabs } from "radix-ui";
+
+// src/components/tabs/Tabs.variants.js
+import { cva } from "class-variance-authority";
+var tabsTriggerVariants = cva(
+  `-mb-px mr-5 border-b-2 border-transparent px-1 py-2.5 text-base font-semibold text-text-secondary transition-colors last:mr-0 hover:text-text-primary data-[state=active]:border-accent data-[state=active]:text-text-primary focus-visible:outline-none ${disabledClass}`
+);
+
+// src/components/tabs/Tabs.jsx
+import { jsx } from "react/jsx-runtime";
+var List = React.forwardRef(function List2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixTabs.List, { ref, className: cn("flex border-b border-border-default font-sans", className), ...props });
+});
+var Trigger = React.forwardRef(function Trigger2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixTabs.Trigger, { ref, className: cn(tabsTriggerVariants(), className), ...props });
+});
+var Tabs = {
+  Root: RadixTabs.Root,
+  List,
+  Trigger,
+  Content: RadixTabs.Content
+};
+
+export {
+  Tabs
+};
+//# sourceMappingURL=chunk-ERR4JYSK.js.map

package/dist/chunk-ERR4JYSK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tabs/Tabs.jsx","../src/components/tabs/Tabs.variants.js"],"sourcesContent":["import React from \"react\";\nimport { Tabs as RadixTabs } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { tabsTriggerVariants } from \"./Tabs.variants.js\";\n\nconst List = React.forwardRef(function List({ className, ...props }, ref) {\n  return (\n    <RadixTabs.List ref={ref} className={cn(\"flex border-b border-border-default font-sans\", className)} {...props} />\n  );\n});\n\nconst Trigger = React.forwardRef(function Trigger({ className, ...props }, ref) {\n  return <RadixTabs.Trigger ref={ref} className={cn(tabsTriggerVariants(), className)} {...props} />;\n});\n\nexport const Tabs = {\n  Root: RadixTabs.Root,\n  List,\n  Trigger,\n  Content: RadixTabs.Content,\n};\n","import { cva } from \"class-variance-authority\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\nexport const tabsTriggerVariants = cva(\n  `-mb-px mr-5 border-b-2 border-transparent px-1 py-2.5 text-base font-semibold text-text-secondary transition-colors last:mr-0 hover:text-text-primary data-[state=active]:border-accent data-[state=active]:text-text-primary focus-visible:outline-none ${disabledClass}`,\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,QAAQ,iBAAiB;;;ACDlC,SAAS,WAAW;AAGb,IAAM,sBAAsB;AAAA,EACjC,4PAA4P,aAAa;AAC3Q;;;ADEI;AAFJ,IAAM,OAAO,MAAM,WAAW,SAASA,MAAK,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,SACE,oBAAC,UAAU,MAAV,EAAe,KAAU,WAAW,GAAG,iDAAiD,SAAS,GAAI,GAAG,OAAO;AAEpH,CAAC;AAED,IAAM,UAAU,MAAM,WAAW,SAASC,SAAQ,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC9E,SAAO,oBAAC,UAAU,SAAV,EAAkB,KAAU,WAAW,GAAG,oBAAoB,GAAG,SAAS,GAAI,GAAG,OAAO;AAClG,CAAC;AAEM,IAAM,OAAO;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB;AAAA,EACA;AAAA,EACA,SAAS,UAAU;AACrB;","names":["List","Trigger"]}

package/dist/{chunk-GJQOXOSX.cjs → chunk-F6AMISYP.cjs}

@@ -1,31 +1,33 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+"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/resizable/Resizable.jsx
-var _react = require('react');
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _reactresizablepanels = require('react-resizable-panels');
 var _jsxruntime = require('react/jsx-runtime');
 var ResizableContext = _react.createContext.call(void 0, "horizontal");
-function ResizableGroup({ orientation = "horizontal", className, ...props }) {
+var ResizableGroup = _react2.default.forwardRef(function ResizableGroup2({ orientation = "horizontal", className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ResizableContext.Provider, { value: orientation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reactresizablepanels.Group,
     {
+      elementRef: ref,
       orientation,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex h-full w-full", orientation === "vertical" && "flex-col", className),
       ...props
     }
   ) });
-}
-function ResizablePanel({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactresizablepanels.Panel, { className, ...props });
-}
-function ResizableSeparator({ className, ...props }) {
+});
+var ResizablePanel = _react2.default.forwardRef(function ResizablePanel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactresizablepanels.Panel, { elementRef: ref, className, ...props });
+});
+var ResizableSeparator = _react2.default.forwardRef(function ResizableSeparator2({ className, ...props }, ref) {
   const orientation = _react.useContext.call(void 0, ResizableContext);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reactresizablepanels.Separator,
     {
+      elementRef: ref,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "relative flex items-center justify-center bg-border-default transition-colors hover:bg-accent focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
         orientation === "vertical" ? "h-px w-full cursor-row-resize" : "h-full w-px cursor-col-resize",
@@ -34,10 +36,10 @@ function ResizableSeparator({ className, ...props }) {
       ...props
     }
   );
-}
+});
 var Resizable = { Group: ResizableGroup, Panel: ResizablePanel, Separator: ResizableSeparator };
 
 
 
 exports.Resizable = Resizable;
-//# sourceMappingURL=chunk-GJQOXOSX.cjs.map
+//# sourceMappingURL=chunk-F6AMISYP.cjs.map

package/dist/chunk-F6AMISYP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-F6AMISYP.cjs","../src/components/resizable/Resizable.jsx"],"names":["ResizableGroup","ResizablePanel","ResizableSeparator"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAiD;AACjD,8DAAwC;AAelC,+CAAA;AATN,IAAM,iBAAA,EAAmB,kCAAA,YAA0B,CAAA;AAMnD,IAAM,eAAA,EAAiB,eAAA,CAAM,UAAA,CAAW,SAASA,eAAAA,CAAe,EAAE,YAAA,EAAc,YAAA,EAAc,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxH,EAAA,uBACE,6BAAA,gBAAC,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,WAAA,EAChC,QAAA,kBAAA,6BAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,GAAA;AAAA,MACZ,WAAA;AAAA,MACA,SAAA,EAAW,kCAAA,oBAAG,EAAsB,YAAA,IAAgB,WAAA,GAAc,UAAA,EAAY,SAAS,CAAA;AAAA,MACtF,GAAG;AAAA,IAAA;AAAA,EACN,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;AAED,IAAM,eAAA,EAAiB,eAAA,CAAM,UAAA,CAAW,SAASC,eAAAA,CAAe,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC5F,EAAA,uBAAO,6BAAA,2BAAC,EAAA,EAAM,UAAA,EAAY,GAAA,EAAK,SAAA,EAAuB,GAAG,MAAA,CAAO,CAAA;AAClE,CAAC,CAAA;AAED,IAAM,mBAAA,EAAqB,eAAA,CAAM,UAAA,CAAW,SAASC,mBAAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACpG,EAAA,MAAM,YAAA,EAAc,+BAAA,gBAA2B,CAAA;AAC/C,EAAA,uBACE,6BAAA;AAAA,IAAC,+BAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,GAAA;AAAA,MACZ,SAAA,EAAW,kCAAA;AAAA,QACT,0KAAA;AAAA,QACA,YAAA,IAAgB,WAAA,EAAa,gCAAA,EAAkC,+BAAA;AAAA,QAC/D;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;AAEM,IAAM,UAAA,EAAY,EAAE,KAAA,EAAO,cAAA,EAAgB,KAAA,EAAO,cAAA,EAAgB,SAAA,EAAW,mBAAmB,CAAA;ADLvG;AACA;AACE;AACF,8BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-F6AMISYP.cjs","sourcesContent":[null,"import React, { createContext, useContext } from \"react\";\nimport { Group, Panel, Separator } from \"react-resizable-panels\";\nimport { cn } from \"../../lib/cn.js\";\n\n// Tracked ourselves via context rather than relying on the library's own DOM output (unverified\n// data-attribute names) — self-contained styling that doesn't depend on react-resizable-panels'\n// internal conventions.\nconst ResizableContext = createContext(\"horizontal\");\n\n// react-resizable-panels doesn't use the standard `ref` prop — it takes a separate `elementRef`\n// (typed as a normal React Ref) for the underlying DOM node. Accepting `ref` here and forwarding\n// it to `elementRef` lets these wrappers follow the same ref convention as every other component\n// in this package while still plumbing through to the library correctly.\nconst ResizableGroup = React.forwardRef(function ResizableGroup({ orientation = \"horizontal\", className, ...props }, ref) {\n  return (\n    <ResizableContext.Provider value={orientation}>\n      <Group\n        elementRef={ref}\n        orientation={orientation}\n        className={cn(\"flex h-full w-full\", orientation === \"vertical\" && \"flex-col\", className)}\n        {...props}\n      />\n    </ResizableContext.Provider>\n  );\n});\n\nconst ResizablePanel = React.forwardRef(function ResizablePanel({ className, ...props }, ref) {\n  return <Panel elementRef={ref} className={className} {...props} />;\n});\n\nconst ResizableSeparator = React.forwardRef(function ResizableSeparator({ className, ...props }, ref) {\n  const orientation = useContext(ResizableContext);\n  return (\n    <Separator\n      elementRef={ref}\n      className={cn(\n        \"relative flex items-center justify-center bg-border-default transition-colors hover:bg-accent focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        orientation === \"vertical\" ? \"h-px w-full cursor-row-resize\" : \"h-full w-px cursor-col-resize\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const Resizable = { Group: ResizableGroup, Panel: ResizablePanel, Separator: ResizableSeparator };\n"]}