@tlglobal/ui 2.0.0 → 2.0.1

package/dist/{chunk-F5XBFNFL.cjs → chunk-5H6YBTVY.cjs}

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } 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 _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
 
 // src/components/chart/Chart.jsx
-var _react = require('react');
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _recharts = require('recharts'); var RechartsPrimitive = _interopRequireWildcard(_recharts);
 var _jsxruntime = require('react/jsx-runtime');
 var ChartContext = _react.createContext.call(void 0, 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 = _react2.default.forwardRef(function Container2({ config, className, children, initialDimension, ...props }, ref) {
   const uniqueId = _react.useId.call(void 0, );
   const chartId = `chart-${uniqueId.replace(/:/g, "")}`;
   const entries = Object.entries(config).filter(([, value]) => value.color);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
+      ref,
       "data-chart": chartId,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "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 = _react2.default.forwardRef(function TooltipContent2({ active, payload, label, className, ...props }, ref) {
   const { config } = useChart();
   if (!active || !(payload == null ? void 0 : payload.length)) return null;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
+      ref,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, "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 = _react2.default.forwardRef(function LegendContent2({ payload, className, ...props }, ref) {
   const { config } = useChart();
   if (!(payload == null ? void 0 : payload.length)) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-wrap items-center justify-center gap-4 pt-3", className), ...props, children: payload.map((item) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "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 = {
 
 
 exports.Chart = Chart;
-//# sourceMappingURL=chunk-F5XBFNFL.cjs.map
+//# sourceMappingURL=chunk-5H6YBTVY.cjs.map

package/dist/chunk-5H6YBTVY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-5H6YBTVY.cjs","../src/components/chart/Chart.jsx"],"names":["Container","TooltipContent","LegendContent"],"mappings":"AAAA,2iBAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAwD;AACxD,gGAAmC;AA4B7B,+CAAA;AAzBN,IAAM,aAAA,EAAe,kCAAA,IAAkB,CAAA;AAEvC,SAAS,QAAA,CAAA,EAAW;AAClB,EAAA,MAAM,QAAA,EAAU,+BAAA,YAAuB,CAAA;AACvC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,MAAM,IAAI,KAAA,CAAM,iEAAiE,CAAA;AAC/F,EAAA,OAAO,OAAA;AACT;AASA,IAAM,UAAA,EAAY,eAAA,CAAM,UAAA,CAAW,SAASA,UAAAA,CAC1C,EAAE,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,gBAAA,EAAkB,GAAG,MAAM,CAAA,EAC1D,GAAA,EACA;AACA,EAAA,MAAM,SAAA,EAAW,0BAAA,CAAM;AACvB,EAAA,MAAM,QAAA,EAAU,CAAA,MAAA,EAAS,QAAA,CAAS,OAAA,CAAQ,IAAA,EAAM,EAAE,CAAC,CAAA,CAAA;AACD,EAAA;AAGzB,EAAA;AACpB,IAAA;AAAA,IAAA;AACC,MAAA;AACY,MAAA;AACD,MAAA;AACT,QAAA;AACA,QAAA;AACF,MAAA;AACI,MAAA;AAEH,MAAA;AACC,QAAA;AAAC,UAAA;AAAA,UAAA;AAC0B,YAAA;AACO,cAAA;AACgB;AACjC,CAAA;AACf,YAAA;AAAA,UAAA;AACF,QAAA;AAEiB,wBAAA;AAEnB,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEH;AAEgDC;AACnB,EAAA;AACH,EAAA;AAGvB,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACc,MAAA;AACV,MAAA;AAEH,MAAA;AAAc,QAAA;AACA,wBAAA;AAEsB,UAAA;AACJ,UAAA;AAEZ,UAAA;AACG,4BAAA;AACR,8BAAA;AACL,cAAA;AACH,YAAA;AACgB,4BAAA;AAClB,UAAA;AAGN,QAAA;AAAA,MAAA;AAAA,IAAA;AACF,EAAA;AAEH;AAE+CC;AAClB,EAAA;AACN,EAAA;AAGM,EAAA;AAEW,IAAA;AACJ,IAAA;AAEF,IAAA;AACP,sBAAA;AACH,MAAA;AACf,IAAA;AAGN,EAAA;AAEH;AAEoB;AACnB,EAAA;AAC2B,EAAA;AAC3B,EAAA;AAC0B,EAAA;AAC1B,EAAA;AACF;ADrBsD;AACA;AACA;AACA","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-5H6YBTVY.cjs","sourcesContent":[null,"import React, { createContext, useContext, useId } from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst ChartContext = createContext(null);\n\nfunction useChart() {\n  const context = useContext(ChartContext);\n  if (!context) throw new Error(\"Chart.Tooltip/LegendContent must be used within Chart.Container\");\n  return context;\n}\n\n// `config` maps a data/series key to { label, color }. `color` is written into a scoped\n// <style> block as --color-<key>, which series/marks then reference via var(--color-<key>) —\n// this is what lets a chart repaint under [data-theme=\"dark\"] the same way components do,\n// instead of baking a literal color into each <Bar>/<Line> fill/stroke prop.\n// initialDimension defaults ResponsiveContainer to a real size before its first ResizeObserver\n// measurement lands — avoids an empty-chart flash on first paint in real browsers, and is what\n// makes charts render at all under jsdom, whose ResizeObserver polyfill never fires a callback.\nconst Container = React.forwardRef(function Container(\n  { config, className, children, initialDimension, ...props },\n  ref,\n) {\n  const uniqueId = useId();\n  const chartId = `chart-${uniqueId.replace(/:/g, \"\")}`;\n  const entries = Object.entries(config).filter(([, value]) => value.color);\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        ref={ref}\n        data-chart={chartId}\n        className={cn(\n          \"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\",\n          className,\n        )}\n        {...props}\n      >\n        {entries.length > 0 && (\n          <style\n            dangerouslySetInnerHTML={{\n              __html: `[data-chart=${chartId}] {\\n${entries\n                .map(([key, value]) => `  --color-${key}: ${value.color};`)\n                .join(\"\\n\")}\\n}`,\n            }}\n          />\n        )}\n        <RechartsPrimitive.ResponsiveContainer initialDimension={initialDimension ?? { width: 400, height: 250 }}>\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\n\nconst TooltipContent = React.forwardRef(function TooltipContent({ active, payload, label, className, ...props }, ref) {\n  const { config } = useChart();\n  if (!active || !payload?.length) return null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"min-w-[10rem] rounded-md border border-border-default bg-bg-page p-2.5 shadow-md\", className)}\n      {...props}\n    >\n      {label && <div className=\"mb-1.5 text-xs font-semibold text-text-primary\">{label}</div>}\n      <div className=\"flex flex-col gap-1\">\n        {payload.map((item) => {\n          const key = item.dataKey || item.name;\n          const itemConfig = config[key];\n          return (\n            <div key={key} className=\"flex items-center justify-between gap-4 text-xs\">\n              <span className=\"flex items-center gap-1.5 text-text-secondary\">\n                <span className=\"h-2 w-2 rounded-full\" style={{ background: `var(--color-${key})` }} />\n                {itemConfig?.label || key}\n              </span>\n              <span className=\"font-mono font-medium text-text-primary\">{item.value}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n});\n\nconst LegendContent = React.forwardRef(function LegendContent({ payload, className, ...props }, ref) {\n  const { config } = useChart();\n  if (!payload?.length) return null;\n\n  return (\n    <div ref={ref} className={cn(\"flex flex-wrap items-center justify-center gap-4 pt-3\", className)} {...props}>\n      {payload.map((item) => {\n        const key = item.dataKey || item.value;\n        const itemConfig = config[key];\n        return (\n          <div key={key} className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n            <span className=\"h-2 w-2 rounded-full\" style={{ background: item.color }} />\n            {itemConfig?.label || item.value}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n\nexport const Chart = {\n  Container,\n  Tooltip: RechartsPrimitive.Tooltip,\n  TooltipContent,\n  Legend: RechartsPrimitive.Legend,\n  LegendContent,\n};\n"]}

package/dist/{chunk-EADT2IDZ.cjs → chunk-5YRHXI5B.cjs}

@@ -1,9 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
+
+var _chunkQ2JCE4CKcjs = require('./chunk-Q2JCE4CK.cjs');
+
 // src/components/toggle/Toggle.variants.js
 var _classvarianceauthority = require('class-variance-authority');
 var toggleVariants = _classvarianceauthority.cva.call(void 0, 
-  "inline-flex items-center justify-center gap-1.5 rounded-md font-sans text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary data-[state=on]:bg-accent-100 data-[state=on]:text-accent-700 disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+  `inline-flex items-center justify-center gap-1.5 rounded-md font-sans text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary data-[state=on]:bg-accent-100 data-[state=on]:text-accent-700 ${_chunkQ2JCE4CKcjs.disabledClass} focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]`,
   {
     variants: {
       variant: {
@@ -23,4 +26,4 @@ var toggleVariants = _classvarianceauthority.cva.call(void 0,
 
 
 exports.toggleVariants = toggleVariants;
-//# sourceMappingURL=chunk-EADT2IDZ.cjs.map
+//# sourceMappingURL=chunk-5YRHXI5B.cjs.map

package/dist/chunk-5YRHXI5B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-5YRHXI5B.cjs","../src/components/toggle/Toggle.variants.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,kEAAoB;AAGb,IAAM,eAAA,EAAiB,yCAAA;AAAA,EAC5B,CAAA,yOAAA,EAA4O,+BAAa,CAAA,2EAAA,CAAA;AAAA,EACzP;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,2BAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,UAAA;AAAA,QACJ,EAAA,EAAI,iBAAA;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;ADKA;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-5YRHXI5B.cjs","sourcesContent":[null,"import { cva } from \"class-variance-authority\";\nimport { disabledClass } from \"../../lib/disabled.js\";\n\nexport const toggleVariants = cva(\n  `inline-flex items-center justify-center gap-1.5 rounded-md font-sans text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary data-[state=on]:bg-accent-100 data-[state=on]:text-accent-700 ${disabledClass} focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]`,\n  {\n    variants: {\n      variant: {\n        default: \"border border-transparent\",\n        outline: \"border border-border-default\",\n      },\n      size: {\n        sm: \"h-8 px-2\",\n        md: \"h-[38px] px-2.5\",\n        lg: \"h-11 px-3\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"md\" },\n  },\n);\n"]}

package/dist/chunk-6HVA6YPU.js

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

package/dist/chunk-6HVA6YPU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dropdown-menu/DropdownMenu.jsx"],"sourcesContent":["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"],"mappings":"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","names":["Content","Item","CheckboxItem","RadioItem","Label","Separator","Shortcut","SubTrigger","SubContent"]}

package/dist/{chunk-CQNMLNRY.js → chunk-6MJNOSPS.js}

@@ -4,15 +4,17 @@ import {
 } from "./chunk-74GQ35MJ.js";
 
 // src/components/dialog/Dialog.jsx
+import React from "react";
 import { Dialog as RadixDialog } from "radix-ui";
 import { X } from "@tlglobal/icons";
 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(RadixDialog.Portal, { children: [
     /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "fixed inset-0 z-[100] bg-neutral-900/40" }),
     /* @__PURE__ */ jsxs(
       RadixDialog.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
@@ -32,22 +34,23 @@ function Content({ className, 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 }) {
+});
+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("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 Dialog = {
   Root: RadixDialog.Root,
   Trigger: RadixDialog.Trigger,
@@ -61,4 +64,4 @@ var Dialog = {
 export {
   Dialog
 };
-//# sourceMappingURL=chunk-CQNMLNRY.js.map
+//# sourceMappingURL=chunk-6MJNOSPS.js.map

package/dist/chunk-6MJNOSPS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/Dialog.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,UAAU,mBAAmB;AACtC,SAAS,SAAS;AAMZ,cACA,YADA;AAHN,IAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxF,SACE,qBAAC,YAAY,QAAZ,EACC;AAAA,wBAAC,YAAY,SAAZ,EAAoB,WAAU,2CAA0C;AAAA,IACzE;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACD;AAAA,YAAC,YAAY;AAAA,YAAZ;AAAA,cACC,cAAW;AAAA,cACX,WAAU;AAAA,cAEV,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,UACf;AAAA;AAAA;AAAA,IACF;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,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,SAAS;AAAA,EACpB,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-HJCCG7JW.js → chunk-6PBJ4G23.js}

@@ -4,28 +4,30 @@ import {
 } from "./chunk-74GQ35MJ.js";
 
 // src/components/resizable/Resizable.jsx
-import { createContext, useContext } from "react";
+import React, { createContext, useContext } from "react";
 import { Group, Panel, Separator } from "react-resizable-panels";
 import { jsx } from "react/jsx-runtime";
 var ResizableContext = createContext("horizontal");
-function ResizableGroup({ orientation = "horizontal", className, ...props }) {
+var ResizableGroup = React.forwardRef(function ResizableGroup2({ orientation = "horizontal", className, ...props }, ref) {
   return /* @__PURE__ */ jsx(ResizableContext.Provider, { value: orientation, children: /* @__PURE__ */ jsx(
     Group,
     {
+      elementRef: ref,
       orientation,
       className: cn("flex h-full w-full", orientation === "vertical" && "flex-col", className),
       ...props
     }
   ) });
-}
-function ResizablePanel({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Panel, { className, ...props });
-}
-function ResizableSeparator({ className, ...props }) {
+});
+var ResizablePanel = React.forwardRef(function ResizablePanel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Panel, { elementRef: ref, className, ...props });
+});
+var ResizableSeparator = React.forwardRef(function ResizableSeparator2({ className, ...props }, ref) {
   const orientation = useContext(ResizableContext);
   return /* @__PURE__ */ jsx(
     Separator,
     {
+      elementRef: ref,
       className: cn(
         "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 };
 
 export {
   Resizable
 };
-//# sourceMappingURL=chunk-HJCCG7JW.js.map
+//# sourceMappingURL=chunk-6PBJ4G23.js.map

package/dist/chunk-6PBJ4G23.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/resizable/Resizable.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,OAAO,SAAS,eAAe,kBAAkB;AACjD,SAAS,OAAO,OAAO,iBAAiB;AAelC;AATN,IAAM,mBAAmB,cAAc,YAAY;AAMnD,IAAM,iBAAiB,MAAM,WAAW,SAASA,gBAAe,EAAE,cAAc,cAAc,WAAW,GAAG,MAAM,GAAG,KAAK;AACxH,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,WAAW,GAAG,sBAAsB,gBAAgB,cAAc,YAAY,SAAS;AAAA,MACtF,GAAG;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AAED,IAAM,iBAAiB,MAAM,WAAW,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC5F,SAAO,oBAAC,SAAM,YAAY,KAAK,WAAuB,GAAG,OAAO;AAClE,CAAC;AAED,IAAM,qBAAqB,MAAM,WAAW,SAASC,oBAAmB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpG,QAAM,cAAc,WAAW,gBAAgB;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,aAAa,kCAAkC;AAAA,QAC/D;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,IAAM,YAAY,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,WAAW,mBAAmB;","names":["ResizableGroup","ResizablePanel","ResizableSeparator"]}

package/dist/{chunk-DBCPNZ6H.js → chunk-7PGGVGL6.js}

@@ -4,12 +4,14 @@ import {
 } from "./chunk-74GQ35MJ.js";
 
 // src/components/popover/Popover.jsx
+import React from "react";
 import { Popover as RadixPopover } from "radix-ui";
 import { jsx } from "react/jsx-runtime";
-function Content({ className, align = "center", sideOffset = 8, ...props }) {
+var Content = React.forwardRef(function Content2({ className, align = "center", sideOffset = 8, ...props }, ref) {
   return /* @__PURE__ */ jsx(RadixPopover.Portal, { children: /* @__PURE__ */ jsx(
     RadixPopover.Content,
     {
+      ref,
       align,
       sideOffset,
       className: cn(
@@ -19,7 +21,7 @@ function Content({ className, align = "center", sideOffset = 8, ...props }) {
       ...props
     }
   ) });
-}
+});
 var Popover = {
   Root: RadixPopover.Root,
   Trigger: RadixPopover.Trigger,
@@ -31,4 +33,4 @@ var Popover = {
 export {
   Popover
 };
-//# sourceMappingURL=chunk-DBCPNZ6H.js.map
+//# sourceMappingURL=chunk-7PGGVGL6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover/Popover.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,WAAW,oBAAoB;AAMlC;AAHN,IAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,KAAK;AAChH,SACE,oBAAC,aAAa,QAAb,EACC;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ,CAAC;AAEM,IAAM,UAAU;AAAA,EACrB,MAAM,aAAa;AAAA,EACnB,SAAS,aAAa;AAAA,EACtB,QAAQ,aAAa;AAAA,EACrB;AAAA,EACA,OAAO,aAAa;AACtB;","names":["Content"]}

package/dist/{chunk-HRO7NGJR.cjs → chunk-A2ZOWFFG.cjs}

@@ -1,16 +1,18 @@
-"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/command/Command.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _cmdk = require('cmdk');
 var _icons = require('@tlglobal/icons');
 var _jsxruntime = require('react/jsx-runtime');
-function Root({ className, ...props }) {
+var Root = _react2.default.forwardRef(function Root2({ className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _cmdk.Command,
     {
+      ref,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "flex w-full flex-col overflow-hidden rounded-md bg-bg-page font-sans text-text-primary",
         className
@@ -18,13 +20,14 @@ function Root({ className, ...props }) {
       ...props
     }
   );
-}
-function Input({ className, ...props }) {
+});
+var Input = _react2.default.forwardRef(function Input2({ className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 border-b border-border-default px-3", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Search, { size: 16, className: "shrink-0 text-text-muted" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _cmdk.Command.Input,
       {
+        ref,
         className: _chunkNSTYHMFWcjs.cn.call(void 0, 
           "flex h-11 w-full bg-transparent py-3 text-sm text-text-primary outline-none placeholder:text-text-muted disabled:cursor-not-allowed disabled:opacity-50",
           className
@@ -33,17 +36,18 @@ function Input({ className, ...props }) {
       }
     )
   ] });
-}
-function List({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.List, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "max-h-72 overflow-y-auto overflow-x-hidden p-1", className), ...props });
-}
-function Empty({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Empty, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "py-6 text-center text-sm text-text-muted", className), ...props });
-}
-function Group({ className, ...props }) {
+});
+var List = _react2.default.forwardRef(function List2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.List, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "max-h-72 overflow-y-auto overflow-x-hidden p-1", className), ...props });
+});
+var Empty = _react2.default.forwardRef(function Empty2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Empty, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "py-6 text-center text-sm text-text-muted", className), ...props });
+});
+var Group = _react2.default.forwardRef(function Group2({ className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _cmdk.Command.Group,
     {
+      ref,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "overflow-hidden p-1 text-text-primary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:text-text-muted",
         className
@@ -51,11 +55,12 @@ function Group({ className, ...props }) {
       ...props
     }
   );
-}
-function Item({ className, ...props }) {
+});
+var Item = _react2.default.forwardRef(function Item2({ className, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _cmdk.Command.Item,
     {
+      ref,
       className: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "relative flex h-9 cursor-pointer select-none items-center gap-2 rounded-sm px-2 text-sm text-text-primary outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-bg-surface",
         className
@@ -63,14 +68,15 @@ function Item({ className, ...props }) {
       ...props
     }
   );
-}
-function Separator({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Separator, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "my-1 h-px bg-border-default", className), ...props });
-}
-function Dialog({ className, overlayClassName, contentClassName, ...props }) {
+});
+var Separator = _react2.default.forwardRef(function Separator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Separator, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "my-1 h-px bg-border-default", className), ...props });
+});
+var Dialog = _react2.default.forwardRef(function Dialog2({ className, overlayClassName, contentClassName, ...props }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _cmdk.Command.Dialog,
     {
+      ref,
       overlayClassName: _chunkNSTYHMFWcjs.cn.call(void 0, "fixed inset-0 z-[100] bg-neutral-900/40", overlayClassName),
       contentClassName: _chunkNSTYHMFWcjs.cn.call(void 0, 
         "fixed left-1/2 top-1/3 z-[100] w-full max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border-default bg-bg-page shadow-md",
@@ -80,10 +86,10 @@ function Dialog({ className, overlayClassName, contentClassName, ...props }) {
       ...props
     }
   );
-}
+});
 var Command = { Root, Input, List, Empty, Group, Item, Separator, Dialog };
 
 
 
 exports.Command = Command;
-//# sourceMappingURL=chunk-HRO7NGJR.cjs.map
+//# sourceMappingURL=chunk-A2ZOWFFG.cjs.map

package/dist/chunk-A2ZOWFFG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-A2ZOWFFG.cjs","../src/components/command/Command.jsx"],"names":["Root","Input","List","Empty","Group","Item","Separator","Dialog"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-A2ZOWFFG.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Command as Cmdk } from \"cmdk\";\nimport { Search } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst Root = React.forwardRef(function Root({ className, ...props }, ref) {\n  return (\n    <Cmdk\n      ref={ref}\n      className={cn(\n        \"flex w-full flex-col overflow-hidden rounded-md bg-bg-page font-sans text-text-primary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst Input = React.forwardRef(function Input({ className, ...props }, ref) {\n  return (\n    <div className=\"flex items-center gap-2 border-b border-border-default px-3\">\n      <Search size={16} className=\"shrink-0 text-text-muted\" />\n      <Cmdk.Input\n        ref={ref}\n        className={cn(\n          \"flex h-11 w-full bg-transparent py-3 text-sm text-text-primary outline-none placeholder:text-text-muted disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\n\nconst List = React.forwardRef(function List({ className, ...props }, ref) {\n  return <Cmdk.List ref={ref} className={cn(\"max-h-72 overflow-y-auto overflow-x-hidden p-1\", className)} {...props} />;\n});\n\nconst Empty = React.forwardRef(function Empty({ className, ...props }, ref) {\n  return <Cmdk.Empty ref={ref} className={cn(\"py-6 text-center text-sm text-text-muted\", className)} {...props} />;\n});\n\nconst Group = React.forwardRef(function Group({ className, ...props }, ref) {\n  return (\n    <Cmdk.Group\n      ref={ref}\n      className={cn(\n        \"overflow-hidden p-1 text-text-primary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:text-text-muted\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst Item = React.forwardRef(function Item({ className, ...props }, ref) {\n  return (\n    <Cmdk.Item\n      ref={ref}\n      className={cn(\n        \"relative flex h-9 cursor-pointer select-none items-center gap-2 rounded-sm px-2 text-sm text-text-primary outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-bg-surface\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst Separator = React.forwardRef(function Separator({ className, ...props }, ref) {\n  return <Cmdk.Separator ref={ref} className={cn(\"my-1 h-px bg-border-default\", className)} {...props} />;\n});\n\nconst Dialog = React.forwardRef(function Dialog({ className, overlayClassName, contentClassName, ...props }, ref) {\n  return (\n    <Cmdk.Dialog\n      ref={ref}\n      overlayClassName={cn(\"fixed inset-0 z-[100] bg-neutral-900/40\", overlayClassName)}\n      contentClassName={cn(\n        \"fixed left-1/2 top-1/3 z-[100] w-full max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border-default bg-bg-page shadow-md\",\n        contentClassName,\n      )}\n      className={className}\n      {...props}\n    />\n  );\n});\n\nexport const Command = { Root, Input, List, Empty, Group, Item, Separator, Dialog };\n"]}

package/dist/{chunk-ENO36WFO.cjs → chunk-ACSNQJA2.cjs}

@@ -1,17 +1,19 @@
-"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/alert-dialog/AlertDialog.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _radixui = require('radix-ui');
 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.AlertDialog.Portal, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.AlertDialog.Overlay, { className: "fixed inset-0 z-[100] bg-neutral-900/40" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _radixui.AlertDialog.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
@@ -21,22 +23,23 @@ function Content({ className, children, ...props }) {
       }
     )
   ] });
-}
-function Title({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.AlertDialog.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.AlertDialog.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.AlertDialog.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 AlertDialog = {
   Root: _radixui.AlertDialog.Root,
   Trigger: _radixui.AlertDialog.Trigger,
@@ -51,4 +54,4 @@ var AlertDialog = {
 
 
 exports.AlertDialog = AlertDialog;
-//# sourceMappingURL=chunk-ENO36WFO.cjs.map
+//# sourceMappingURL=chunk-ACSNQJA2.cjs.map

package/dist/chunk-ACSNQJA2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ACSNQJA2.cjs","../src/components/alert-dialog/AlertDialog.jsx"],"names":["Content","Title","Description","Footer"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAAgD;AAK5C,+CAAA;AAFJ,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,oBAAC,CAAiB,MAAA,EAAjB,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,oBAAC,CAAiB,OAAA,EAAjB,EAAyB,SAAA,EAAU,0CAAA,CAA0C,CAAA;AAAA,oBAC9E,6BAAA;AAAA,MAAC,oBAAA,CAAiB,OAAA;AAAA,MAAjB;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,kCAAA;AAAA,UACT,yLAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA,MAAA;AAAA,IACH;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,uBACE,6BAAA,oBAAC,CAAiB,KAAA,EAAjB,EAAuB,GAAA,EAAU,SAAA,EAAW,kCAAA,qCAAG,EAAuC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAElH,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,oBAAA,CAAiB,WAAA;AAAA,IAAjB;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,YAAA,EAAc;AAAA,EACzB,IAAA,EAAM,oBAAA,CAAiB,IAAA;AAAA,EACvB,OAAA,EAAS,oBAAA,CAAiB,OAAA;AAAA,EAC1B,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA,EAAQ,oBAAA,CAAiB,MAAA;AAAA,EACzB,MAAA,EAAQ,oBAAA,CAAiB;AAC3B,CAAA;ADCA;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ACSNQJA2.cjs","sourcesContent":[null,"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"]}

package/dist/{chunk-ASXOVY3O.js → chunk-AEQRMYFY.js}

@@ -1,4 +1,7 @@
 'use client';
+import {
+  disabledClass
+} from "./chunk-LDABSX4U.js";
 import {
   cn
 } from "./chunk-74GQ35MJ.js";
@@ -18,7 +21,8 @@ var Item = React.forwardRef(function Item2({ className, active, ...props }, ref)
       type: "button",
       "aria-current": active ? "page" : void 0,
       className: cn(
-        "inline-flex h-8.5 min-w-8.5 items-center justify-center rounded-md px-2 text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        "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)]",
+        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 };
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-ASXOVY3O.js.map
+//# sourceMappingURL=chunk-AEQRMYFY.js.map