@tlglobal/ui 2.0.0

package/dist/chunk-HFYNUSDC.cjs

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/context-menu/ContextMenu.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 Content({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.Content, { className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+}
+function Item({ className, inset, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.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.ContextMenu.CheckboxItem, { className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Check, { size: 14, className: "text-accent" }) }),
+    children
+  ] });
+}
+function RadioItem({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.ContextMenu.RadioItem, { className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Circle, { size: 8, className: "fill-accent text-accent" }) }),
+    children
+  ] });
+}
+function Label({ className, inset, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.ContextMenu.Label,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "px-2 py-1.5 text-xs font-semibold text-text-muted", inset && "pl-8", className),
+      ...props
+    }
+  );
+}
+function Separator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.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.ContextMenu.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.ContextMenu.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ContextMenu.SubContent, { className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+}
+var ContextMenu = {
+  Root: _radixui.ContextMenu.Root,
+  Trigger: _radixui.ContextMenu.Trigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup: _radixui.ContextMenu.RadioGroup,
+  RadioItem,
+  Label,
+  Separator,
+  Shortcut,
+  Group: _radixui.ContextMenu.Group,
+  Sub: _radixui.ContextMenu.Sub,
+  SubTrigger,
+  SubContent
+};
+
+
+
+exports.ContextMenu = ContextMenu;
+//# sourceMappingURL=chunk-HFYNUSDC.cjs.map

package/dist/chunk-HFYNUSDC.cjs.map

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

package/dist/chunk-HGP3RUO3.cjs

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

package/dist/chunk-HGP3RUO3.cjs.map

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

package/dist/chunk-HJCCG7JW.js

@@ -0,0 +1,43 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/resizable/Resizable.jsx
+import { 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 }) {
+  return /* @__PURE__ */ jsx(ResizableContext.Provider, { value: orientation, children: /* @__PURE__ */ jsx(
+    Group,
+    {
+      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 }) {
+  const orientation = useContext(ResizableContext);
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      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",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Resizable = { Group: ResizableGroup, Panel: ResizablePanel, Separator: ResizableSeparator };
+
+export {
+  Resizable
+};
+//# sourceMappingURL=chunk-HJCCG7JW.js.map

package/dist/chunk-HJCCG7JW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/resizable/Resizable.jsx"],"sourcesContent":["import { 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\nfunction ResizableGroup({ orientation = \"horizontal\", className, ...props }) {\n  return (\n    <ResizableContext.Provider value={orientation}>\n      <Group\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\nfunction ResizablePanel({ className, ...props }) {\n  return <Panel className={className} {...props} />;\n}\n\nfunction ResizableSeparator({ className, ...props }) {\n  const orientation = useContext(ResizableContext);\n  return (\n    <Separator\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,SAAS,eAAe,kBAAkB;AAC1C,SAAS,OAAO,OAAO,iBAAiB;AAWlC;AALN,IAAM,mBAAmB,cAAc,YAAY;AAEnD,SAAS,eAAe,EAAE,cAAc,cAAc,WAAW,GAAG,MAAM,GAAG;AAC3E,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,sBAAsB,gBAAgB,cAAc,YAAY,SAAS;AAAA,MACtF,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAG;AAC/C,SAAO,oBAAC,SAAM,WAAuB,GAAG,OAAO;AACjD;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAAG;AACnD,QAAM,cAAc,WAAW,gBAAgB;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,aAAa,kCAAkC;AAAA,QAC/D;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,IAAM,YAAY,EAAE,OAAO,gBAAgB,OAAO,gBAAgB,WAAW,mBAAmB;","names":[]}

package/dist/chunk-HRO7NGJR.cjs

@@ -0,0 +1,89 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/command/Command.jsx
+var _cmdk = require('cmdk');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+function Root({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _cmdk.Command,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex w-full flex-col overflow-hidden rounded-md bg-bg-page font-sans text-text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Input({ className, ...props }) {
+  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,
+      {
+        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
+        ),
+        ...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 }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _cmdk.Command.Group,
+    {
+      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
+      ),
+      ...props
+    }
+  );
+}
+function Item({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _cmdk.Command.Item,
+    {
+      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
+      ),
+      ...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 }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _cmdk.Command.Dialog,
+    {
+      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",
+        contentClassName
+      ),
+      className,
+      ...props
+    }
+  );
+}
+var Command = { Root, Input, List, Empty, Group, Item, Separator, Dialog };
+
+
+
+exports.Command = Command;
+//# sourceMappingURL=chunk-HRO7NGJR.cjs.map

package/dist/chunk-HRO7NGJR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-HRO7NGJR.cjs","../src/components/command/Command.jsx"],"names":[],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-HRO7NGJR.cjs","sourcesContent":[null,"import { Command as Cmdk } from \"cmdk\";\nimport { Search } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Root({ className, ...props }) {\n  return (\n    <Cmdk\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\nfunction Input({ className, ...props }) {\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        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\nfunction List({ className, ...props }) {\n  return <Cmdk.List className={cn(\"max-h-72 overflow-y-auto overflow-x-hidden p-1\", className)} {...props} />;\n}\n\nfunction Empty({ className, ...props }) {\n  return <Cmdk.Empty className={cn(\"py-6 text-center text-sm text-text-muted\", className)} {...props} />;\n}\n\nfunction Group({ className, ...props }) {\n  return (\n    <Cmdk.Group\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\nfunction Item({ className, ...props }) {\n  return (\n    <Cmdk.Item\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\nfunction Separator({ className, ...props }) {\n  return <Cmdk.Separator className={cn(\"my-1 h-px bg-border-default\", className)} {...props} />;\n}\n\nfunction Dialog({ className, overlayClassName, contentClassName, ...props }) {\n  return (\n    <Cmdk.Dialog\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-HWVBYDV7.cjs

@@ -0,0 +1,125 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkHAMZFEZOcjs = require('./chunk-HAMZFEZO.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/message-scroller/MessageScroller.jsx
+var _react = require('react');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+var MessageScrollerContext = _react.createContext.call(void 0, null);
+function useMessageScroller() {
+  const context = _react.useContext.call(void 0, MessageScrollerContext);
+  if (!context) throw new Error("MessageScroller parts must be used within MessageScroller.Root");
+  return context;
+}
+function Root({ threshold = 32, className, children, ...props }) {
+  const viewportRef = _react.useRef.call(void 0, null);
+  const contentRef = _react.useRef.call(void 0, null);
+  const [isPinned, setIsPinned] = _react.useState.call(void 0, true);
+  const pinnedRef = _react.useRef.call(void 0, true);
+  const setPinned = _react.useCallback.call(void 0, (value) => {
+    pinnedRef.current = value;
+    setIsPinned(value);
+  }, []);
+  const scrollToBottom = _react.useCallback.call(void 0, (options) => {
+    const el = viewportRef.current;
+    if (!el) return;
+    if ((options == null ? void 0 : options.behavior) === "smooth" && typeof el.scrollTo === "function") {
+      el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+    } else {
+      el.scrollTop = el.scrollHeight;
+    }
+    setPinned(true);
+  }, [setPinned]);
+  const handleScroll = _react.useCallback.call(void 0, () => {
+    const el = viewportRef.current;
+    if (!el) return;
+    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+    setPinned(distanceFromBottom <= threshold);
+  }, [threshold, setPinned]);
+  _react.useEffect.call(void 0, () => {
+    scrollToBottom({ behavior: "auto" });
+  }, [scrollToBottom]);
+  _react.useEffect.call(void 0, () => {
+    const content = contentRef.current;
+    if (!content || typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver(() => {
+      if (pinnedRef.current) scrollToBottom({ behavior: "auto" });
+    });
+    observer.observe(content);
+    return () => observer.disconnect();
+  }, [scrollToBottom]);
+  const context = _react.useMemo.call(void 0, 
+    () => ({ viewportRef, contentRef, isPinned, scrollToBottom, handleScroll }),
+    [isPinned, scrollToBottom, handleScroll]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MessageScrollerContext.Provider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-scroller",
+      "data-pinned": isPinned || void 0,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative flex min-h-0 flex-1 flex-col", className),
+      ...props,
+      children
+    }
+  ) });
+}
+function Viewport({ className, ...props }) {
+  const { viewportRef, handleScroll } = useMessageScroller();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: viewportRef,
+      onScroll: handleScroll,
+      "data-slot": "message-scroller-viewport",
+      tabIndex: 0,
+      role: "log",
+      "aria-label": "Conversation",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "min-h-0 flex-1 overflow-y-auto overscroll-contain focus-visible:outline-none", className),
+      ...props
+    }
+  );
+}
+function Content({ className, ...props }) {
+  const { contentRef } = useMessageScroller();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: contentRef,
+      "data-slot": "message-scroller-content",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-col gap-4 p-4", className),
+      ...props
+    }
+  );
+}
+function JumpToLatest({ className, children = "Jump to latest", onClick, ...props }) {
+  const { isPinned, scrollToBottom } = useMessageScroller();
+  if (isPinned) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkHAMZFEZOcjs.Button,
+    {
+      variant: "secondary",
+      size: "sm",
+      iconRight: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronDown, { size: 14 }),
+      onClick: (event) => {
+        onClick == null ? void 0 : onClick(event);
+        scrollToBottom({ behavior: "smooth" });
+      },
+      "data-slot": "message-scroller-jump",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-md", className),
+      ...props,
+      children
+    }
+  );
+}
+var MessageScroller = { Root, Viewport, Content, JumpToLatest };
+
+
+
+
+exports.useMessageScroller = useMessageScroller; exports.MessageScroller = MessageScroller;
+//# sourceMappingURL=chunk-HWVBYDV7.cjs.map

package/dist/chunk-HWVBYDV7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-HWVBYDV7.cjs","../src/components/message-scroller/MessageScroller.jsx"],"names":[],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-HWVBYDV7.cjs","sourcesContent":[null,"import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { ChevronDown } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Button } from \"../button/Button.jsx\";\n\nconst MessageScrollerContext = createContext(null);\n\nexport function useMessageScroller() {\n  const context = useContext(MessageScrollerContext);\n  if (!context) throw new Error(\"MessageScroller parts must be used within MessageScroller.Root\");\n  return context;\n}\n\nfunction Root({ threshold = 32, className, children, ...props }) {\n  const viewportRef = useRef(null);\n  const contentRef = useRef(null);\n  const [isPinned, setIsPinned] = useState(true);\n\n  /*\n   * The observers below must not re-subscribe every time `isPinned` flips — that would tear down\n   * and rebuild a ResizeObserver on every scroll. They read this ref instead, which is kept in\n   * sync with the state that drives rendering.\n   */\n  const pinnedRef = useRef(true);\n  const setPinned = useCallback((value) => {\n    pinnedRef.current = value;\n    setIsPinned(value);\n  }, []);\n\n  const scrollToBottom = useCallback((options) => {\n    const el = viewportRef.current;\n    if (!el) return;\n    // Assigning scrollTop is the fallback rather than the exception: jsdom has no\n    // Element.prototype.scrollTo at all, so smooth scrolling can't be the only path.\n    if (options?.behavior === \"smooth\" && typeof el.scrollTo === \"function\") {\n      el.scrollTo({ top: el.scrollHeight, behavior: \"smooth\" });\n    } else {\n      el.scrollTop = el.scrollHeight;\n    }\n    setPinned(true);\n  }, [setPinned]);\n\n  const handleScroll = useCallback(() => {\n    const el = viewportRef.current;\n    if (!el) return;\n    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;\n    setPinned(distanceFromBottom <= threshold);\n  }, [threshold, setPinned]);\n\n  // Start at the newest message, without an animation the user didn't ask for.\n  useEffect(() => {\n    scrollToBottom({ behavior: \"auto\" });\n  }, [scrollToBottom]);\n\n  /*\n   * Follow new content only while the user is still at the bottom. Yanking them back down mid-scroll\n   * because a reply streamed in is the single most annoying failure mode of a chat log, so once they\n   * scroll away we leave them alone and surface JumpToLatest instead.\n   */\n  useEffect(() => {\n    const content = contentRef.current;\n    if (!content || typeof ResizeObserver === \"undefined\") return undefined;\n\n    const observer = new ResizeObserver(() => {\n      if (pinnedRef.current) scrollToBottom({ behavior: \"auto\" });\n    });\n    observer.observe(content);\n    return () => observer.disconnect();\n  }, [scrollToBottom]);\n\n  const context = useMemo(\n    () => ({ viewportRef, contentRef, isPinned, scrollToBottom, handleScroll }),\n    [isPinned, scrollToBottom, handleScroll],\n  );\n\n  return (\n    <MessageScrollerContext.Provider value={context}>\n      <div\n        data-slot=\"message-scroller\"\n        data-pinned={isPinned || undefined}\n        className={cn(\"relative flex min-h-0 flex-1 flex-col\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </MessageScrollerContext.Provider>\n  );\n}\n\nfunction Viewport({ className, ...props }) {\n  const { viewportRef, handleScroll } = useMessageScroller();\n  return (\n    <div\n      ref={viewportRef}\n      onScroll={handleScroll}\n      data-slot=\"message-scroller-viewport\"\n      /*\n       * Chrome won't let a keyboard user scroll an overflow container that isn't focusable, so\n       * WCAG 2.1.1 wants tabIndex={0} here. jsx-a11y flags it because `log` isn't a tabbable role —\n       * a known gap in the rule for scrollable regions, not a real finding. role + aria-label give\n       * the region a name so it isn't announced as an anonymous scrollable group.\n       */\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n      role=\"log\"\n      aria-label=\"Conversation\"\n      className={cn(\"min-h-0 flex-1 overflow-y-auto overscroll-contain focus-visible:outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Content({ className, ...props }) {\n  const { contentRef } = useMessageScroller();\n  return (\n    <div\n      ref={contentRef}\n      data-slot=\"message-scroller-content\"\n      className={cn(\"flex flex-col gap-4 p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction JumpToLatest({ className, children = \"Jump to latest\", onClick, ...props }) {\n  const { isPinned, scrollToBottom } = useMessageScroller();\n  if (isPinned) return null;\n\n  return (\n    <Button\n      variant=\"secondary\"\n      size=\"sm\"\n      iconRight={<ChevronDown size={14} />}\n      onClick={(event) => {\n        onClick?.(event);\n        scrollToBottom({ behavior: \"smooth\" });\n      }}\n      data-slot=\"message-scroller-jump\"\n      className={cn(\"absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-md\", className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport const MessageScroller = { Root, Viewport, Content, JumpToLatest };\n"]}

package/dist/chunk-IQ62AKGY.cjs

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/dropdown-menu/DropdownMenu.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 Content({ className, sideOffset = 4, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Content, { sideOffset, className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+}
+function Item({ className, inset, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.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.DropdownMenu.CheckboxItem, { className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Check, { size: 14, className: "text-accent" }) }),
+    children
+  ] });
+}
+function RadioItem({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.DropdownMenu.RadioItem, { className: _chunkNSTYHMFWcjs.cn.call(void 0, itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Circle, { size: 8, className: "fill-accent text-accent" }) }),
+    children
+  ] });
+}
+function Label({ className, inset, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.DropdownMenu.Label,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "px-2 py-1.5 text-xs font-semibold text-text-muted", inset && "pl-8", className),
+      ...props
+    }
+  );
+}
+function Separator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.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.DropdownMenu.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.DropdownMenu.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.SubContent, { className: _chunkNSTYHMFWcjs.cn.call(void 0, contentClass, className), ...props }) });
+}
+var DropdownMenu = {
+  Root: _radixui.DropdownMenu.Root,
+  Trigger: _radixui.DropdownMenu.Trigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup: _radixui.DropdownMenu.RadioGroup,
+  RadioItem,
+  Label,
+  Separator,
+  Shortcut,
+  Group: _radixui.DropdownMenu.Group,
+  Sub: _radixui.DropdownMenu.Sub,
+  SubTrigger,
+  SubContent
+};
+
+
+
+exports.DropdownMenu = DropdownMenu;
+//# sourceMappingURL=chunk-IQ62AKGY.cjs.map

package/dist/chunk-IQ62AKGY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-IQ62AKGY.cjs","../src/components/dropdown-menu/DropdownMenu.jsx"],"names":[],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-IQ62AKGY.cjs","sourcesContent":[null,"import { 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\nfunction Content({ className, sideOffset = 4, ...props }) {\n  return (\n    <RadixDropdownMenu.Portal>\n      <RadixDropdownMenu.Content sideOffset={sideOffset} className={cn(contentClass, className)} {...props} />\n    </RadixDropdownMenu.Portal>\n  );\n}\n\nfunction Item({ className, inset, ...props }) {\n  return <RadixDropdownMenu.Item className={cn(itemClass, inset && \"pl-8\", className)} {...props} />;\n}\n\nfunction CheckboxItem({ className, children, ...props }) {\n  return (\n    <RadixDropdownMenu.CheckboxItem 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\nfunction RadioItem({ className, children, ...props }) {\n  return (\n    <RadixDropdownMenu.RadioItem 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\nfunction Label({ className, inset, ...props }) {\n  return (\n    <RadixDropdownMenu.Label\n      className={cn(\"px-2 py-1.5 text-xs font-semibold text-text-muted\", inset && \"pl-8\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Separator({ className, ...props }) {\n  return <RadixDropdownMenu.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    <RadixDropdownMenu.SubTrigger className={cn(itemClass, \"data-[state=open]:bg-bg-surface\", inset && \"pl-8\", className)} {...props}>\n      {children}\n      <ChevronRight size={14} className=\"ml-auto text-text-muted\" />\n    </RadixDropdownMenu.SubTrigger>\n  );\n}\n\nfunction SubContent({ className, ...props }) {\n  return (\n    <RadixDropdownMenu.Portal>\n      <RadixDropdownMenu.SubContent className={cn(contentClass, className)} {...props} />\n    </RadixDropdownMenu.Portal>\n  );\n}\n\nexport const DropdownMenu = {\n  Root: RadixDropdownMenu.Root,\n  Trigger: RadixDropdownMenu.Trigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup: RadixDropdownMenu.RadioGroup,\n  RadioItem,\n  Label,\n  Separator,\n  Shortcut,\n  Group: RadixDropdownMenu.Group,\n  Sub: RadixDropdownMenu.Sub,\n  SubTrigger,\n  SubContent,\n};\n"]}

package/dist/chunk-IRV6TBCD.js

@@ -0,0 +1,32 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/hover-card/HoverCard.jsx
+import { HoverCard as RadixHoverCard } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+function Content({ className, align = "center", sideOffset = 8, ...props }) {
+  return /* @__PURE__ */ jsx(RadixHoverCard.Portal, { children: /* @__PURE__ */ jsx(
+    RadixHoverCard.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 HoverCard = {
+  Root: RadixHoverCard.Root,
+  Trigger: RadixHoverCard.Trigger,
+  Content
+};
+
+export {
+  HoverCard
+};
+//# sourceMappingURL=chunk-IRV6TBCD.js.map

package/dist/chunk-IRV6TBCD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hover-card/HoverCard.jsx"],"sourcesContent":["import { HoverCard as RadixHoverCard } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, align = \"center\", sideOffset = 8, ...props }) {\n  return (\n    <RadixHoverCard.Portal>\n      <RadixHoverCard.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    </RadixHoverCard.Portal>\n  );\n}\n\nexport const HoverCard = {\n  Root: RadixHoverCard.Root,\n  Trigger: RadixHoverCard.Trigger,\n  Content,\n};\n"],"mappings":";;;;;;AAAA,SAAS,aAAa,sBAAsB;AAMtC;AAHN,SAAS,QAAQ,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG;AAC1E,SACE,oBAAC,eAAe,QAAf,EACC;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEO,IAAM,YAAY;AAAA,EACvB,MAAM,eAAe;AAAA,EACrB,SAAS,eAAe;AAAA,EACxB;AACF;","names":[]}

package/dist/chunk-IS7KJKLV.cjs

@@ -0,0 +1,24 @@
+"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/label/Label.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var Label = _react2.default.forwardRef(function Label2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Label.Root,
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-sm font-medium text-text-primary", className),
+      ...props
+    }
+  );
+});
+
+
+
+exports.Label = Label;
+//# sourceMappingURL=chunk-IS7KJKLV.cjs.map

package/dist/chunk-IS7KJKLV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-IS7KJKLV.cjs","../src/components/label/Label.jsx"],"names":["Label"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAAoC;AAKhC,+CAAA;AAFG,IAAM,MAAA,EAAQ,eAAA,CAAM,UAAA,CAAW,SAASA,MAAAA,CAAM,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACjF,EAAA,uBACE,6BAAA;AAAA,IAAC,cAAA,CAAW,IAAA;AAAA,IAAX;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA,uCAAG,EAAyC,SAAS,CAAA;AAAA,MAC/D,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;ADOD;AACA;AACE;AACF,sBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-IS7KJKLV.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Label as RadixLabel } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Label = React.forwardRef(function Label({ className, ...props }, ref) {\n  return (\n    <RadixLabel.Root\n      ref={ref}\n      className={cn(\"text-sm font-medium text-text-primary\", className)}\n      {...props}\n    />\n  );\n});\n"]}

package/dist/chunk-JPABWZU4.js

@@ -0,0 +1,24 @@
+'use client';
+import {
+  toggleVariants
+} from "./chunk-77VS352K.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/toggle-group/ToggleGroup.jsx
+import React from "react";
+import { ToggleGroup as RadixToggleGroup } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+var ToggleGroup = React.forwardRef(function ToggleGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixToggleGroup.Root, { ref, className: cn("inline-flex items-center gap-1", className), ...props });
+});
+var ToggleGroupItem = React.forwardRef(function ToggleGroupItem2({ variant, size, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixToggleGroup.Item, { ref, className: cn(toggleVariants({ variant, size }), className), ...props });
+});
+
+export {
+  ToggleGroup,
+  ToggleGroupItem
+};
+//# sourceMappingURL=chunk-JPABWZU4.js.map

package/dist/chunk-JPABWZU4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle-group/ToggleGroup.jsx"],"sourcesContent":["import React from \"react\";\nimport { ToggleGroup as RadixToggleGroup } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { toggleVariants } from \"../toggle/Toggle.variants.js\";\n\nexport const ToggleGroup = React.forwardRef(function ToggleGroup({ className, ...props }, ref) {\n  return <RadixToggleGroup.Root ref={ref} className={cn(\"inline-flex items-center gap-1\", className)} {...props} />;\n});\n\nexport const ToggleGroupItem = React.forwardRef(function ToggleGroupItem(\n  { variant, size, className, ...props },\n  ref,\n) {\n  return <RadixToggleGroup.Item ref={ref} className={cn(toggleVariants({ variant, size }), className)} {...props} />;\n});\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,eAAe,wBAAwB;AAKvC;AADF,IAAM,cAAc,MAAM,WAAW,SAASA,aAAY,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7F,SAAO,oBAAC,iBAAiB,MAAjB,EAAsB,KAAU,WAAW,GAAG,kCAAkC,SAAS,GAAI,GAAG,OAAO;AACjH,CAAC;AAEM,IAAM,kBAAkB,MAAM,WAAW,SAASC,iBACvD,EAAE,SAAS,MAAM,WAAW,GAAG,MAAM,GACrC,KACA;AACA,SAAO,oBAAC,iBAAiB,MAAjB,EAAsB,KAAU,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAAO;AAClH,CAAC;","names":["ToggleGroup","ToggleGroupItem"]}

package/dist/chunk-JSVWJPQG.js

@@ -0,0 +1,37 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/slider/Slider.jsx
+import React from "react";
+import { Slider as RadixSlider } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Slider = React.forwardRef(function Slider2({ className, defaultValue, value, ...props }, ref) {
+  const values = value ?? defaultValue ?? [0];
+  return /* @__PURE__ */ jsxs(
+    RadixSlider.Root,
+    {
+      ref,
+      value,
+      defaultValue,
+      className: cn("relative flex w-full touch-none select-none items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(RadixSlider.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-surface", children: /* @__PURE__ */ jsx(RadixSlider.Range, { className: "absolute h-full rounded-full bg-accent" }) }),
+        values.map((_, index) => /* @__PURE__ */ jsx(
+          RadixSlider.Thumb,
+          {
+            className: "block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] disabled:pointer-events-none disabled:opacity-50"
+          },
+          index
+        ))
+      ]
+    }
+  );
+});
+
+export {
+  Slider
+};
+//# sourceMappingURL=chunk-JSVWJPQG.js.map

package/dist/chunk-JSVWJPQG.js.map

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