@tlglobal/ui 2.0.0

package/dist/chunk-BD2KPRJD.cjs

@@ -0,0 +1,17 @@
+"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/aspect-ratio/AspectRatio.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var AspectRatio = _react2.default.forwardRef(function AspectRatio2({ ratio = 16 / 9, className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.AspectRatio.Root, { ref, ratio, className: _chunkNSTYHMFWcjs.cn.call(void 0, "overflow-hidden rounded-md", className), ...props });
+});
+
+
+
+exports.AspectRatio = AspectRatio;
+//# sourceMappingURL=chunk-BD2KPRJD.cjs.map

package/dist/chunk-BD2KPRJD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BD2KPRJD.cjs","../src/components/aspect-ratio/AspectRatio.jsx"],"names":["AspectRatio"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAAgD;AAK5C,+CAAA;AAFG,IAAM,YAAA,EAAc,eAAA,CAAM,UAAA,CAAW,SAASA,YAAAA,CAAY,EAAE,MAAA,EAAQ,GAAA,EAAK,CAAA,EAAG,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC7G,EAAA,uBACE,6BAAA,oBAAC,CAAiB,IAAA,EAAjB,EAAsB,GAAA,EAAU,KAAA,EAAc,SAAA,EAAW,kCAAA,4BAAG,EAA8B,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAEtH,CAAC,CAAA;ADID;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BD2KPRJD.cjs","sourcesContent":[null,"import React from \"react\";\nimport { AspectRatio as RadixAspectRatio } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const AspectRatio = React.forwardRef(function AspectRatio({ ratio = 16 / 9, className, ...props }, ref) {\n  return (\n    <RadixAspectRatio.Root ref={ref} ratio={ratio} className={cn(\"overflow-hidden rounded-md\", className)} {...props} />\n  );\n});\n"]}

package/dist/chunk-BG3HP3NJ.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/popover/Popover.jsx
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+function Content({ className, align = "center", sideOffset = 8, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Popover.Content,
+    {
+      align,
+      sideOffset,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "z-50 w-72 rounded-lg border border-border-default bg-bg-page p-4 shadow-md outline-none",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+var Popover = {
+  Root: _radixui.Popover.Root,
+  Trigger: _radixui.Popover.Trigger,
+  Anchor: _radixui.Popover.Anchor,
+  Content,
+  Close: _radixui.Popover.Close
+};
+
+
+
+exports.Popover = Popover;
+//# sourceMappingURL=chunk-BG3HP3NJ.cjs.map

package/dist/chunk-BG3HP3NJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BG3HP3NJ.cjs","../src/components/popover/Popover.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAwC;AAMlC,+CAAA;AAHN,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,CAAA,EAAG,GAAG,MAAM,CAAA,EAAG;AAC1E,EAAA,uBACE,6BAAA,gBAAC,CAAa,MAAA,EAAb,EACC,QAAA,kBAAA,6BAAA;AAAA,IAAC,gBAAA,CAAa,OAAA;AAAA,IAAb;AAAA,MACC,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;AAEO,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-BG3HP3NJ.cjs","sourcesContent":[null,"import { Popover as RadixPopover } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, align = \"center\", sideOffset = 8, ...props }) {\n  return (\n    <RadixPopover.Portal>\n      <RadixPopover.Content\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-BOLSRMRI.cjs

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

package/dist/chunk-BOLSRMRI.cjs.map

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

package/dist/chunk-BPH6SZFA.cjs

@@ -0,0 +1,50 @@
+"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/marker/Marker.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/marker/Marker.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var markerVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex w-full items-center gap-3 py-2 font-sans text-xs font-medium select-none",
+  {
+    variants: {
+      tone: {
+        neutral: "text-text-muted [--marker-rule:var(--border-default)]",
+        accent: "text-accent [--marker-rule:var(--accent)]",
+        danger: "text-danger-700 [--marker-rule:var(--danger-500)]"
+      }
+    },
+    defaultVariants: { tone: "neutral" }
+  }
+);
+
+// src/components/marker/Marker.jsx
+var _jsxruntime = require('react/jsx-runtime');
+var Marker = _react2.default.forwardRef(function Marker2({ tone, align = "center", className, children, ...props }, ref) {
+  const rule = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "h-px flex-1 bg-[var(--marker-rule)] opacity-60" });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref,
+      role: "separator",
+      "aria-label": typeof children === "string" ? children : void 0,
+      "data-slot": "marker",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, markerVariants({ tone }), className),
+      ...props,
+      children: [
+        align !== "start" && rule,
+        children,
+        align !== "end" && rule
+      ]
+    }
+  );
+});
+
+
+
+exports.Marker = Marker;
+//# sourceMappingURL=chunk-BPH6SZFA.cjs.map

package/dist/chunk-BPH6SZFA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BPH6SZFA.cjs","../src/components/marker/Marker.jsx","../src/components/marker/Marker.variants.js"],"names":["Marker"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;ADOlB;AACA;AERA,kEAAoB;AAEb,IAAM,eAAA,EAAiB,yCAAA;AAAA,EAC5B,+EAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,uDAAA;AAAA,QACT,MAAA,EAAQ,2CAAA;AAAA,QACR,MAAA,EAAQ;AAAA,MACV;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,UAAU;AAAA,EACrC;AACF,CAAA;AFSA;AACA;ACRe,+CAAA;AAJR,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASA,OAAAA,CAC9C,EAAE,IAAA,EAAM,MAAA,EAAQ,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EACxD,GAAA,EACA;AACA,EAAA,MAAM,KAAA,kBAAO,6BAAA,MAAC,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,iDAAA,CAAiD,CAAA;AAEjG,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,WAAA;AAAA,MACL,YAAA,EAAY,OAAO,SAAA,IAAa,SAAA,EAAW,SAAA,EAAW,KAAA,CAAA;AAAA,MACtD,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MAChD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,MAAA,IAAU,QAAA,GAAW,IAAA;AAAA,QACrB,QAAA;AAAA,QACA,MAAA,IAAU,MAAA,GAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,CAAA;AAEJ,CAAC,CAAA;ADaD;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BPH6SZFA.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { markerVariants } from \"./Marker.variants.js\";\n\n/*\n * A labelled divider between runs of messages — \"Today\", \"New messages\", \"Context truncated\".\n * role=\"separator\" carries the semantics; the label is the accessible name, so screen readers get\n * \"Today, separator\" rather than a bare rule they'd otherwise skip past silently.\n *\n * The rules are two flex-1 spans reading a --marker-rule custom property set by the tone variant,\n * so a tone change recolours text and both rules from one place.\n */\nexport const Marker = React.forwardRef(function Marker(\n  { tone, align = \"center\", className, children, ...props },\n  ref,\n) {\n  const rule = <span aria-hidden=\"true\" className=\"h-px flex-1 bg-[var(--marker-rule)] opacity-60\" />;\n\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-label={typeof children === \"string\" ? children : undefined}\n      data-slot=\"marker\"\n      className={cn(markerVariants({ tone }), className)}\n      {...props}\n    >\n      {align !== \"start\" && rule}\n      {children}\n      {align !== \"end\" && rule}\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const markerVariants = cva(\n  \"flex w-full items-center gap-3 py-2 font-sans text-xs font-medium select-none\",\n  {\n    variants: {\n      tone: {\n        neutral: \"text-text-muted [--marker-rule:var(--border-default)]\",\n        accent: \"text-accent [--marker-rule:var(--accent)]\",\n        danger: \"text-danger-700 [--marker-rule:var(--danger-500)]\",\n      },\n    },\n    defaultVariants: { tone: \"neutral\" },\n  },\n);\n"]}

package/dist/chunk-BYEEPZYO.cjs

@@ -0,0 +1,26 @@
+"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/separator/Separator.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var Separator = _react2.default.forwardRef(function Separator2({ orientation = "horizontal", decorative = true, className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Separator.Root,
+    {
+      ref,
+      orientation,
+      decorative,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "shrink-0 bg-border-default", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
+      ...props
+    }
+  );
+});
+
+
+
+exports.Separator = Separator;
+//# sourceMappingURL=chunk-BYEEPZYO.cjs.map

package/dist/chunk-BYEEPZYO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BYEEPZYO.cjs","../src/components/separator/Separator.jsx"],"names":["Separator"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAA4C;AAQxC,+CAAA;AALG,IAAM,UAAA,EAAY,eAAA,CAAM,UAAA,CAAW,SAASA,UAAAA,CACjD,EAAE,YAAA,EAAc,YAAA,EAAc,WAAA,EAAa,IAAA,EAAM,SAAA,EAAW,GAAG,MAAM,CAAA,EACrE,GAAA,EACA;AACA,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA,CAAe,IAAA;AAAA,IAAf;AAAA,MACC,GAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,kCAAA,4BAAG,EAA8B,YAAA,IAAgB,aAAA,EAAe,cAAA,EAAgB,aAAA,EAAe,SAAS,CAAA;AAAA,MAClH,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;ADID;AACA;AACE;AACF,8BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-BYEEPZYO.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Separator as RadixSeparator } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Separator = React.forwardRef(function Separator(\n  { orientation = \"horizontal\", decorative = true, className, ...props },\n  ref,\n) {\n  return (\n    <RadixSeparator.Root\n      ref={ref}\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\"shrink-0 bg-border-default\", orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\", className)}\n      {...props}\n    />\n  );\n});\n"]}

package/dist/chunk-C35O5Z4E.js

@@ -0,0 +1,93 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/chart/Chart.jsx
+import { createContext, useContext, useId } from "react";
+import * as RechartsPrimitive from "recharts";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChartContext = createContext(null);
+function useChart() {
+  const context = useContext(ChartContext);
+  if (!context) throw new Error("Chart.Tooltip/LegendContent must be used within Chart.Container");
+  return context;
+}
+function Container({ config, className, children, initialDimension, ...props }) {
+  const uniqueId = useId();
+  const chartId = `chart-${uniqueId.replace(/:/g, "")}`;
+  const entries = Object.entries(config).filter(([, value]) => value.color);
+  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-chart": chartId,
+      className: cn(
+        "aspect-video w-full font-sans text-xs [&_.recharts-cartesian-axis-tick_text]:fill-text-muted [&_.recharts-cartesian-grid_line]:stroke-border-default [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border-strong [&_.recharts-dot]:stroke-transparent",
+        className
+      ),
+      ...props,
+      children: [
+        entries.length > 0 && /* @__PURE__ */ jsx(
+          "style",
+          {
+            dangerouslySetInnerHTML: {
+              __html: `[data-chart=${chartId}] {
+${entries.map(([key, value]) => `  --color-${key}: ${value.color};`).join("\n")}
+}`
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension ?? { width: 400, height: 250 }, children })
+      ]
+    }
+  ) });
+}
+function TooltipContent({ active, payload, label, className, ...props }) {
+  const { config } = useChart();
+  if (!active || !(payload == null ? void 0 : payload.length)) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("min-w-[10rem] rounded-md border border-border-default bg-bg-page p-2.5 shadow-md", className),
+      ...props,
+      children: [
+        label && /* @__PURE__ */ jsx("div", { className: "mb-1.5 text-xs font-semibold text-text-primary", children: label }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: payload.map((item) => {
+          const key = item.dataKey || item.name;
+          const itemConfig = config[key];
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 text-xs", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-text-secondary", children: [
+              /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full", style: { background: `var(--color-${key})` } }),
+              (itemConfig == null ? void 0 : itemConfig.label) || key
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-text-primary", children: item.value })
+          ] }, key);
+        }) })
+      ]
+    }
+  );
+}
+function LegendContent({ payload, className, ...props }) {
+  const { config } = useChart();
+  if (!(payload == null ? void 0 : payload.length)) return null;
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-4 pt-3", className), ...props, children: payload.map((item) => {
+    const key = item.dataKey || item.value;
+    const itemConfig = config[key];
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-text-secondary", children: [
+      /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full", style: { background: item.color } }),
+      (itemConfig == null ? void 0 : itemConfig.label) || item.value
+    ] }, key);
+  }) });
+}
+var Chart = {
+  Container,
+  Tooltip: RechartsPrimitive.Tooltip,
+  TooltipContent,
+  Legend: RechartsPrimitive.Legend,
+  LegendContent
+};
+
+export {
+  Chart
+};
+//# sourceMappingURL=chunk-C35O5Z4E.js.map

package/dist/chunk-C35O5Z4E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chart/Chart.jsx"],"sourcesContent":["import { 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.\nfunction Container({ config, className, children, initialDimension, ...props }) {\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        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\nfunction TooltipContent({ active, payload, label, className, ...props }) {\n  const { config } = useChart();\n  if (!active || !payload?.length) return null;\n\n  return (\n    <div\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\nfunction LegendContent({ payload, className, ...props }) {\n  const { config } = useChart();\n  if (!payload?.length) return null;\n\n  return (\n    <div 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"],"mappings":";;;;;;AAAA,SAAS,eAAe,YAAY,aAAa;AACjD,YAAY,uBAAuB;AAyB7B,SASI,KATJ;AAtBN,IAAM,eAAe,cAAc,IAAI;AAEvC,SAAS,WAAW;AAClB,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,QAAS,OAAM,IAAI,MAAM,iEAAiE;AAC/F,SAAO;AACT;AASA,SAAS,UAAU,EAAE,QAAQ,WAAW,UAAU,kBAAkB,GAAG,MAAM,GAAG;AAC9E,QAAM,WAAW,MAAM;AACvB,QAAM,UAAU,SAAS,SAAS,QAAQ,MAAM,EAAE,CAAC;AACnD,QAAM,UAAU,OAAO,QAAQ,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,MAAM,KAAK;AAExE,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,OAAO,GACrC;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,gBAAQ,SAAS,KAChB;AAAA,UAAC;AAAA;AAAA,YACC,yBAAyB;AAAA,cACvB,QAAQ,eAAe,OAAO;AAAA,EAAQ,QACnC,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,aAAa,GAAG,KAAK,MAAM,KAAK,GAAG,EACzD,KAAK,IAAI,CAAC;AAAA;AAAA,YACf;AAAA;AAAA,QACF;AAAA,QAEF,oBAAmB,uCAAlB,EAAsC,kBAAkB,oBAAoB,EAAE,OAAO,KAAK,QAAQ,IAAI,GACpG,UACH;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,eAAe,EAAE,QAAQ,SAAS,OAAO,WAAW,GAAG,MAAM,GAAG;AACvE,QAAM,EAAE,OAAO,IAAI,SAAS;AAC5B,MAAI,CAAC,UAAU,EAAC,mCAAS,QAAQ,QAAO;AAExC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oFAAoF,SAAS;AAAA,MAC1G,GAAG;AAAA,MAEH;AAAA,iBAAS,oBAAC,SAAI,WAAU,kDAAkD,iBAAM;AAAA,QACjF,oBAAC,SAAI,WAAU,uBACZ,kBAAQ,IAAI,CAAC,SAAS;AACrB,gBAAM,MAAM,KAAK,WAAW,KAAK;AACjC,gBAAM,aAAa,OAAO,GAAG;AAC7B,iBACE,qBAAC,SAAc,WAAU,mDACvB;AAAA,iCAAC,UAAK,WAAU,iDACd;AAAA,kCAAC,UAAK,WAAU,wBAAuB,OAAO,EAAE,YAAY,eAAe,GAAG,IAAI,GAAG;AAAA,eACpF,yCAAY,UAAS;AAAA,eACxB;AAAA,YACA,oBAAC,UAAK,WAAU,2CAA2C,eAAK,OAAM;AAAA,eAL9D,GAMV;AAAA,QAEJ,CAAC,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,cAAc,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG;AACvD,QAAM,EAAE,OAAO,IAAI,SAAS;AAC5B,MAAI,EAAC,mCAAS,QAAQ,QAAO;AAE7B,SACE,oBAAC,SAAI,WAAW,GAAG,yDAAyD,SAAS,GAAI,GAAG,OACzF,kBAAQ,IAAI,CAAC,SAAS;AACrB,UAAM,MAAM,KAAK,WAAW,KAAK;AACjC,UAAM,aAAa,OAAO,GAAG;AAC7B,WACE,qBAAC,SAAc,WAAU,yDACvB;AAAA,0BAAC,UAAK,WAAU,wBAAuB,OAAO,EAAE,YAAY,KAAK,MAAM,GAAG;AAAA,OACzE,yCAAY,UAAS,KAAK;AAAA,SAFnB,GAGV;AAAA,EAEJ,CAAC,GACH;AAEJ;AAEO,IAAM,QAAQ;AAAA,EACnB;AAAA,EACA,SAA2B;AAAA,EAC3B;AAAA,EACA,QAA0B;AAAA,EAC1B;AACF;","names":[]}

package/dist/chunk-C4M7CGEJ.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/tabs/Tabs.jsx
+var _radixui = require('radix-ui');
+
+// src/components/tabs/Tabs.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var tabsTriggerVariants = _classvarianceauthority.cva.call(void 0, 
+  "-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 disabled:pointer-events-none disabled:opacity-50"
+);
+
+// src/components/tabs/Tabs.jsx
+var _jsxruntime = require('react/jsx-runtime');
+function List({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tabs.List, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex border-b border-border-default font-sans", className), ...props });
+}
+function Trigger({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tabs.Trigger, { className: _chunkNSTYHMFWcjs.cn.call(void 0, tabsTriggerVariants(), className), ...props });
+}
+var Tabs = {
+  Root: _radixui.Tabs.Root,
+  List,
+  Trigger,
+  Content: _radixui.Tabs.Content
+};
+
+
+
+exports.Tabs = Tabs;
+//# sourceMappingURL=chunk-C4M7CGEJ.cjs.map

package/dist/chunk-C4M7CGEJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-C4M7CGEJ.cjs","../src/components/tabs/Tabs.jsx","../src/components/tabs/Tabs.variants.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAkC;ADOlC;AACA;AERA,kEAAoB;AAEb,IAAM,oBAAA,EAAsB,yCAAA;AAAA,EACjC;AACF,CAAA;AFSA;AACA;ACTS,+CAAA;AADT,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,aAAC,CAAU,IAAA,EAAV,EAAe,SAAA,EAAW,kCAAA,+CAAG,EAAiD,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAC/G;AAEA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACxC,EAAA,uBAAO,6BAAA,aAAC,CAAU,OAAA,EAAV,EAAkB,SAAA,EAAW,kCAAA,mBAAG,CAAoB,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACxF;AAEO,IAAM,KAAA,EAAO;AAAA,EAClB,IAAA,EAAM,aAAA,CAAU,IAAA;AAAA,EAChB,IAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA,EAAS,aAAA,CAAU;AACrB,CAAA;ADWA;AACA;AACE;AACF,oBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-C4M7CGEJ.cjs","sourcesContent":[null,"import { Tabs as RadixTabs } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { tabsTriggerVariants } from \"./Tabs.variants.js\";\n\nfunction List({ className, ...props }) {\n  return <RadixTabs.List className={cn(\"flex border-b border-border-default font-sans\", className)} {...props} />;\n}\n\nfunction Trigger({ className, ...props }) {\n  return <RadixTabs.Trigger 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\";\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 disabled:pointer-events-none disabled:opacity-50\",\n);\n"]}

package/dist/chunk-C7ISP523.js

@@ -0,0 +1,2 @@
+'use client';
+//# sourceMappingURL=chunk-C7ISP523.js.map

package/dist/chunk-C7ISP523.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-CA2SLMZH.cjs

@@ -0,0 +1,27 @@
+"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/button-group/ButtonGroup.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var ButtonGroup = _react2.default.forwardRef(function ButtonGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      role: "group",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "inline-flex [&>*]:rounded-none [&>*:first-child]:rounded-l-md [&>*:last-child]:rounded-r-md [&>*:not(:first-child)]:-ml-px",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+
+
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=chunk-CA2SLMZH.cjs.map

package/dist/chunk-CA2SLMZH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-CA2SLMZH.cjs","../src/components/button-group/ButtonGroup.jsx"],"names":["ButtonGroup"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAKd,+CAAA;AAFG,IAAM,YAAA,EAAc,eAAA,CAAM,UAAA,CAAW,SAASA,YAAAA,CAAY,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC7F,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,SAAA,EAAW,kCAAA;AAAA,QACT,4HAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;ADOD;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-CA2SLMZH.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const ButtonGroup = React.forwardRef(function ButtonGroup({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      className={cn(\n        \"inline-flex [&>*]:rounded-none [&>*:first-child]:rounded-l-md [&>*:last-child]:rounded-r-md [&>*:not(:first-child)]:-ml-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"]}

package/dist/chunk-CEQAANDU.cjs

@@ -0,0 +1,26 @@
+"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/kbd/Kbd.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Kbd = _react2.default.forwardRef(function Kbd2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "kbd",
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "inline-flex h-5.5 min-w-5.5 items-center justify-center rounded-sm border border-border-default bg-bg-surface px-1.5 font-mono text-xs font-medium text-text-secondary",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+
+
+exports.Kbd = Kbd;
+//# sourceMappingURL=chunk-CEQAANDU.cjs.map

package/dist/chunk-CEQAANDU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-CEQAANDU.cjs","../src/components/kbd/Kbd.jsx"],"names":["Kbd"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAKd,+CAAA;AAFG,IAAM,IAAA,EAAM,eAAA,CAAM,UAAA,CAAW,SAASA,IAAAA,CAAI,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC7E,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,wKAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;ADOD;AACA;AACE;AACF,kBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-CEQAANDU.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Kbd = React.forwardRef(function Kbd({ className, ...props }, ref) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        \"inline-flex h-5.5 min-w-5.5 items-center justify-center rounded-sm border border-border-default bg-bg-surface px-1.5 font-mono text-xs font-medium text-text-secondary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"]}

package/dist/chunk-CQNMLNRY.js

@@ -0,0 +1,64 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/dialog/Dialog.jsx
+import { Dialog as RadixDialog } from "radix-ui";
+import { X } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Content({ className, children, ...props }) {
+  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(
+          "fixed left-1/2 top-1/2 z-[100] w-[420px] max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-lg border border-border-default bg-bg-page p-6 shadow-md focus:outline-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            RadixDialog.Close,
+            {
+              "aria-label": "Close",
+              className: "absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-md text-text-muted transition-colors hover:bg-bg-surface hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+              children: /* @__PURE__ */ jsx(X, { size: 16 })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+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("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 Dialog = {
+  Root: RadixDialog.Root,
+  Trigger: RadixDialog.Trigger,
+  Close: RadixDialog.Close,
+  Content,
+  Title,
+  Description,
+  Footer
+};
+
+export {
+  Dialog
+};
+//# sourceMappingURL=chunk-CQNMLNRY.js.map

package/dist/chunk-CQNMLNRY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/Dialog.jsx"],"sourcesContent":["import { Dialog as RadixDialog } from \"radix-ui\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, children, ...props }) {\n  return (\n    <RadixDialog.Portal>\n      <RadixDialog.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <RadixDialog.Content\n        className={cn(\n          \"fixed left-1/2 top-1/2 z-[100] w-[420px] max-w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-lg border border-border-default bg-bg-page p-6 shadow-md focus:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <RadixDialog.Close\n          aria-label=\"Close\"\n          className=\"absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-md text-text-muted transition-colors hover:bg-bg-surface hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\"\n        >\n          <X size={16} />\n        </RadixDialog.Close>\n      </RadixDialog.Content>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Title({ className, ...props }) {\n  return <RadixDialog.Title className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n}\n\nfunction Description({ className, ...props }) {\n  return (\n    <RadixDialog.Description\n      className={cn(\"mt-2 text-base leading-relaxed text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Footer({ className, ...props }) {\n  return <div className={cn(\"mt-6 flex justify-end gap-2.5\", className)} {...props} />;\n}\n\nexport const Dialog = {\n  Root: RadixDialog.Root,\n  Trigger: RadixDialog.Trigger,\n  Close: RadixDialog.Close,\n  Content,\n  Title,\n  Description,\n  Footer,\n};\n"],"mappings":";;;;;;AAAA,SAAS,UAAU,mBAAmB;AACtC,SAAS,SAAS;AAMZ,cACA,YADA;AAHN,SAAS,QAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AAClD,SACE,qBAAC,YAAY,QAAZ,EACC;AAAA,wBAAC,YAAY,SAAZ,EAAoB,WAAU,2CAA0C;AAAA,IACzE;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,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;AAEA,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG;AACtC,SAAO,oBAAC,YAAY,OAAZ,EAAkB,WAAW,GAAG,uCAAuC,SAAS,GAAI,GAAG,OAAO;AACxG;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAG;AAC5C,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAC5E,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,SAAO,oBAAC,SAAI,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AACpF;AAEO,IAAM,SAAS;AAAA,EACpB,MAAM,YAAY;AAAA,EAClB,SAAS,YAAY;AAAA,EACrB,OAAO,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-CVXFVAS4.cjs

@@ -0,0 +1,93 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/menubar/Menubar.jsx
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+var contentClass = "z-50 min-w-[10rem] overflow-hidden rounded-md border border-border-default bg-bg-page p-1 shadow-md";
+var itemClass = "relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 text-sm text-text-primary outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-bg-surface";
+function Root({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Menubar.Root,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center gap-1 rounded-md border border-border-default bg-bg-page p-1 font-sans", className),
+      ...props
+    }
+  );
+}
+function Trigger({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Menubar.Trigger,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex select-none items-center rounded-sm px-3 py-1.5 text-sm font-semibold text-text-primary outline-none data-[state=open]:bg-bg-surface",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Content({ className, align = "start", sideOffset = 4, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Content, { align, sideOffset, className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+}
+function Item({ className, inset, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Item, { className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, inset && "pl-8", className), ...props });
+}
+function CheckboxItem({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Menubar.CheckboxItem, { className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Check, { size: 14, className: "text-accent" }) }),
+    children
+  ] });
+}
+function RadioItem({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Menubar.RadioItem, { className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Circle, { size: 8, className: "fill-accent text-accent" }) }),
+    children
+  ] });
+}
+function Separator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Separator, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "my-1 h-px bg-border-default", className), ...props });
+}
+function Shortcut({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "ml-auto pl-4 text-xs tracking-widest text-text-muted", className), ...props });
+}
+function SubTrigger({ className, inset, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Menubar.SubTrigger,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "data-[state=open]:bg-bg-surface", inset && "pl-8", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronRight, { size: 14, className: "ml-auto text-text-muted" })
+      ]
+    }
+  );
+}
+function SubContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.SubContent, { className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+}
+var Menubar = {
+  Root,
+  Menu: _radixui.Menubar.Menu,
+  Trigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup: _radixui.Menubar.RadioGroup,
+  RadioItem,
+  Separator,
+  Shortcut,
+  Group: _radixui.Menubar.Group,
+  Sub: _radixui.Menubar.Sub,
+  SubTrigger,
+  SubContent
+};
+
+
+
+exports.Menubar = Menubar;
+//# sourceMappingURL=chunk-CVXFVAS4.cjs.map

package/dist/chunk-CVXFVAS4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-CVXFVAS4.cjs","../src/components/menubar/Menubar.jsx"],"names":[],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-CVXFVAS4.cjs","sourcesContent":[null,"import { Menubar as RadixMenubar } from \"radix-ui\";\nimport { Check, ChevronRight, Circle } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\n// Matches DropdownMenu/ContextMenu's content and item classes so a menu looks identical\n// regardless of which trigger mechanism opened it.\nconst contentClass =\n  \"z-50 min-w-[10rem] overflow-hidden rounded-md border border-border-default bg-bg-page p-1 shadow-md\";\nconst itemClass =\n  \"relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 text-sm text-text-primary outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-bg-surface\";\n\nfunction Root({ className, ...props }) {\n  return (\n    <RadixMenubar.Root\n      className={cn(\"flex items-center gap-1 rounded-md border border-border-default bg-bg-page p-1 font-sans\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Trigger({ className, ...props }) {\n  return (\n    <RadixMenubar.Trigger\n      className={cn(\n        \"flex select-none items-center rounded-sm px-3 py-1.5 text-sm font-semibold text-text-primary outline-none data-[state=open]:bg-bg-surface\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Content({ className, align = \"start\", sideOffset = 4, ...props }) {\n  return (\n    <RadixMenubar.Portal>\n      <RadixMenubar.Content align={align} sideOffset={sideOffset} className={cn(contentClass, className)} {...props} />\n    </RadixMenubar.Portal>\n  );\n}\n\nfunction Item({ className, inset, ...props }) {\n  return <RadixMenubar.Item className={cn(itemClass, inset && \"pl-8\", className)} {...props} />;\n}\n\nfunction CheckboxItem({ className, children, ...props }) {\n  return (\n    <RadixMenubar.CheckboxItem className={cn(itemClass, \"pl-8\", className)} {...props}>\n      <RadixMenubar.ItemIndicator className=\"absolute left-2.5 inline-flex items-center\">\n        <Check size={14} className=\"text-accent\" />\n      </RadixMenubar.ItemIndicator>\n      {children}\n    </RadixMenubar.CheckboxItem>\n  );\n}\n\nfunction RadioItem({ className, children, ...props }) {\n  return (\n    <RadixMenubar.RadioItem className={cn(itemClass, \"pl-8\", className)} {...props}>\n      <RadixMenubar.ItemIndicator className=\"absolute left-2.5 inline-flex items-center\">\n        <Circle size={8} className=\"fill-accent text-accent\" />\n      </RadixMenubar.ItemIndicator>\n      {children}\n    </RadixMenubar.RadioItem>\n  );\n}\n\nfunction Separator({ className, ...props }) {\n  return <RadixMenubar.Separator className={cn(\"my-1 h-px bg-border-default\", className)} {...props} />;\n}\n\nfunction Shortcut({ className, ...props }) {\n  return <span className={cn(\"ml-auto pl-4 text-xs tracking-widest text-text-muted\", className)} {...props} />;\n}\n\nfunction SubTrigger({ className, inset, children, ...props }) {\n  return (\n    <RadixMenubar.SubTrigger\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    </RadixMenubar.SubTrigger>\n  );\n}\n\nfunction SubContent({ className, ...props }) {\n  return (\n    <RadixMenubar.Portal>\n      <RadixMenubar.SubContent className={cn(contentClass, className)} {...props} />\n    </RadixMenubar.Portal>\n  );\n}\n\nexport const Menubar = {\n  Root,\n  Menu: RadixMenubar.Menu,\n  Trigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup: RadixMenubar.RadioGroup,\n  RadioItem,\n  Separator,\n  Shortcut,\n  Group: RadixMenubar.Group,\n  Sub: RadixMenubar.Sub,\n  SubTrigger,\n  SubContent,\n};\n"]}

package/dist/chunk-DBCPNZ6H.js

@@ -0,0 +1,34 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/popover/Popover.jsx
+import { Popover as RadixPopover } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+function Content({ className, align = "center", sideOffset = 8, ...props }) {
+  return /* @__PURE__ */ jsx(RadixPopover.Portal, { children: /* @__PURE__ */ jsx(
+    RadixPopover.Content,
+    {
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-72 rounded-lg border border-border-default bg-bg-page p-4 shadow-md outline-none",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+var Popover = {
+  Root: RadixPopover.Root,
+  Trigger: RadixPopover.Trigger,
+  Anchor: RadixPopover.Anchor,
+  Content,
+  Close: RadixPopover.Close
+};
+
+export {
+  Popover
+};
+//# sourceMappingURL=chunk-DBCPNZ6H.js.map

package/dist/chunk-DBCPNZ6H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover/Popover.jsx"],"sourcesContent":["import { Popover as RadixPopover } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, align = \"center\", sideOffset = 8, ...props }) {\n  return (\n    <RadixPopover.Portal>\n      <RadixPopover.Content\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,SAAS,WAAW,oBAAoB;AAMlC;AAHN,SAAS,QAAQ,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG;AAC1E,SACE,oBAAC,aAAa,QAAb,EACC;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEO,IAAM,UAAU;AAAA,EACrB,MAAM,aAAa;AAAA,EACnB,SAAS,aAAa;AAAA,EACtB,QAAQ,aAAa;AAAA,EACrB;AAAA,EACA,OAAO,aAAa;AACtB;","names":[]}