@tlglobal/ui 2.0.0

package/dist/chunk-2GWZWHLI.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunkEADT2IDZcjs = require('./chunk-EADT2IDZ.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/toggle/Toggle.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var Toggle = _react2.default.forwardRef(function Toggle2({ variant, size, className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Toggle.Root, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, _chunkEADT2IDZcjs.toggleVariants.call(void 0, { variant, size }), className), ...props });
+});
+
+
+
+exports.Toggle = Toggle;
+//# sourceMappingURL=chunk-2GWZWHLI.cjs.map

package/dist/chunk-2GWZWHLI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-2GWZWHLI.cjs","../src/components/toggle/Toggle.jsx"],"names":["Toggle"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;AAClB,mCAAsC;AAK7B,+CAAA;AADF,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASA,OAAAA,CAAO,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAClG,EAAA,uBAAO,6BAAA,eAAC,CAAY,IAAA,EAAZ,EAAiB,GAAA,EAAU,SAAA,EAAW,kCAAA,8CAAG,EAAiB,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAC7G,CAAC,CAAA;ADQD;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-2GWZWHLI.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Toggle as RadixToggle } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { toggleVariants } from \"./Toggle.variants.js\";\n\nexport const Toggle = React.forwardRef(function Toggle({ variant, size, className, ...props }, ref) {\n  return <RadixToggle.Root ref={ref} className={cn(toggleVariants({ variant, size }), className)} {...props} />;\n});\n"]}

package/dist/chunk-2LZUUIC7.js

@@ -0,0 +1,32 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/card/Card.jsx
+import React from "react";
+
+// src/components/card/Card.variants.js
+import { cva } from "class-variance-authority";
+var cardVariants = cva("rounded-lg border border-border-default bg-bg-page", {
+  variants: {
+    padding: {
+      none: "p-0",
+      sm: "p-4",
+      md: "p-6",
+      lg: "p-8"
+    }
+  },
+  defaultVariants: { padding: "md" }
+});
+
+// src/components/card/Card.jsx
+import { jsx } from "react/jsx-runtime";
+var Card = React.forwardRef(function Card2({ padding, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn(cardVariants({ padding }), className), ...props, children });
+});
+
+export {
+  Card
+};
+//# sourceMappingURL=chunk-2LZUUIC7.js.map

package/dist/chunk-2LZUUIC7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/card/Card.jsx","../src/components/card/Card.variants.js"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { cardVariants } from \"./Card.variants.js\";\n\nexport const Card = React.forwardRef(function Card({ padding, className, children, ...props }, ref) {\n  return (\n    <div ref={ref} className={cn(cardVariants({ padding }), className)} {...props}>\n      {children}\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\"rounded-lg border border-border-default bg-bg-page\", {\n  variants: {\n    padding: {\n      none: \"p-0\",\n      sm: \"p-4\",\n      md: \"p-6\",\n      lg: \"p-8\",\n    },\n  },\n  defaultVariants: { padding: \"md\" },\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;;;ACAlB,SAAS,WAAW;AAEb,IAAM,eAAe,IAAI,sDAAsD;AAAA,EACpF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,SAAS,KAAK;AACnC,CAAC;;;ADNG;AAFG,IAAM,OAAO,MAAM,WAAW,SAASA,MAAK,EAAE,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClG,SACE,oBAAC,SAAI,KAAU,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OACrE,UACH;AAEJ,CAAC;","names":["Card"]}

package/dist/chunk-3FJ2AYA2.js

@@ -0,0 +1,89 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/command/Command.jsx
+import { Command as Cmdk } from "cmdk";
+import { Search } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Root({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Cmdk,
+    {
+      className: cn(
+        "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__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border-default px-3", children: [
+    /* @__PURE__ */ jsx(Search, { size: 16, className: "shrink-0 text-text-muted" }),
+    /* @__PURE__ */ jsx(
+      Cmdk.Input,
+      {
+        className: cn(
+          "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__ */ jsx(Cmdk.List, { className: cn("max-h-72 overflow-y-auto overflow-x-hidden p-1", className), ...props });
+}
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Cmdk.Empty, { className: cn("py-6 text-center text-sm text-text-muted", className), ...props });
+}
+function Group({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Cmdk.Group,
+    {
+      className: cn(
+        "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__ */ jsx(
+    Cmdk.Item,
+    {
+      className: cn(
+        "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__ */ jsx(Cmdk.Separator, { className: cn("my-1 h-px bg-border-default", className), ...props });
+}
+function Dialog({ className, overlayClassName, contentClassName, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Cmdk.Dialog,
+    {
+      overlayClassName: cn("fixed inset-0 z-[100] bg-neutral-900/40", overlayClassName),
+      contentClassName: cn(
+        "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 };
+
+export {
+  Command
+};
+//# sourceMappingURL=chunk-3FJ2AYA2.js.map

package/dist/chunk-3FJ2AYA2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command/Command.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,SAAS,WAAW,YAAY;AAChC,SAAS,cAAc;AAKnB,cAYA,YAZA;AAFJ,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG;AACtC,SACE,qBAAC,SAAI,WAAU,+DACb;AAAA,wBAAC,UAAO,MAAM,IAAI,WAAU,4BAA2B;AAAA,IACvD;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,KACF;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,KAAK,MAAL,EAAU,WAAW,GAAG,kDAAkD,SAAS,GAAI,GAAG,OAAO;AAC3G;AAEA,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG;AACtC,SAAO,oBAAC,KAAK,OAAL,EAAW,WAAW,GAAG,4CAA4C,SAAS,GAAI,GAAG,OAAO;AACtG;AAEA,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG;AACtC,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG;AAC1C,SAAO,oBAAC,KAAK,WAAL,EAAe,WAAW,GAAG,+BAA+B,SAAS,GAAI,GAAG,OAAO;AAC7F;AAEA,SAAS,OAAO,EAAE,WAAW,kBAAkB,kBAAkB,GAAG,MAAM,GAAG;AAC3E,SACE;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,kBAAkB,GAAG,2CAA2C,gBAAgB;AAAA,MAChF,kBAAkB;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,IAAM,UAAU,EAAE,MAAM,OAAO,MAAM,OAAO,OAAO,MAAM,WAAW,OAAO;","names":[]}

package/dist/chunk-3PA53VKD.js

@@ -0,0 +1,125 @@
+'use client';
+import {
+  Button
+} from "./chunk-7KV2ASQZ.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/message-scroller/MessageScroller.jsx
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { ChevronDown } from "@tlglobal/icons";
+import { jsx } from "react/jsx-runtime";
+var MessageScrollerContext = createContext(null);
+function useMessageScroller() {
+  const context = useContext(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 = useRef(null);
+  const contentRef = useRef(null);
+  const [isPinned, setIsPinned] = useState(true);
+  const pinnedRef = useRef(true);
+  const setPinned = useCallback((value) => {
+    pinnedRef.current = value;
+    setIsPinned(value);
+  }, []);
+  const scrollToBottom = useCallback((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 = useCallback(() => {
+    const el = viewportRef.current;
+    if (!el) return;
+    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+    setPinned(distanceFromBottom <= threshold);
+  }, [threshold, setPinned]);
+  useEffect(() => {
+    scrollToBottom({ behavior: "auto" });
+  }, [scrollToBottom]);
+  useEffect(() => {
+    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 = useMemo(
+    () => ({ viewportRef, contentRef, isPinned, scrollToBottom, handleScroll }),
+    [isPinned, scrollToBottom, handleScroll]
+  );
+  return /* @__PURE__ */ jsx(MessageScrollerContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-scroller",
+      "data-pinned": isPinned || void 0,
+      className: cn("relative flex min-h-0 flex-1 flex-col", className),
+      ...props,
+      children
+    }
+  ) });
+}
+function Viewport({ className, ...props }) {
+  const { viewportRef, handleScroll } = useMessageScroller();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: viewportRef,
+      onScroll: handleScroll,
+      "data-slot": "message-scroller-viewport",
+      tabIndex: 0,
+      role: "log",
+      "aria-label": "Conversation",
+      className: cn("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__ */ jsx(
+    "div",
+    {
+      ref: contentRef,
+      "data-slot": "message-scroller-content",
+      className: cn("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__ */ jsx(
+    Button,
+    {
+      variant: "secondary",
+      size: "sm",
+      iconRight: /* @__PURE__ */ jsx(ChevronDown, { size: 14 }),
+      onClick: (event) => {
+        onClick == null ? void 0 : onClick(event);
+        scrollToBottom({ behavior: "smooth" });
+      },
+      "data-slot": "message-scroller-jump",
+      className: cn("absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-md", className),
+      ...props,
+      children
+    }
+  );
+}
+var MessageScroller = { Root, Viewport, Content, JumpToLatest };
+
+export {
+  useMessageScroller,
+  MessageScroller
+};
+//# sourceMappingURL=chunk-3PA53VKD.js.map

package/dist/chunk-3PA53VKD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/message-scroller/MessageScroller.jsx"],"sourcesContent":["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"],"mappings":"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","names":[]}

package/dist/chunk-3RZGAFXY.js

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

package/dist/chunk-3RZGAFXY.js.map

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

package/dist/chunk-3WN2VYVW.js

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

package/dist/chunk-3WN2VYVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dropdown-menu/DropdownMenu.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,SAAS,gBAAgB,yBAAyB;AAClD,SAAS,OAAO,cAAc,cAAc;AAUtC,cAWF,YAXE;AAPN,IAAM,eAAe;AACrB,IAAM,YACJ;AAEF,SAAS,QAAQ,EAAE,WAAW,aAAa,GAAG,GAAG,MAAM,GAAG;AACxD,SACE,oBAAC,kBAAkB,QAAlB,EACC,8BAAC,kBAAkB,SAAlB,EAA0B,YAAwB,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,GACxG;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG;AAC5C,SAAO,oBAAC,kBAAkB,MAAlB,EAAuB,WAAW,GAAG,WAAW,SAAS,QAAQ,SAAS,GAAI,GAAG,OAAO;AAClG;AAEA,SAAS,aAAa,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AACvD,SACE,qBAAC,kBAAkB,cAAlB,EAA+B,WAAW,GAAG,WAAW,QAAQ,SAAS,GAAI,GAAG,OAC/E;AAAA,wBAAC,kBAAkB,eAAlB,EAAgC,WAAU,8CACzC,8BAAC,SAAM,MAAM,IAAI,WAAU,eAAc,GAC3C;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AACpD,SACE,qBAAC,kBAAkB,WAAlB,EAA4B,WAAW,GAAG,WAAW,QAAQ,SAAS,GAAI,GAAG,OAC5E;AAAA,wBAAC,kBAAkB,eAAlB,EAAgC,WAAU,8CACzC,8BAAC,UAAO,MAAM,GAAG,WAAU,2BAA0B,GACvD;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,SAAS,MAAM,EAAE,WAAW,OAAO,GAAG,MAAM,GAAG;AAC7C,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,WAAW,GAAG,qDAAqD,SAAS,QAAQ,SAAS;AAAA,MAC5F,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG;AAC1C,SAAO,oBAAC,kBAAkB,WAAlB,EAA4B,WAAW,GAAG,+BAA+B,SAAS,GAAI,GAAG,OAAO;AAC1G;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,qBAAC,kBAAkB,YAAlB,EAA6B,WAAW,GAAG,WAAW,mCAAmC,SAAS,QAAQ,SAAS,GAAI,GAAG,OACxH;AAAA;AAAA,IACD,oBAAC,gBAAa,MAAM,IAAI,WAAU,2BAA0B;AAAA,KAC9D;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAG;AAC3C,SACE,oBAAC,kBAAkB,QAAlB,EACC,8BAAC,kBAAkB,YAAlB,EAA6B,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO,GACnF;AAEJ;AAEO,IAAM,eAAe;AAAA,EAC1B,MAAM,kBAAkB;AAAA,EACxB,SAAS,kBAAkB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,kBAAkB;AAAA,EACzB,KAAK,kBAAkB;AAAA,EACvB;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-43UYUOCI.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/calendar/Calendar.jsx
+var _reactdaypicker = require('react-day-picker');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactdaypicker.DayPicker,
+    {
+      showOutsideDays,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "p-3 font-sans", className),
+      classNames: {
+        months: "flex flex-col gap-4",
+        month: "flex flex-col gap-3",
+        month_caption: "relative flex items-center justify-center pt-1",
+        caption_label: "text-sm font-semibold text-text-primary",
+        nav: "absolute inset-x-0 top-1 flex items-center justify-between",
+        button_previous: "inline-flex h-7 w-7 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-30",
+        button_next: "inline-flex h-7 w-7 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-30",
+        month_grid: "w-full border-collapse",
+        weekdays: "flex",
+        weekday: "w-9 text-xs font-medium text-text-muted",
+        week: "mt-1 flex w-full",
+        day: "p-0 text-center text-sm",
+        day_button: "rdp-day-btn flex h-9 w-9 items-center justify-center rounded-md text-text-primary transition-colors hover:bg-bg-surface disabled:pointer-events-none disabled:opacity-50",
+        today: "[&>.rdp-day-btn]:font-semibold [&>.rdp-day-btn]:text-accent",
+        selected: "[&>.rdp-day-btn]:bg-accent [&>.rdp-day-btn]:text-text-inverse [&>.rdp-day-btn]:hover:bg-accent-hover",
+        outside: "[&>.rdp-day-btn]:text-text-muted [&>.rdp-day-btn]:opacity-60",
+        disabled: "[&>.rdp-day-btn]:pointer-events-none [&>.rdp-day-btn]:opacity-40",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation, size, className: chevronClassName }) => orientation === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronLeft, { size: _nullishCoalesce(size, () => ( 16)), className: chevronClassName }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronRight, { size: _nullishCoalesce(size, () => ( 16)), className: chevronClassName })
+      },
+      ...props
+    }
+  );
+}
+
+
+
+exports.Calendar = Calendar;
+//# sourceMappingURL=chunk-43UYUOCI.cjs.map

package/dist/chunk-43UYUOCI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-43UYUOCI.cjs","../src/components/calendar/Calendar.jsx"],"names":[],"mappings":"AAAA,yLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,kDAA0B;AAC1B,wCAA0C;AAyC9B,+CAAA;AAjCL,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,UAAA,EAAY,gBAAA,EAAkB,IAAA,EAAM,GAAG,MAAM,CAAA,EAAG;AACpF,EAAA,uBACE,6BAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,eAAA;AAAA,MACA,SAAA,EAAW,kCAAA,eAAG,EAAiB,SAAS,CAAA;AAAA,MACxC,UAAA,EAAY;AAAA,QACV,MAAA,EAAQ,qBAAA;AAAA,QACR,KAAA,EAAO,qBAAA;AAAA,QACP,aAAA,EAAe,gDAAA;AAAA,QACf,aAAA,EAAe,yCAAA;AAAA,QACf,GAAA,EAAK,4DAAA;AAAA,QACL,eAAA,EACE,+LAAA;AAAA,QACF,WAAA,EACE,+LAAA;AAAA,QACF,UAAA,EAAY,wBAAA;AAAA,QACZ,QAAA,EAAU,MAAA;AAAA,QACV,OAAA,EAAS,yCAAA;AAAA,QACT,IAAA,EAAM,kBAAA;AAAA,QACN,GAAA,EAAK,yBAAA;AAAA,QACL,UAAA,EACE,0KAAA;AAAA,QACF,KAAA,EAAO,6DAAA;AAAA,QACP,QAAA,EACE,sGAAA;AAAA,QACF,OAAA,EAAS,8DAAA;AAAA,QACT,QAAA,EAAU,kEAAA;AAAA,QACV,MAAA,EAAQ,WAAA;AAAA,QACR,GAAG;AAAA,MACL,CAAA;AAAA,MACA,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,CAAC,EAAE,WAAA,EAAa,IAAA,EAAM,SAAA,EAAW,iBAAiB,CAAA,EAAA,GACzD,YAAA,IAAgB,OAAA,kBACd,6BAAA,kBAAC,EAAA,EAAY,IAAA,mBAAM,IAAA,UAAQ,IAAA,EAAI,SAAA,EAAW,iBAAA,CAAkB,EAAA,kBAE5D,6BAAA,mBAAC,EAAA,EAAa,IAAA,mBAAM,IAAA,UAAQ,IAAA,EAAI,SAAA,EAAW,iBAAA,CAAkB;AAAA,MAEnE,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADPA;AACA;AACE;AACF,4BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-43UYUOCI.cjs","sourcesContent":[null,"import { DayPicker } from \"react-day-picker\";\nimport { ChevronLeft, ChevronRight } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\n// react-day-picker v10 applies day-state modifiers (selected/today/outside/disabled) as extra\n// CSS classes on the day CELL, not on the button inside it — \"rdp-day-btn\" is a stable marker\n// class (not a Tailwind-generated one) so those modifier classNames can reach the button via a\n// plain child-combinator selector, since the utility classes on day_button itself aren't a\n// reliable selector target.\nexport function Calendar({ className, classNames, showOutsideDays = true, ...props }) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3 font-sans\", className)}\n      classNames={{\n        months: \"flex flex-col gap-4\",\n        month: \"flex flex-col gap-3\",\n        month_caption: \"relative flex items-center justify-center pt-1\",\n        caption_label: \"text-sm font-semibold text-text-primary\",\n        nav: \"absolute inset-x-0 top-1 flex items-center justify-between\",\n        button_previous:\n          \"inline-flex h-7 w-7 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-30\",\n        button_next:\n          \"inline-flex h-7 w-7 items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-30\",\n        month_grid: \"w-full border-collapse\",\n        weekdays: \"flex\",\n        weekday: \"w-9 text-xs font-medium text-text-muted\",\n        week: \"mt-1 flex w-full\",\n        day: \"p-0 text-center text-sm\",\n        day_button:\n          \"rdp-day-btn flex h-9 w-9 items-center justify-center rounded-md text-text-primary transition-colors hover:bg-bg-surface disabled:pointer-events-none disabled:opacity-50\",\n        today: \"[&>.rdp-day-btn]:font-semibold [&>.rdp-day-btn]:text-accent\",\n        selected:\n          \"[&>.rdp-day-btn]:bg-accent [&>.rdp-day-btn]:text-text-inverse [&>.rdp-day-btn]:hover:bg-accent-hover\",\n        outside: \"[&>.rdp-day-btn]:text-text-muted [&>.rdp-day-btn]:opacity-60\",\n        disabled: \"[&>.rdp-day-btn]:pointer-events-none [&>.rdp-day-btn]:opacity-40\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: ({ orientation, size, className: chevronClassName }) =>\n          orientation === \"left\" ? (\n            <ChevronLeft size={size ?? 16} className={chevronClassName} />\n          ) : (\n            <ChevronRight size={size ?? 16} className={chevronClassName} />\n          ),\n      }}\n      {...props}\n    />\n  );\n}\n"]}

package/dist/chunk-44VPRRQ6.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunkEDAI4KEXcjs = require('./chunk-EDAI4KEX.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/native-select/NativeSelect.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _icons = require('@tlglobal/icons');
+
+// src/components/native-select/NativeSelect.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var nativeSelectVariants = _classvarianceauthority.cva.call(void 0, 
+  "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
+var _jsxruntime = require('react/jsx-runtime');
+var NativeSelect = _react2.default.forwardRef(function NativeSelect2({ label, error, hint, size, disabled, options = [], placeholder, className, id, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDAI4KEXcjs.Field, { label, error, hint, id, children: (controlProps) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative flex w-full items-center", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "select",
+      {
+        ref,
+        disabled,
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, nativeSelectVariants({ size, invalid: Boolean(error) }), className),
+        ...controlProps,
+        ...props,
+        children: [
+          placeholder && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: "", disabled: true, children: placeholder }),
+          options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronDown, { size: 16, className: "pointer-events-none absolute right-3 text-text-muted" })
+  ] }) });
+});
+
+
+
+exports.NativeSelect = NativeSelect;
+//# sourceMappingURL=chunk-44VPRRQ6.cjs.map

package/dist/chunk-44VPRRQ6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-44VPRRQ6.cjs","../src/components/native-select/NativeSelect.jsx","../src/components/native-select/NativeSelect.variants.js"],"names":["NativeSelect"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;AAClB,wCAA4B;ADU5B;AACA;AEZA,kEAAoB;AAEb,IAAM,qBAAA,EAAuB,yCAAA;AAAA,EAClC,sNAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,4DAAA;AAAA,QACN,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,OAAA,EAAS,MAAM;AAAA,EAChD;AACF,CAAA;AFaA;AACA;AChBU,+CAAA;AARH,IAAM,aAAA,EAAe,eAAA,CAAM,UAAA,CAAW,SAASA,aAAAA,CACpD,EAAE,KAAA,EAAO,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,QAAA,EAAU,CAAC,CAAA,EAAG,WAAA,EAAa,SAAA,EAAW,EAAA,EAAI,GAAG,MAAM,CAAA,EACzF,GAAA,EACA;AACA,EAAA,uBACE,6BAAA,uBAAC,EAAA,EAAM,KAAA,EAAc,KAAA,EAAc,IAAA,EAAY,EAAA,EAC5C,QAAA,EAAA,CAAC,YAAA,EAAA,mBACA,8BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,mCAAA,EACd,QAAA,EAAA;AAAA,oBAAA,8BAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA,EAAW,kCAAA,oBAAG,CAAqB,EAAE,IAAA,EAAM,OAAA,EAAS,OAAA,CAAQ,KAAK,EAAE,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,QAC/E,GAAG,YAAA;AAAA,QACH,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,YAAA,mBACC,6BAAA,QAAC,EAAA,EAAO,KAAA,EAAM,EAAA,EAAG,QAAA,EAAQ,IAAA,EACtB,QAAA,EAAA,YAAA,CACH,CAAA;AAAA,UAED,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAA,mBACZ,6BAAA,QAAC,EAAA,EAA0B,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,QAAA,EAAU,MAAA,CAAO,QAAA,EAC9D,QAAA,EAAA,MAAA,CAAO,MAAA,CAAA,EADG,MAAA,CAAO,KAEpB,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,CAAA;AAAA,oBACA,6BAAA,kBAAC,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,SAAA,EAAU,uDAAA,CAAuD;AAAA,EAAA,EAAA,CAC1F,EAAA,CAEJ,CAAA;AAEJ,CAAC,CAAA;ADcD;AACA;AACE;AACF,oCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-44VPRRQ6.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-4DRHQE74.js

@@ -0,0 +1,24 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/label/Label.jsx
+import React from "react";
+import { Label as RadixLabel } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+var Label = React.forwardRef(function Label2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixLabel.Root,
+    {
+      ref,
+      className: cn("text-sm font-medium text-text-primary", className),
+      ...props
+    }
+  );
+});
+
+export {
+  Label
+};
+//# sourceMappingURL=chunk-4DRHQE74.js.map

package/dist/chunk-4DRHQE74.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/label/Label.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,SAAS,kBAAkB;AAKhC;AAFG,IAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACjF,SACE;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC;AAAA,MACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Label"]}

package/dist/chunk-4XLHRXFU.cjs

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/navigation-menu/NavigationMenu.jsx
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+function Viewport() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.NavigationMenu.Viewport, { className: "mt-2 w-full origin-top overflow-hidden rounded-md" }) });
+}
+function Root({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.NavigationMenu.Root, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative z-10 flex font-sans", className), ...props, children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Viewport, {})
+  ] });
+}
+function List({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.NavigationMenu.List, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center gap-1", className), ...props });
+}
+function Trigger({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.NavigationMenu.Trigger,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex items-center gap-1 rounded-md px-3 py-2 text-sm font-semibold text-text-secondary outline-none transition-colors hover:bg-bg-surface hover:text-text-primary data-[state=open]:text-text-primary [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronDown, { size: 14, className: "relative top-px transition-transform duration-200" })
+      ]
+    }
+  );
+}
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.NavigationMenu.Content,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "w-full min-w-[280px] rounded-md border border-border-default bg-bg-page p-3 shadow-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Link({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.NavigationMenu.Link,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex items-center rounded-md px-3 py-2 text-sm font-semibold text-text-secondary outline-none transition-colors hover:bg-bg-surface hover:text-text-primary data-[active]:text-accent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var NavigationMenu = {
+  Root,
+  List,
+  Item: _radixui.NavigationMenu.Item,
+  Trigger,
+  Content,
+  Link
+};
+
+
+
+exports.NavigationMenu = NavigationMenu;
+//# sourceMappingURL=chunk-4XLHRXFU.cjs.map