@tlglobal/ui 2.0.0

package/dist/chunk-T4FTROIQ.cjs

@@ -0,0 +1,127 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunk5TOJI2VTcjs = require('./chunk-5TOJI2VT.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/carousel/Carousel.jsx
+var _react = require('react');
+var _emblacarouselreact = require('embla-carousel-react'); var _emblacarouselreact2 = _interopRequireDefault(_emblacarouselreact);
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+var CarouselContext = _react.createContext.call(void 0, null);
+function useCarousel() {
+  const context = _react.useContext.call(void 0, CarouselContext);
+  if (!context) throw new Error("Carousel parts must be used within Carousel.Root");
+  return context;
+}
+function Root({
+  orientation = "horizontal",
+  opts,
+  className,
+  "aria-label": ariaLabel = "Carousel",
+  children,
+  ...props
+}) {
+  const [emblaRef, emblaApi] = _emblacarouselreact2.default.call(void 0, { ...opts, axis: orientation === "horizontal" ? "x" : "y" });
+  const [canScrollPrev, setCanScrollPrev] = _react.useState.call(void 0, false);
+  const [canScrollNext, setCanScrollNext] = _react.useState.call(void 0, false);
+  const onSelect = _react.useCallback.call(void 0, (api) => {
+    setCanScrollPrev(api.canScrollPrev());
+    setCanScrollNext(api.canScrollNext());
+  }, []);
+  const scrollPrev = _react.useCallback.call(void 0, () => emblaApi == null ? void 0 : emblaApi.scrollPrev(), [emblaApi]);
+  const scrollNext = _react.useCallback.call(void 0, () => emblaApi == null ? void 0 : emblaApi.scrollNext(), [emblaApi]);
+  _react.useEffect.call(void 0, () => {
+    if (!emblaApi) return void 0;
+    onSelect(emblaApi);
+    emblaApi.on("reInit", onSelect);
+    emblaApi.on("select", onSelect);
+    return () => emblaApi.off("select", onSelect);
+  }, [emblaApi, onSelect]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    CarouselContext.Provider,
+    {
+      value: { emblaRef, emblaApi, orientation, scrollPrev, scrollNext, canScrollPrev, canScrollNext },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "aria-label": ariaLabel,
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function Content({ className, ...props }) {
+  const { emblaRef, orientation } = useCarousel();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: emblaRef, className: "overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex", orientation === "vertical" && "flex-col", className), ...props }) });
+}
+function Item({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "vertical" ? "pt-4 first:pt-0" : "pl-4 first:pl-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Previous({ className, ...props }) {
+  const { scrollPrev, canScrollPrev, orientation } = useCarousel();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk5TOJI2VTcjs.IconButton,
+    {
+      variant: "secondary",
+      size: "sm",
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronLeft, { size: 16 }),
+      "aria-label": "Previous slide",
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "absolute",
+        orientation === "horizontal" ? "-left-10 top-1/2 -translate-y-1/2" : "-top-10 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Next({ className, ...props }) {
+  const { scrollNext, canScrollNext, orientation } = useCarousel();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk5TOJI2VTcjs.IconButton,
+    {
+      variant: "secondary",
+      size: "sm",
+      icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronRight, { size: 16 }),
+      "aria-label": "Next slide",
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "absolute",
+        orientation === "horizontal" ? "-right-10 top-1/2 -translate-y-1/2" : "-bottom-10 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Carousel = { Root, Content, Item, Previous, Next };
+
+
+
+exports.Carousel = Carousel;
+//# sourceMappingURL=chunk-T4FTROIQ.cjs.map

package/dist/chunk-T4FTROIQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-T4FTROIQ.cjs","../src/components/carousel/Carousel.jsx"],"names":[],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-T4FTROIQ.cjs","sourcesContent":[null,"import { createContext, useCallback, useContext, useEffect, useState } from \"react\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport { ChevronLeft, ChevronRight } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { IconButton } from \"../icon-button/IconButton.jsx\";\n\nconst CarouselContext = createContext(null);\n\nfunction useCarousel() {\n  const context = useContext(CarouselContext);\n  if (!context) throw new Error(\"Carousel parts must be used within Carousel.Root\");\n  return context;\n}\n\nfunction Root({\n  orientation = \"horizontal\",\n  opts,\n  className,\n  \"aria-label\": ariaLabel = \"Carousel\",\n  children,\n  ...props\n}) {\n  const [emblaRef, emblaApi] = useEmblaCarousel({ ...opts, axis: orientation === \"horizontal\" ? \"x\" : \"y\" });\n  const [canScrollPrev, setCanScrollPrev] = useState(false);\n  const [canScrollNext, setCanScrollNext] = useState(false);\n\n  const onSelect = useCallback((api) => {\n    setCanScrollPrev(api.canScrollPrev());\n    setCanScrollNext(api.canScrollNext());\n  }, []);\n\n  const scrollPrev = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);\n  const scrollNext = useCallback(() => emblaApi?.scrollNext(), [emblaApi]);\n\n  useEffect(() => {\n    if (!emblaApi) return undefined;\n    onSelect(emblaApi);\n    emblaApi.on(\"reInit\", onSelect);\n    emblaApi.on(\"select\", onSelect);\n    return () => emblaApi.off(\"select\", onSelect);\n  }, [emblaApi, onSelect]);\n\n  return (\n    <CarouselContext.Provider\n      value={{ emblaRef, emblaApi, orientation, scrollPrev, scrollNext, canScrollPrev, canScrollNext }}\n    >\n      <div\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\nfunction Content({ className, ...props }) {\n  const { emblaRef, orientation } = useCarousel();\n  return (\n    <div ref={emblaRef} className=\"overflow-hidden\">\n      <div className={cn(\"flex\", orientation === \"vertical\" && \"flex-col\", className)} {...props} />\n    </div>\n  );\n}\n\nfunction Item({ className, ...props }) {\n  const { orientation } = useCarousel();\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"vertical\" ? \"pt-4 first:pt-0\" : \"pl-4 first:pl-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Previous({ className, ...props }) {\n  const { scrollPrev, canScrollPrev, orientation } = useCarousel();\n  return (\n    <IconButton\n      variant=\"secondary\"\n      size=\"sm\"\n      icon={<ChevronLeft size={16} />}\n      aria-label=\"Previous slide\"\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      className={cn(\n        \"absolute\",\n        orientation === \"horizontal\" ? \"-left-10 top-1/2 -translate-y-1/2\" : \"-top-10 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Next({ className, ...props }) {\n  const { scrollNext, canScrollNext, orientation } = useCarousel();\n  return (\n    <IconButton\n      variant=\"secondary\"\n      size=\"sm\"\n      icon={<ChevronRight size={16} />}\n      aria-label=\"Next slide\"\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      className={cn(\n        \"absolute\",\n        orientation === \"horizontal\" ? \"-right-10 top-1/2 -translate-y-1/2\" : \"-bottom-10 left-1/2 -translate-x-1/2 rotate-90\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const Carousel = { Root, Content, Item, Previous, Next };\n"]}

package/dist/chunk-TPTUGJYI.js

@@ -0,0 +1,43 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/input-group/InputGroup.jsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = React.forwardRef(function Root2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex h-[38px] w-full items-center gap-2 rounded-md border border-border-default bg-bg-page px-3 transition-[border-color,box-shadow] duration-150 ease-out focus-within:border-border-focus focus-within:shadow-[var(--shadow-focus-ring)]",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var Addon = React.forwardRef(function Addon2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("span", { ref, className: cn("flex shrink-0 items-center text-text-muted", className), ...props });
+});
+var Input = React.forwardRef(function Input2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      className: cn(
+        "h-full min-w-0 flex-1 bg-transparent font-sans text-base text-text-primary outline-none placeholder:text-text-muted",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var InputGroup = { Root, Addon, Input };
+
+export {
+  InputGroup
+};
+//# sourceMappingURL=chunk-TPTUGJYI.js.map

package/dist/chunk-TPTUGJYI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input-group/InputGroup.jsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst Root = React.forwardRef(function Root({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex h-[38px] w-full items-center gap-2 rounded-md border border-border-default bg-bg-page px-3 transition-[border-color,box-shadow] duration-150 ease-out focus-within:border-border-focus focus-within:shadow-[var(--shadow-focus-ring)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nconst Addon = React.forwardRef(function Addon({ className, ...props }, ref) {\n  return <span ref={ref} className={cn(\"flex shrink-0 items-center text-text-muted\", className)} {...props} />;\n});\n\nconst Input = React.forwardRef(function Input({ className, ...props }, ref) {\n  return (\n    <input\n      ref={ref}\n      className={cn(\n        \"h-full min-w-0 flex-1 bg-transparent font-sans text-base text-text-primary outline-none placeholder:text-text-muted\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport const InputGroup = { Root, Addon, Input };\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAKd;AAFJ,IAAM,OAAO,MAAM,WAAW,SAASA,MAAK,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,QAAQ,MAAM,WAAW,SAASC,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SAAO,oBAAC,UAAK,KAAU,WAAW,GAAG,8CAA8C,SAAS,GAAI,GAAG,OAAO;AAC5G,CAAC;AAED,IAAM,QAAQ,MAAM,WAAW,SAASC,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,IAAM,aAAa,EAAE,MAAM,OAAO,MAAM;","names":["Root","Addon","Input"]}

package/dist/chunk-TROOTXPG.cjs

@@ -0,0 +1,34 @@
+"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/progress/Progress.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var Progress = _react2.default.forwardRef(function Progress2({ value = 0, max = 100, className, ...props }, ref) {
+  const percentage = max > 0 ? Math.min(100, Math.max(0, value / max * 100)) : 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Progress.Root,
+    {
+      ref,
+      value,
+      max,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "h-2 w-full overflow-hidden rounded-full bg-bg-surface", className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _radixui.Progress.Indicator,
+        {
+          className: "h-full rounded-full bg-accent transition-[width] duration-300 ease-out",
+          style: { width: `${percentage}%` }
+        }
+      )
+    }
+  );
+});
+
+
+
+exports.Progress = Progress;
+//# sourceMappingURL=chunk-TROOTXPG.cjs.map

package/dist/chunk-TROOTXPG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-TROOTXPG.cjs","../src/components/progress/Progress.jsx"],"names":["Progress"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAA0C;AAapC,+CAAA;AAVC,IAAM,SAAA,EAAW,eAAA,CAAM,UAAA,CAAW,SAASA,SAAAA,CAAS,EAAE,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC7G,EAAA,MAAM,WAAA,EAAa,IAAA,EAAM,EAAA,EAAI,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAI,MAAA,EAAQ,IAAA,EAAO,GAAG,CAAC,EAAA,EAAI,CAAA;AAC/E,EAAA,uBACE,6BAAA;AAAA,IAAC,iBAAA,CAAc,IAAA;AAAA,IAAd;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA,uDAAG,EAAyD,SAAS,CAAA;AAAA,MAC/E,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA;AAAA,QAAC,iBAAA,CAAc,SAAA;AAAA,QAAd;AAAA,UACC,SAAA,EAAU,wEAAA;AAAA,UACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAA;AAAiB,QAAA;AACnC,MAAA;AAAA,IAAA;AACF,EAAA;AAEH;ADS0B;AACA;AACA;AACA","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-TROOTXPG.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Progress as RadixProgress } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Progress = React.forwardRef(function Progress({ value = 0, max = 100, className, ...props }, ref) {\n  const percentage = max > 0 ? Math.min(100, Math.max(0, (value / max) * 100)) : 0;\n  return (\n    <RadixProgress.Root\n      ref={ref}\n      value={value}\n      max={max}\n      className={cn(\"h-2 w-full overflow-hidden rounded-full bg-bg-surface\", className)}\n      {...props}\n    >\n      <RadixProgress.Indicator\n        className=\"h-full rounded-full bg-accent transition-[width] duration-300 ease-out\"\n        style={{ width: `${percentage}%` }}\n      />\n    </RadixProgress.Root>\n  );\n});\n"]}

package/dist/chunk-TWFEHJMT.js

@@ -0,0 +1,34 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/progress/Progress.jsx
+import React from "react";
+import { Progress as RadixProgress } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+var Progress = React.forwardRef(function Progress2({ value = 0, max = 100, className, ...props }, ref) {
+  const percentage = max > 0 ? Math.min(100, Math.max(0, value / max * 100)) : 0;
+  return /* @__PURE__ */ jsx(
+    RadixProgress.Root,
+    {
+      ref,
+      value,
+      max,
+      className: cn("h-2 w-full overflow-hidden rounded-full bg-bg-surface", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadixProgress.Indicator,
+        {
+          className: "h-full rounded-full bg-accent transition-[width] duration-300 ease-out",
+          style: { width: `${percentage}%` }
+        }
+      )
+    }
+  );
+});
+
+export {
+  Progress
+};
+//# sourceMappingURL=chunk-TWFEHJMT.js.map

package/dist/chunk-TWFEHJMT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/progress/Progress.jsx"],"sourcesContent":["import React from \"react\";\nimport { Progress as RadixProgress } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Progress = React.forwardRef(function Progress({ value = 0, max = 100, className, ...props }, ref) {\n  const percentage = max > 0 ? Math.min(100, Math.max(0, (value / max) * 100)) : 0;\n  return (\n    <RadixProgress.Root\n      ref={ref}\n      value={value}\n      max={max}\n      className={cn(\"h-2 w-full overflow-hidden rounded-full bg-bg-surface\", className)}\n      {...props}\n    >\n      <RadixProgress.Indicator\n        className=\"h-full rounded-full bg-accent transition-[width] duration-300 ease-out\"\n        style={{ width: `${percentage}%` }}\n      />\n    </RadixProgress.Root>\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,YAAY,qBAAqB;AAapC;AAVC,IAAM,WAAW,MAAM,WAAW,SAASA,UAAS,EAAE,QAAQ,GAAG,MAAM,KAAK,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7G,QAAM,aAAa,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC,IAAI;AAC/E,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,yDAAyD,SAAS;AAAA,MAC/E,GAAG;AAAA,MAEJ;AAAA,QAAC,cAAc;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,GAAG,UAAU,IAAI;AAAA;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["Progress"]}

package/dist/chunk-UJVIWFHU.js

@@ -0,0 +1,14 @@
+'use client';
+
+// src/components/collapsible/Collapsible.jsx
+import { Collapsible as RadixCollapsible } from "radix-ui";
+var Collapsible = {
+  Root: RadixCollapsible.Root,
+  Trigger: RadixCollapsible.Trigger,
+  Content: RadixCollapsible.Content
+};
+
+export {
+  Collapsible
+};
+//# sourceMappingURL=chunk-UJVIWFHU.js.map

package/dist/chunk-UJVIWFHU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/collapsible/Collapsible.jsx"],"sourcesContent":["import { Collapsible as RadixCollapsible } from \"radix-ui\";\n\n// Bare primitive — no default styling. This is what Accordion is built on; use it directly for\n// simple show/hide cases (e.g. \"show more\") where Accordion's item/border chrome isn't wanted.\nexport const Collapsible = {\n  Root: RadixCollapsible.Root,\n  Trigger: RadixCollapsible.Trigger,\n  Content: RadixCollapsible.Content,\n};\n"],"mappings":";;;AAAA,SAAS,eAAe,wBAAwB;AAIzC,IAAM,cAAc;AAAA,EACzB,MAAM,iBAAiB;AAAA,EACvB,SAAS,iBAAiB;AAAA,EAC1B,SAAS,iBAAiB;AAC5B;","names":[]}

package/dist/chunk-ULWJ75EE.js

@@ -0,0 +1,58 @@
+'use client';
+import {
+  Field
+} from "./chunk-UU2KZAA4.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/native-select/NativeSelect.jsx
+import React from "react";
+import { ChevronDown } from "@tlglobal/icons";
+
+// src/components/native-select/NativeSelect.variants.js
+import { cva } from "class-variance-authority";
+var nativeSelectVariants = cva(
+  "w-full appearance-none rounded-md border bg-bg-page px-3 pr-9 font-sans text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out disabled:cursor-not-allowed disabled:bg-bg-surface",
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-sm",
+        md: "h-[38px] text-base",
+        lg: "h-11 text-md"
+      },
+      invalid: {
+        true: "border-danger-500 focus:shadow-[var(--shadow-danger-ring)]",
+        false: "border-border-default focus:border-border-focus focus:shadow-[var(--shadow-focus-ring)]"
+      }
+    },
+    defaultVariants: { size: "md", invalid: false }
+  }
+);
+
+// src/components/native-select/NativeSelect.jsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var NativeSelect = React.forwardRef(function NativeSelect2({ label, error, hint, size, disabled, options = [], placeholder, className, id, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Field, { label, error, hint, id, children: (controlProps) => /* @__PURE__ */ jsxs("span", { className: "relative flex w-full items-center", children: [
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        ref,
+        disabled,
+        className: cn(nativeSelectVariants({ size, invalid: Boolean(error) }), className),
+        ...controlProps,
+        ...props,
+        children: [
+          placeholder && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
+          options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(ChevronDown, { size: 16, className: "pointer-events-none absolute right-3 text-text-muted" })
+  ] }) });
+});
+
+export {
+  NativeSelect
+};
+//# sourceMappingURL=chunk-ULWJ75EE.js.map

package/dist/chunk-ULWJ75EE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/native-select/NativeSelect.jsx","../src/components/native-select/NativeSelect.variants.js"],"sourcesContent":["import React from \"react\";\nimport { ChevronDown } from \"@tlglobal/icons\";\nimport { Field } from \"../field/Field.jsx\";\nimport { cn } from \"../../lib/cn.js\";\nimport { nativeSelectVariants } from \"./NativeSelect.variants.js\";\n\n// A plain <select> — distinct from Select (the Radix-based popover/listbox). Use this when the\n// platform's own native picker is preferred (mobile-friendly, no custom listbox to maintain).\nexport const NativeSelect = React.forwardRef(function NativeSelect(\n  { label, error, hint, size, disabled, options = [], placeholder, className, id, ...props },\n  ref,\n) {\n  return (\n    <Field label={label} error={error} hint={hint} id={id}>\n      {(controlProps) => (\n        <span className=\"relative flex w-full items-center\">\n          <select\n            ref={ref}\n            disabled={disabled}\n            className={cn(nativeSelectVariants({ size, invalid: Boolean(error) }), className)}\n            {...controlProps}\n            {...props}\n          >\n            {placeholder && (\n              <option value=\"\" disabled>\n                {placeholder}\n              </option>\n            )}\n            {options.map((option) => (\n              <option key={option.value} value={option.value} disabled={option.disabled}>\n                {option.label}\n              </option>\n            ))}\n          </select>\n          <ChevronDown size={16} className=\"pointer-events-none absolute right-3 text-text-muted\" />\n        </span>\n      )}\n    </Field>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const nativeSelectVariants = cva(\n  \"w-full appearance-none rounded-md border bg-bg-page px-3 pr-9 font-sans text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out disabled:cursor-not-allowed disabled:bg-bg-surface\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-sm\",\n        md: \"h-[38px] text-base\",\n        lg: \"h-11 text-md\",\n      },\n      invalid: {\n        true: \"border-danger-500 focus:shadow-[var(--shadow-danger-ring)]\",\n        false: \"border-border-default focus:border-border-focus focus:shadow-[var(--shadow-focus-ring)]\",\n      },\n    },\n    defaultVariants: { size: \"md\", invalid: false },\n  },\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,mBAAmB;;;ACD5B,SAAS,WAAW;AAEb,IAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,MAAM,SAAS,MAAM;AAAA,EAChD;AACF;;;ADFU,SAQI,KARJ;AARH,IAAM,eAAe,MAAM,WAAW,SAASA,cACpD,EAAE,OAAO,OAAO,MAAM,MAAM,UAAU,UAAU,CAAC,GAAG,aAAa,WAAW,IAAI,GAAG,MAAM,GACzF,KACA;AACA,SACE,oBAAC,SAAM,OAAc,OAAc,MAAY,IAC5C,WAAC,iBACA,qBAAC,UAAK,WAAU,qCACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,GAAG,qBAAqB,EAAE,MAAM,SAAS,QAAQ,KAAK,EAAE,CAAC,GAAG,SAAS;AAAA,QAC/E,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA,yBACC,oBAAC,YAAO,OAAM,IAAG,UAAQ,MACtB,uBACH;AAAA,UAED,QAAQ,IAAI,CAAC,WACZ,oBAAC,YAA0B,OAAO,OAAO,OAAO,UAAU,OAAO,UAC9D,iBAAO,SADG,OAAO,KAEpB,CACD;AAAA;AAAA;AAAA,IACH;AAAA,IACA,oBAAC,eAAY,MAAM,IAAI,WAAU,wDAAuD;AAAA,KAC1F,GAEJ;AAEJ,CAAC;","names":["NativeSelect"]}

package/dist/chunk-UU2KZAA4.js

@@ -0,0 +1,27 @@
+'use client';
+import {
+  Label
+} from "./chunk-4DRHQE74.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/field/Field.jsx
+import React, { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Field = React.forwardRef(function Field2({ label, error, hint, id, className, children, ...props }, ref) {
+  const generatedId = useId();
+  const fieldId = id || generatedId;
+  const hintId = error || hint ? `${fieldId}-hint` : void 0;
+  const controlProps = { id: fieldId, "aria-describedby": hintId, "aria-invalid": Boolean(error) || void 0 };
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex w-full flex-col gap-1.5 font-sans", className), ...props, children: [
+    label && /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, children: label }),
+    typeof children === "function" ? children(controlProps) : children,
+    (error || hint) && /* @__PURE__ */ jsx("span", { id: hintId, className: cn("text-xs", error ? "text-danger-500" : "text-text-muted"), children: error || hint })
+  ] });
+});
+
+export {
+  Field
+};
+//# sourceMappingURL=chunk-UU2KZAA4.js.map

package/dist/chunk-UU2KZAA4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/field/Field.jsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Label } from \"../label/Label.jsx\";\nimport { cn } from \"../../lib/cn.js\";\n\n// The shared label/control/error-hint layout — reuse it for any labelled form control. `children` can be a plain\n// node, or a function receiving { id, \"aria-describedby\", \"aria-invalid\" } to spread onto the\n// actual control — used instead of cloneElement so a control wrapped in its own layout (e.g.\n// NativeSelect's icon overlay) can put those props on the real <select>, not an outer wrapper.\nexport const Field = React.forwardRef(function Field({ label, error, hint, id, className, children, ...props }, ref) {\n  const generatedId = useId();\n  const fieldId = id || generatedId;\n  const hintId = error || hint ? `${fieldId}-hint` : undefined;\n  const controlProps = { id: fieldId, \"aria-describedby\": hintId, \"aria-invalid\": Boolean(error) || undefined };\n\n  return (\n    <div ref={ref} className={cn(\"flex w-full flex-col gap-1.5 font-sans\", className)} {...props}>\n      {label && <Label htmlFor={fieldId}>{label}</Label>}\n      {typeof children === \"function\" ? children(controlProps) : children}\n      {(error || hint) && (\n        <span id={hintId} className={cn(\"text-xs\", error ? \"text-danger-500\" : \"text-text-muted\")}>\n          {error || hint}\n        </span>\n      )}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;AAAA,OAAO,SAAS,aAAa;AAezB,SACY,KADZ;AAPG,IAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,EAAE,OAAO,OAAO,MAAM,IAAI,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACnH,QAAM,cAAc,MAAM;AAC1B,QAAM,UAAU,MAAM;AACtB,QAAM,SAAS,SAAS,OAAO,GAAG,OAAO,UAAU;AACnD,QAAM,eAAe,EAAE,IAAI,SAAS,oBAAoB,QAAQ,gBAAgB,QAAQ,KAAK,KAAK,OAAU;AAE5G,SACE,qBAAC,SAAI,KAAU,WAAW,GAAG,0CAA0C,SAAS,GAAI,GAAG,OACpF;AAAA,aAAS,oBAAC,SAAM,SAAS,SAAU,iBAAM;AAAA,IACzC,OAAO,aAAa,aAAa,SAAS,YAAY,IAAI;AAAA,KACzD,SAAS,SACT,oBAAC,UAAK,IAAI,QAAQ,WAAW,GAAG,WAAW,QAAQ,oBAAoB,iBAAiB,GACrF,mBAAS,MACZ;AAAA,KAEJ;AAEJ,CAAC;","names":["Field"]}

package/dist/chunk-UV46IHDR.cjs

@@ -0,0 +1,79 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunkRL3XVDMFcjs = require('./chunk-RL3XVDMF.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/bubble/Bubble.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/bubble/Bubble.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var bubbleVariants = _classvarianceauthority.cva.call(void 0, 
+  [
+    "relative inline-block max-w-[min(42rem,100%)] whitespace-pre-wrap break-words font-sans",
+    "[&>:first-child]:mt-0 [&>:last-child]:mb-0"
+  ],
+  {
+    variants: {
+      direction: {
+        // The squared-off corner marks the speaker's side — cheaper and far more robust than a
+        // CSS-triangle tail, which has to be recoloured for every tone and breaks on wrapping.
+        incoming: "rounded-2xl rounded-bl-sm bg-bg-surface text-text-primary",
+        outgoing: "rounded-2xl rounded-br-sm bg-accent text-text-inverse"
+      },
+      tone: {
+        default: "",
+        muted: "bg-bg-surface text-text-secondary",
+        danger: "bg-danger-100 text-danger-700"
+      },
+      size: {
+        sm: "px-3 py-1.5 text-xs",
+        md: "px-3.5 py-2 text-sm leading-relaxed",
+        lg: "px-4 py-2.5 text-base leading-relaxed"
+      }
+    },
+    // `tone` intentionally overrides the direction colours rather than combining with them —
+    // an errored outgoing message should read as an error first and as "mine" second.
+    defaultVariants: { direction: "incoming", tone: "default", size: "md" }
+  }
+);
+
+// src/components/bubble/Bubble.jsx
+var _jsxruntime = require('react/jsx-runtime');
+function TypingIndicator() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "flex items-center gap-1 py-1", children: [0, 150, 300].map((delay) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        className: "h-1.5 w-1.5 animate-bounce rounded-full bg-current opacity-60",
+        style: { animationDelay: `${delay}ms` }
+      },
+      delay
+    )) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Typing" })
+  ] });
+}
+var Bubble = _react2.default.forwardRef(function Bubble2({ direction, tone, size, loading = false, className, children, ...props }, ref) {
+  const resolvedDirection = _chunkRL3XVDMFcjs.useDirection.call(void 0, direction);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      "data-slot": "bubble",
+      "data-direction": resolvedDirection,
+      "data-loading": loading || void 0,
+      "aria-live": loading ? "polite" : void 0,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, bubbleVariants({ direction: resolvedDirection, tone, size }), className),
+      ...props,
+      children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TypingIndicator, {}) : children
+    }
+  );
+});
+
+
+
+exports.Bubble = Bubble;
+//# sourceMappingURL=chunk-UV46IHDR.cjs.map

package/dist/chunk-UV46IHDR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-UV46IHDR.cjs","../src/components/bubble/Bubble.jsx","../src/components/bubble/Bubble.variants.js"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;ADUlB;AACA;AEXA,kEAAoB;AAEb,IAAM,eAAA,EAAiB,yCAAA;AAAA,EAC5B;AAAA,IACE,yFAAA;AAAA,IACA;AAAA,EACF,CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA;AAAA;AAAA,QAGT,QAAA,EAAU,2DAAA;AAAA,QACV,QAAA,EAAU;AAAA,MACZ,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,mCAAA;AAAA,QACP,MAAA,EAAQ;AAAA,MACV,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,qCAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN;AAAA,IACF,CAAA;AAAA;AAAA;AAAA,IAGA,eAAA,EAAiB,EAAE,SAAA,EAAW,UAAA,EAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAM,KAAK;AAAA,EACxE;AACF,CAAA;AFYA;AACA;AC/BI,+CAAA;AAFJ,SAAS,eAAA,CAAA,EAAkB;AACzB,EAAA,uBACE,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,6BAAA,MAAC,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,8BAAA,EAChC,QAAA,EAAA,CAAC,CAAA,EAAG,GAAA,EAAK,GAAG,CAAA,CAAE,GAAA,CAAI,CAAC,KAAA,EAAA,mBAClB,6BAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAU,+DAAA;AAAA,QACV,KAAA,EAAO,EAAE,cAAA,EAAgB,CAAA,EAAA;AAAa,MAAA;AAFjC,MAAA;AAKX,IAAA;AACM,oBAAA;AACR,EAAA;AAEJ;AAEuC;AAIX,EAAA;AAGxB,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACU,MAAA;AACM,MAAA;AACS,MAAA;AAGJ,MAAA;AACP,MAAA;AACV,MAAA;AAEO,MAAA;AAAsB,IAAA;AACnC,EAAA;AAEH;AD0BiC;AACA;AACA;AACA","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-UV46IHDR.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { useDirection } from \"../direction/Direction.jsx\";\nimport { bubbleVariants } from \"./Bubble.variants.js\";\n\n/*\n * Three staggered dots standing in for streaming text. aria-hidden plus a sibling live-region label\n * because the animation itself says nothing to a screen reader, and announcing \"typing\" on every\n * dot cycle would be unbearable.\n */\nfunction TypingIndicator() {\n  return (\n    <>\n      <span aria-hidden=\"true\" className=\"flex items-center gap-1 py-1\">\n        {[0, 150, 300].map((delay) => (\n          <span\n            key={delay}\n            className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-current opacity-60\"\n            style={{ animationDelay: `${delay}ms` }}\n          />\n        ))}\n      </span>\n      <span className=\"sr-only\">Typing</span>\n    </>\n  );\n}\n\nexport const Bubble = React.forwardRef(function Bubble(\n  { direction, tone, size, loading = false, className, children, ...props },\n  ref,\n) {\n  const resolvedDirection = useDirection(direction);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"bubble\"\n      data-direction={resolvedDirection}\n      data-loading={loading || undefined}\n      // Streaming text replaces the bubble's contents as tokens arrive; \"polite\" lets a screen\n      // reader finish the current phrase instead of restarting on every chunk.\n      aria-live={loading ? \"polite\" : undefined}\n      className={cn(bubbleVariants({ direction: resolvedDirection, tone, size }), className)}\n      {...props}\n    >\n      {loading ? <TypingIndicator /> : children}\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const bubbleVariants = cva(\n  [\n    \"relative inline-block max-w-[min(42rem,100%)] whitespace-pre-wrap break-words font-sans\",\n    \"[&>:first-child]:mt-0 [&>:last-child]:mb-0\",\n  ],\n  {\n    variants: {\n      direction: {\n        // The squared-off corner marks the speaker's side — cheaper and far more robust than a\n        // CSS-triangle tail, which has to be recoloured for every tone and breaks on wrapping.\n        incoming: \"rounded-2xl rounded-bl-sm bg-bg-surface text-text-primary\",\n        outgoing: \"rounded-2xl rounded-br-sm bg-accent text-text-inverse\",\n      },\n      tone: {\n        default: \"\",\n        muted: \"bg-bg-surface text-text-secondary\",\n        danger: \"bg-danger-100 text-danger-700\",\n      },\n      size: {\n        sm: \"px-3 py-1.5 text-xs\",\n        md: \"px-3.5 py-2 text-sm leading-relaxed\",\n        lg: \"px-4 py-2.5 text-base leading-relaxed\",\n      },\n    },\n    // `tone` intentionally overrides the direction colours rather than combining with them —\n    // an errored outgoing message should read as an error first and as \"mine\" second.\n    defaultVariants: { direction: \"incoming\", tone: \"default\", size: \"md\" },\n  },\n);\n"]}

package/dist/chunk-V3NEBNKV.js

@@ -0,0 +1,93 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/menubar/Menubar.jsx
+import { Menubar as RadixMenubar } from "radix-ui";
+import { Check, ChevronRight, Circle } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var contentClass = "z-50 min-w-[10rem] overflow-hidden rounded-md border border-border-default bg-bg-page p-1 shadow-md";
+var itemClass = "relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 text-sm text-text-primary outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-bg-surface";
+function Root({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadixMenubar.Root,
+    {
+      className: cn("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__ */ jsx(
+    RadixMenubar.Trigger,
+    {
+      className: cn(
+        "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__ */ jsx(RadixMenubar.Portal, { children: /* @__PURE__ */ jsx(RadixMenubar.Content, { align, sideOffset, className: cn(contentClass, className), ...props }) });
+}
+function Item({ className, inset, ...props }) {
+  return /* @__PURE__ */ jsx(RadixMenubar.Item, { className: cn(itemClass, inset && "pl-8", className), ...props });
+}
+function CheckboxItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(RadixMenubar.CheckboxItem, { className: cn(itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ jsx(RadixMenubar.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ jsx(Check, { size: 14, className: "text-accent" }) }),
+    children
+  ] });
+}
+function RadioItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(RadixMenubar.RadioItem, { className: cn(itemClass, "pl-8", className), ...props, children: [
+    /* @__PURE__ */ jsx(RadixMenubar.ItemIndicator, { className: "absolute left-2.5 inline-flex items-center", children: /* @__PURE__ */ jsx(Circle, { size: 8, className: "fill-accent text-accent" }) }),
+    children
+  ] });
+}
+function Separator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(RadixMenubar.Separator, { className: cn("my-1 h-px bg-border-default", className), ...props });
+}
+function Shortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto pl-4 text-xs tracking-widest text-text-muted", className), ...props });
+}
+function SubTrigger({ className, inset, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    RadixMenubar.SubTrigger,
+    {
+      className: cn(itemClass, "data-[state=open]:bg-bg-surface", inset && "pl-8", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { size: 14, className: "ml-auto text-text-muted" })
+      ]
+    }
+  );
+}
+function SubContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(RadixMenubar.Portal, { children: /* @__PURE__ */ jsx(RadixMenubar.SubContent, { className: cn(contentClass, className), ...props }) });
+}
+var Menubar = {
+  Root,
+  Menu: RadixMenubar.Menu,
+  Trigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup: RadixMenubar.RadioGroup,
+  RadioItem,
+  Separator,
+  Shortcut,
+  Group: RadixMenubar.Group,
+  Sub: RadixMenubar.Sub,
+  SubTrigger,
+  SubContent
+};
+
+export {
+  Menubar
+};
+//# sourceMappingURL=chunk-V3NEBNKV.js.map

package/dist/chunk-V3NEBNKV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/menubar/Menubar.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,SAAS,WAAW,oBAAoB;AACxC,SAAS,OAAO,cAAc,cAAc;AAYxC,cAiCA,YAjCA;AAPJ,IAAM,eACJ;AACF,IAAM,YACJ;AAEF,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,WAAW,GAAG,4FAA4F,SAAS;AAAA,MAClH,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAG;AACxC,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,QAAQ,EAAE,WAAW,QAAQ,SAAS,aAAa,GAAG,GAAG,MAAM,GAAG;AACzE,SACE,oBAAC,aAAa,QAAb,EACC,8BAAC,aAAa,SAAb,EAAqB,OAAc,YAAwB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,GACjH;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG;AAC5C,SAAO,oBAAC,aAAa,MAAb,EAAkB,WAAW,GAAG,WAAW,SAAS,QAAQ,SAAS,GAAI,GAAG,OAAO;AAC7F;AAEA,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AACvD,SACE,qBAAC,aAAa,cAAb,EAA0B,WAAW,GAAG,WAAW,QAAQ,SAAS,GAAI,GAAG,OAC1E;AAAA,wBAAC,aAAa,eAAb,EAA2B,WAAU,8CACpC,8BAAC,SAAM,MAAM,IAAI,WAAU,eAAc,GAC3C;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AACpD,SACE,qBAAC,aAAa,WAAb,EAAuB,WAAW,GAAG,WAAW,QAAQ,SAAS,GAAI,GAAG,OACvE;AAAA,wBAAC,aAAa,eAAb,EAA2B,WAAU,8CACpC,8BAAC,UAAO,MAAM,GAAG,WAAU,2BAA0B,GACvD;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG;AAC1C,SAAO,oBAAC,aAAa,WAAb,EAAuB,WAAW,GAAG,+BAA+B,SAAS,GAAI,GAAG,OAAO;AACrG;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAG;AACzC,SAAO,oBAAC,UAAK,WAAW,GAAG,wDAAwD,SAAS,GAAI,GAAG,OAAO;AAC5G;AAEA,SAAS,WAAW,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG;AAC5D,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,WAAW,GAAG,WAAW,mCAAmC,SAAS,QAAQ,SAAS;AAAA,MACrF,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,gBAAa,MAAM,IAAI,WAAU,2BAA0B;AAAA;AAAA;AAAA,EAC9D;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAG;AAC3C,SACE,oBAAC,aAAa,QAAb,EACC,8BAAC,aAAa,YAAb,EAAwB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,GAC9E;AAEJ;AAEO,IAAM,UAAU;AAAA,EACrB;AAAA,EACA,MAAM,aAAa;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,aAAa;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,aAAa;AAAA,EACpB,KAAK,aAAa;AAAA,EAClB;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-VHWMJ4HO.js

@@ -0,0 +1,42 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/avatar/Avatar.jsx
+import React from "react";
+import { Avatar as RadixAvatar } from "radix-ui";
+
+// src/components/avatar/Avatar.variants.js
+import { cva } from "class-variance-authority";
+var avatarVariants = cva("relative inline-flex shrink-0 overflow-hidden rounded-full", {
+  variants: {
+    size: {
+      sm: "h-7 w-7 text-xs",
+      md: "h-9 w-9 text-sm",
+      lg: "h-12 w-12 text-base"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/components/avatar/Avatar.jsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Avatar = React.forwardRef(function Avatar2({ src, alt, fallback, size, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(RadixAvatar.Root, { ref, className: cn(avatarVariants({ size }), className), ...props, children: [
+    /* @__PURE__ */ jsx(RadixAvatar.Image, { src, alt, className: "h-full w-full object-cover" }),
+    /* @__PURE__ */ jsx(
+      RadixAvatar.Fallback,
+      {
+        delayMs: src ? 300 : 0,
+        className: "flex h-full w-full items-center justify-center bg-neutral-200 font-sans font-semibold text-text-secondary",
+        children: fallback
+      }
+    )
+  ] });
+});
+
+export {
+  Avatar
+};
+//# sourceMappingURL=chunk-VHWMJ4HO.js.map