@tlglobal/ui 2.0.0

package/dist/chunk-LZEQUT4L.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/drawer/Drawer.jsx
+var _vaul = require('vaul');
+var _jsxruntime = require('react/jsx-runtime');
+function Content({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _vaul.Drawer.Portal, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _vaul.Drawer.Overlay, { className: "fixed inset-0 z-[100] bg-neutral-900/40" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _vaul.Drawer.Content,
+      {
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+          "fixed inset-x-0 bottom-0 z-[100] mt-24 flex max-h-[85vh] flex-col rounded-t-lg border border-border-default bg-bg-page shadow-md",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _vaul.Drawer.Handle, { className: "mx-auto mt-3 h-1.5 w-10 shrink-0 rounded-full bg-border-strong" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 overflow-auto p-6", children })
+        ]
+      }
+    )
+  ] });
+}
+function Title({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _vaul.Drawer.Title, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-lg font-bold text-text-primary", className), ...props });
+}
+function Description({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _vaul.Drawer.Description,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-2 text-base leading-relaxed text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-6 flex justify-end gap-2.5", className), ...props });
+}
+var Drawer = {
+  Root: _vaul.Drawer.Root,
+  Trigger: _vaul.Drawer.Trigger,
+  Close: _vaul.Drawer.Close,
+  Content,
+  Title,
+  Description,
+  Footer
+};
+
+
+
+exports.Drawer = Drawer;
+//# sourceMappingURL=chunk-LZEQUT4L.cjs.map

package/dist/chunk-LZEQUT4L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-LZEQUT4L.cjs","../src/components/drawer/Drawer.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4BAAqC;AAM/B,+CAAA;AAHN,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG;AAClD,EAAA,uBACE,8BAAA,YAAC,CAAW,MAAA,EAAX,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,YAAC,CAAW,OAAA,EAAX,EAAmB,SAAA,EAAU,0CAAA,CAA0C,CAAA;AAAA,oBACxE,8BAAA;AAAA,MAAC,YAAA,CAAW,OAAA;AAAA,MAAX;AAAA,QACC,SAAA,EAAW,kCAAA;AAAA,UACT,kIAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA,YAAC,CAAW,MAAA,EAAX,EAAkB,SAAA,EAAU,iEAAA,CAAiE,CAAA;AAAA,0BAC9F,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,0BAAA,EAA4B,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACtD;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ;AAEA,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACtC,EAAA,uBAAO,6BAAA,YAAC,CAAW,KAAA,EAAX,EAAiB,SAAA,EAAW,kCAAA,qCAAG,EAAuC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACvG;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA,CAAW,WAAA;AAAA,IAAX;AAAA,MACC,SAAA,EAAW,kCAAA,oDAAG,EAAsD,SAAS,CAAA;AAAA,MAC5E,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACvC,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,kCAAA,+BAAG,EAAiC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACpF;AAEO,IAAM,OAAA,EAAS;AAAA,EACpB,IAAA,EAAM,YAAA,CAAW,IAAA;AAAA,EACjB,OAAA,EAAS,YAAA,CAAW,OAAA;AAAA,EACpB,KAAA,EAAO,YAAA,CAAW,KAAA;AAAA,EAClB,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;ADKA;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-LZEQUT4L.cjs","sourcesContent":[null,"import { Drawer as VaulDrawer } from \"vaul\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, children, ...props }) {\n  return (\n    <VaulDrawer.Portal>\n      <VaulDrawer.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <VaulDrawer.Content\n        className={cn(\n          \"fixed inset-x-0 bottom-0 z-[100] mt-24 flex max-h-[85vh] flex-col rounded-t-lg border border-border-default bg-bg-page shadow-md\",\n          className,\n        )}\n        {...props}\n      >\n        <VaulDrawer.Handle className=\"mx-auto mt-3 h-1.5 w-10 shrink-0 rounded-full bg-border-strong\" />\n        <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n      </VaulDrawer.Content>\n    </VaulDrawer.Portal>\n  );\n}\n\nfunction Title({ className, ...props }) {\n  return <VaulDrawer.Title className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n}\n\nfunction Description({ className, ...props }) {\n  return (\n    <VaulDrawer.Description\n      className={cn(\"mt-2 text-base leading-relaxed text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Footer({ className, ...props }) {\n  return <div className={cn(\"mt-6 flex justify-end gap-2.5\", className)} {...props} />;\n}\n\nexport const Drawer = {\n  Root: VaulDrawer.Root,\n  Trigger: VaulDrawer.Trigger,\n  Close: VaulDrawer.Close,\n  Content,\n  Title,\n  Description,\n  Footer,\n};\n"]}

package/dist/chunk-MAN3LWOP.js

@@ -0,0 +1,26 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/kbd/Kbd.jsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Kbd = React.forwardRef(function Kbd2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      ref,
+      className: cn(
+        "inline-flex h-5.5 min-w-5.5 items-center justify-center rounded-sm border border-border-default bg-bg-surface px-1.5 font-mono text-xs font-medium text-text-secondary",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Kbd
+};
+//# sourceMappingURL=chunk-MAN3LWOP.js.map

package/dist/chunk-MAN3LWOP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/kbd/Kbd.jsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Kbd = React.forwardRef(function Kbd({ className, ...props }, ref) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        \"inline-flex h-5.5 min-w-5.5 items-center justify-center rounded-sm border border-border-default bg-bg-surface px-1.5 font-mono text-xs font-medium text-text-secondary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAKd;AAFG,IAAM,MAAM,MAAM,WAAW,SAASA,KAAI,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Kbd"]}

package/dist/chunk-MIKQY57Q.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/skeleton/Skeleton.jsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Skeleton = React.forwardRef(function Skeleton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("animate-pulse rounded-md bg-bg-surface", className), ...props });
+});
+
+export {
+  Skeleton
+};
+//# sourceMappingURL=chunk-MIKQY57Q.js.map

package/dist/chunk-MIKQY57Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/skeleton/Skeleton.jsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Skeleton = React.forwardRef(function Skeleton({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(\"animate-pulse rounded-md bg-bg-surface\", className)} {...props} />;\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAIT;AADF,IAAM,WAAW,MAAM,WAAW,SAASA,UAAS,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACvF,SAAO,oBAAC,SAAI,KAAU,WAAW,GAAG,0CAA0C,SAAS,GAAI,GAAG,OAAO;AACvG,CAAC;","names":["Skeleton"]}

package/dist/chunk-MRFK7JYS.cjs

@@ -0,0 +1,16 @@
+"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/skeleton/Skeleton.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Skeleton = _react2.default.forwardRef(function Skeleton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "animate-pulse rounded-md bg-bg-surface", className), ...props });
+});
+
+
+
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=chunk-MRFK7JYS.cjs.map

package/dist/chunk-MRFK7JYS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-MRFK7JYS.cjs","../src/components/skeleton/Skeleton.jsx"],"names":["Skeleton"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAIT,+CAAA;AADF,IAAM,SAAA,EAAW,eAAA,CAAM,UAAA,CAAW,SAASA,SAAAA,CAAS,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACvF,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,kCAAA,wCAAG,EAA0C,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACvG,CAAC,CAAA;ADMD;AACA;AACE;AACF,4BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-MRFK7JYS.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Skeleton = React.forwardRef(function Skeleton({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(\"animate-pulse rounded-md bg-bg-surface\", className)} {...props} />;\n});\n"]}

package/dist/chunk-MWMM3SXJ.cjs

@@ -0,0 +1,107 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/toast/Toaster.jsx
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+
+// src/components/toast/toast-store.js
+var toasts = [];
+var listeners = [];
+function emit() {
+  listeners.forEach((listener) => listener(toasts));
+}
+function addToast({ tone = "neutral", title, description, duration = 5e3 }) {
+  const id = crypto.randomUUID();
+  toasts = [...toasts, { id, tone, title, description, duration }];
+  emit();
+  return id;
+}
+function removeToast(id) {
+  toasts = toasts.filter((toast) => toast.id !== id);
+  emit();
+}
+function subscribe(listener) {
+  listeners = [...listeners, listener];
+  return () => {
+    listeners = listeners.filter((l) => l !== listener);
+  };
+}
+function getToasts() {
+  return toasts;
+}
+
+// src/components/toast/Toast.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var toastVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex w-80 items-start gap-2.5 rounded-md border-l-[3px] p-3.5 font-sans shadow-md",
+  {
+    variants: {
+      tone: {
+        neutral: "border-l-border-strong bg-bg-surface",
+        success: "border-l-success-500 bg-success-100",
+        warning: "border-l-warning-500 bg-warning-100",
+        danger: "border-l-danger-500 bg-danger-100"
+      }
+    },
+    defaultVariants: { tone: "neutral" }
+  }
+);
+var toastTitleVariants = _classvarianceauthority.cva.call(void 0, "text-sm font-semibold", {
+  variants: {
+    tone: {
+      neutral: "text-text-primary",
+      success: "text-success-700",
+      warning: "text-warning-700",
+      danger: "text-danger-700"
+    }
+  },
+  defaultVariants: { tone: "neutral" }
+});
+
+// src/components/toast/useToast.js
+var _react = require('react');
+function useToast() {
+  const toasts2 = _react.useSyncExternalStore.call(void 0, subscribe, getToasts, getToasts);
+  return { toast: addToast, toasts: toasts2 };
+}
+
+// src/components/toast/Toaster.jsx
+var _jsxruntime = require('react/jsx-runtime');
+function Toaster() {
+  const { toasts: toasts2 } = useToast();
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Toast.Provider, { swipeDirection: "right", children: [
+    toasts2.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Toast.Root,
+      {
+        duration: item.duration,
+        onOpenChange: (open) => !open && removeToast(item.id),
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, toastVariants({ tone: item.tone })),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Toast.Title, { className: _chunkNSTYHMFWcjs.cn.call(void 0, toastTitleVariants({ tone: item.tone })), children: item.title }),
+            item.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Toast.Description, { className: "mt-0.5 text-sm text-text-secondary", children: item.description })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _radixui.Toast.Close,
+            {
+              "aria-label": "Dismiss",
+              className: "text-text-muted transition-colors hover:text-text-primary",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.X, { size: 14 })
+            }
+          )
+        ]
+      },
+      item.id
+    )),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Toast.Viewport, { className: "fixed bottom-0 right-0 z-[100] m-0 flex w-96 max-w-[100vw] list-none flex-col gap-2.5 p-6 outline-none" })
+  ] });
+}
+
+
+
+
+exports.useToast = useToast; exports.Toaster = Toaster;
+//# sourceMappingURL=chunk-MWMM3SXJ.cjs.map

package/dist/chunk-MWMM3SXJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-MWMM3SXJ.cjs","../src/components/toast/Toaster.jsx","../src/components/toast/toast-store.js","../src/components/toast/Toast.variants.js","../src/components/toast/useToast.js"],"names":["toasts"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-MWMM3SXJ.cjs","sourcesContent":[null,"import { Toast as RadixToast } from \"radix-ui\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { removeToast } from \"./toast-store.js\";\nimport { toastTitleVariants, toastVariants } from \"./Toast.variants.js\";\nimport { useToast } from \"./useToast.js\";\n\n// Mount this once, near the app root. Push toasts from anywhere via useToast().toast(...).\nexport function Toaster() {\n  const { toasts } = useToast();\n\n  return (\n    <RadixToast.Provider swipeDirection=\"right\">\n      {toasts.map((item) => (\n        <RadixToast.Root\n          key={item.id}\n          duration={item.duration}\n          onOpenChange={(open) => !open && removeToast(item.id)}\n          className={cn(toastVariants({ tone: item.tone }))}\n        >\n          <div className=\"flex-1\">\n            <RadixToast.Title className={cn(toastTitleVariants({ tone: item.tone }))}>\n              {item.title}\n            </RadixToast.Title>\n            {item.description && (\n              <RadixToast.Description className=\"mt-0.5 text-sm text-text-secondary\">\n                {item.description}\n              </RadixToast.Description>\n            )}\n          </div>\n          <RadixToast.Close\n            aria-label=\"Dismiss\"\n            className=\"text-text-muted transition-colors hover:text-text-primary\"\n          >\n            <X size={14} />\n          </RadixToast.Close>\n        </RadixToast.Root>\n      ))}\n      <RadixToast.Viewport className=\"fixed bottom-0 right-0 z-[100] m-0 flex w-96 max-w-[100vw] list-none flex-col gap-2.5 p-6 outline-none\" />\n    </RadixToast.Provider>\n  );\n}\n","// Minimal module-level pub/sub store backing useToast()/<Toaster />. No external state library —\n// this is small enough that pulling one in would be more overhead than it saves.\nlet toasts = [];\nlet listeners = [];\n\nfunction emit() {\n  listeners.forEach((listener) => listener(toasts));\n}\n\nexport function addToast({ tone = \"neutral\", title, description, duration = 5000 }) {\n  const id = crypto.randomUUID();\n  toasts = [...toasts, { id, tone, title, description, duration }];\n  emit();\n  return id;\n}\n\nexport function removeToast(id) {\n  toasts = toasts.filter((toast) => toast.id !== id);\n  emit();\n}\n\nexport function subscribe(listener) {\n  listeners = [...listeners, listener];\n  return () => {\n    listeners = listeners.filter((l) => l !== listener);\n  };\n}\n\nexport function getToasts() {\n  return toasts;\n}\n","import { cva } from \"class-variance-authority\";\n\nexport const toastVariants = cva(\n  \"flex w-80 items-start gap-2.5 rounded-md border-l-[3px] p-3.5 font-sans shadow-md\",\n  {\n    variants: {\n      tone: {\n        neutral: \"border-l-border-strong bg-bg-surface\",\n        success: \"border-l-success-500 bg-success-100\",\n        warning: \"border-l-warning-500 bg-warning-100\",\n        danger: \"border-l-danger-500 bg-danger-100\",\n      },\n    },\n    defaultVariants: { tone: \"neutral\" },\n  },\n);\n\nexport const toastTitleVariants = cva(\"text-sm font-semibold\", {\n  variants: {\n    tone: {\n      neutral: \"text-text-primary\",\n      success: \"text-success-700\",\n      warning: \"text-warning-700\",\n      danger: \"text-danger-700\",\n    },\n  },\n  defaultVariants: { tone: \"neutral\" },\n});\n","import { useSyncExternalStore } from \"react\";\nimport { addToast, getToasts, subscribe } from \"./toast-store.js\";\n\nexport function useToast() {\n  const toasts = useSyncExternalStore(subscribe, getToasts, getToasts);\n  return { toast: addToast, toasts };\n}\n"]}

package/dist/chunk-N7NOXL4I.js

@@ -0,0 +1,91 @@
+'use client';
+import {
+  Direction,
+  useDirection
+} from "./chunk-YL5ANBN3.js";
+import {
+  Avatar
+} from "./chunk-VHWMJ4HO.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/message/Message.jsx
+import { jsx } from "react/jsx-runtime";
+function Root({ direction, className, children, ...props }) {
+  const resolvedDirection = useDirection(direction);
+  return /* @__PURE__ */ jsx(Direction.Provider, { value: resolvedDirection, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message",
+      "data-direction": resolvedDirection,
+      className: cn(
+        "group/message flex w-full items-start gap-2.5 font-sans",
+        resolvedDirection === "outgoing" && "flex-row-reverse",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+}
+function Avatar2({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Avatar, { size: "sm", className: cn("mt-0.5 shrink-0", className), ...props });
+}
+function Body({ className, ...props }) {
+  const direction = useDirection();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-body",
+      className: cn(
+        "flex min-w-0 flex-1 flex-col gap-1",
+        direction === "outgoing" && "items-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Header({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-header",
+      className: cn("flex items-baseline gap-2 text-xs text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function Author({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { "data-slot": "message-author", className: cn("font-semibold text-text-primary", className), ...props });
+}
+function Time({ className, ...props }) {
+  return /* @__PURE__ */ jsx("time", { "data-slot": "message-time", className: cn("tabular-nums text-text-muted", className), ...props });
+}
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "message-content", className: cn("flex flex-col gap-1.5", className), ...props });
+}
+function Actions({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-actions",
+      className: cn(
+        "flex items-center gap-0.5 opacity-0 transition-opacity",
+        "group-hover/message:opacity-100 group-focus-within/message:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "message-footer", className: cn("text-xs text-text-muted", className), ...props });
+}
+var Message = { Root, Avatar: Avatar2, Body, Header, Author, Time, Content, Actions, Footer };
+
+export {
+  Message
+};
+//# sourceMappingURL=chunk-N7NOXL4I.js.map

package/dist/chunk-N7NOXL4I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/message/Message.jsx"],"sourcesContent":["import { cn } from \"../../lib/cn.js\";\nimport { Avatar as BaseAvatar } from \"../avatar/Avatar.jsx\";\nimport { Direction, useDirection } from \"../direction/Direction.jsx\";\n\n/*\n * Root doubles as a Direction provider so a caller writes `<Message.Root direction=\"outgoing\">`\n * once and every part below it — including a Bubble or Attachment nested arbitrarily deep — lines\n * up without being told again.\n */\nfunction Root({ direction, className, children, ...props }) {\n  const resolvedDirection = useDirection(direction);\n\n  return (\n    <Direction.Provider value={resolvedDirection}>\n      <div\n        data-slot=\"message\"\n        data-direction={resolvedDirection}\n        className={cn(\n          \"group/message flex w-full items-start gap-2.5 font-sans\",\n          resolvedDirection === \"outgoing\" && \"flex-row-reverse\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </Direction.Provider>\n  );\n}\n\nfunction Avatar({ className, ...props }) {\n  return <BaseAvatar size=\"sm\" className={cn(\"mt-0.5 shrink-0\", className)} {...props} />;\n}\n\n// min-w-0 is load-bearing: without it a long unbroken token in the bubble blows the flex row out\n// past the container instead of wrapping.\nfunction Body({ className, ...props }) {\n  const direction = useDirection();\n  return (\n    <div\n      data-slot=\"message-body\"\n      className={cn(\n        \"flex min-w-0 flex-1 flex-col gap-1\",\n        direction === \"outgoing\" && \"items-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Header({ className, ...props }) {\n  return (\n    <div\n      data-slot=\"message-header\"\n      className={cn(\"flex items-baseline gap-2 text-xs text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Author({ className, ...props }) {\n  return <span data-slot=\"message-author\" className={cn(\"font-semibold text-text-primary\", className)} {...props} />;\n}\n\nfunction Time({ className, ...props }) {\n  return <time data-slot=\"message-time\" className={cn(\"tabular-nums text-text-muted\", className)} {...props} />;\n}\n\nfunction Content({ className, ...props }) {\n  return <div data-slot=\"message-content\" className={cn(\"flex flex-col gap-1.5\", className)} {...props} />;\n}\n\n/*\n * Hidden until the row is hovered or something inside it takes focus. The focus-within half is the\n * keyboard path — without it these buttons would be reachable by Tab but invisible while focused.\n */\nfunction Actions({ className, ...props }) {\n  return (\n    <div\n      data-slot=\"message-actions\"\n      className={cn(\n        \"flex items-center gap-0.5 opacity-0 transition-opacity\",\n        \"group-hover/message:opacity-100 group-focus-within/message:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Footer({ className, ...props }) {\n  return (\n    <div data-slot=\"message-footer\" className={cn(\"text-xs text-text-muted\", className)} {...props} />\n  );\n}\n\nexport const Message = { Root, Avatar, Body, Header, Author, Time, Content, Actions, Footer };\n"],"mappings":";;;;;;;;;;;;;AAcM;AALN,SAAS,KAAK,EAAE,WAAW,WAAW,UAAU,GAAG,MAAM,GAAG;AAC1D,QAAM,oBAAoB,aAAa,SAAS;AAEhD,SACE,oBAAC,UAAU,UAAV,EAAmB,OAAO,mBACzB;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,kBAAgB;AAAA,MAChB,WAAW;AAAA,QACT;AAAA,QACA,sBAAsB,cAAc;AAAA,QACpC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,SAASA,QAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,SAAO,oBAAC,UAAW,MAAK,MAAK,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO;AACvF;AAIA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,QAAM,YAAY,aAAa;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA,cAAc,cAAc;AAAA,QAC5B;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yDAAyD,SAAS;AAAA,MAC/E,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,SAAO,oBAAC,UAAK,aAAU,kBAAiB,WAAW,GAAG,mCAAmC,SAAS,GAAI,GAAG,OAAO;AAClH;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,UAAK,aAAU,gBAAe,WAAW,GAAG,gCAAgC,SAAS,GAAI,GAAG,OAAO;AAC7G;AAEA,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAG;AACxC,SAAO,oBAAC,SAAI,aAAU,mBAAkB,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AACxG;AAMA,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAG;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,SACE,oBAAC,SAAI,aAAU,kBAAiB,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OAAO;AAEpG;AAEO,IAAM,UAAU,EAAE,MAAM,QAAAA,SAAQ,MAAM,QAAQ,QAAQ,MAAM,SAAS,SAAS,OAAO;","names":["Avatar"]}

package/dist/chunk-NCYN3QQU.cjs

@@ -0,0 +1,67 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/sheet/Sheet.jsx
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+
+// src/components/sheet/Sheet.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var sheetContentVariants = _classvarianceauthority.cva.call(void 0, 
+  "fixed z-[100] flex flex-col gap-4 border-border-default bg-bg-page p-6 shadow-md focus:outline-none",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 max-h-[80vh] border-b",
+        bottom: "inset-x-0 bottom-0 max-h-[80vh] border-t",
+        left: "inset-y-0 left-0 h-full w-[320px] max-w-[calc(100vw-2rem)] border-r",
+        right: "inset-y-0 right-0 h-full w-[320px] max-w-[calc(100vw-2rem)] border-l"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+
+// src/components/sheet/Sheet.jsx
+var _jsxruntime = require('react/jsx-runtime');
+function Content({ className, side, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Dialog.Portal, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay, { className: "fixed inset-0 z-[100] bg-neutral-900/40" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Dialog.Content, { className: _chunkNSTYHMFWcjs.cn.call(void 0, sheetContentVariants({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _radixui.Dialog.Close,
+        {
+          "aria-label": "Close",
+          className: "absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-md text-text-muted transition-colors hover:bg-bg-surface hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.X, { size: 16 })
+        }
+      )
+    ] })
+  ] });
+}
+function Title({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Title, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-lg font-bold text-text-primary", className), ...props });
+}
+function Description({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Description, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-base leading-relaxed text-text-secondary", className), ...props });
+}
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-auto flex justify-end gap-2.5", className), ...props });
+}
+var Sheet = {
+  Root: _radixui.Dialog.Root,
+  Trigger: _radixui.Dialog.Trigger,
+  Close: _radixui.Dialog.Close,
+  Content,
+  Title,
+  Description,
+  Footer
+};
+
+
+
+exports.Sheet = Sheet;
+//# sourceMappingURL=chunk-NCYN3QQU.cjs.map

package/dist/chunk-NCYN3QQU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-NCYN3QQU.cjs","../src/components/sheet/Sheet.jsx","../src/components/sheet/Sheet.variants.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAsC;AACtC,wCAAkB;ADOlB;AACA;AETA,kEAAoB;AAEb,IAAM,qBAAA,EAAuB,yCAAA;AAAA,EAClC,qGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,uCAAA;AAAA,QACL,MAAA,EAAQ,0CAAA;AAAA,QACR,IAAA,EAAM,qEAAA;AAAA,QACN,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,QAAQ;AAAA,EACnC;AACF,CAAA;AFUA;AACA;AClBM,+CAAA;AAHN,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,IAAA,EAAM,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG;AACxD,EAAA,uBACE,8BAAA,eAAC,CAAY,MAAA,EAAZ,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,eAAC,CAAY,OAAA,EAAZ,EAAoB,SAAA,EAAU,0CAAA,CAA0C,CAAA;AAAA,oBACzE,8BAAA,eAAC,CAAY,OAAA,EAAZ,EAAoB,SAAA,EAAW,kCAAA,oBAAG,CAAqB,EAAE,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAChF,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,6BAAA;AAAA,QAAC,eAAA,CAAY,KAAA;AAAA,QAAZ;AAAA,UACC,YAAA,EAAW,OAAA;AAAA,UACX,SAAA,EAAU,4OAAA;AAAA,UAEV,QAAA,kBAAA,6BAAA,QAAC,EAAA,EAAE,IAAA,EAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MACf;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ;AAEA,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACtC,EAAA,uBAAO,6BAAA,eAAC,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAW,kCAAA,qCAAG,EAAuC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACxG;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AAC5C,EAAA,uBACE,6BAAA,eAAC,CAAY,WAAA,EAAZ,EAAwB,SAAA,EAAW,kCAAA,+CAAG,EAAiD,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAEnH;AAEA,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACvC,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,kCAAA,kCAAG,EAAoC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACvF;AAEO,IAAM,MAAA,EAAQ;AAAA,EACnB,IAAA,EAAM,eAAA,CAAY,IAAA;AAAA,EAClB,OAAA,EAAS,eAAA,CAAY,OAAA;AAAA,EACrB,KAAA,EAAO,eAAA,CAAY,KAAA;AAAA,EACnB,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;ADkBA;AACA;AACE;AACF,sBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-NCYN3QQU.cjs","sourcesContent":[null,"import { Dialog as RadixDialog } from \"radix-ui\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { sheetContentVariants } from \"./Sheet.variants.js\";\n\nfunction Content({ className, side, children, ...props }) {\n  return (\n    <RadixDialog.Portal>\n      <RadixDialog.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <RadixDialog.Content className={cn(sheetContentVariants({ side }), className)} {...props}>\n        {children}\n        <RadixDialog.Close\n          aria-label=\"Close\"\n          className=\"absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-md text-text-muted transition-colors hover:bg-bg-surface hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\"\n        >\n          <X size={16} />\n        </RadixDialog.Close>\n      </RadixDialog.Content>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Title({ className, ...props }) {\n  return <RadixDialog.Title className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n}\n\nfunction Description({ className, ...props }) {\n  return (\n    <RadixDialog.Description className={cn(\"text-base leading-relaxed text-text-secondary\", className)} {...props} />\n  );\n}\n\nfunction Footer({ className, ...props }) {\n  return <div className={cn(\"mt-auto flex justify-end gap-2.5\", className)} {...props} />;\n}\n\nexport const Sheet = {\n  Root: RadixDialog.Root,\n  Trigger: RadixDialog.Trigger,\n  Close: RadixDialog.Close,\n  Content,\n  Title,\n  Description,\n  Footer,\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const sheetContentVariants = cva(\n  \"fixed z-[100] flex flex-col gap-4 border-border-default bg-bg-page p-6 shadow-md focus:outline-none\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 max-h-[80vh] border-b\",\n        bottom: \"inset-x-0 bottom-0 max-h-[80vh] border-t\",\n        left: \"inset-y-0 left-0 h-full w-[320px] max-w-[calc(100vw-2rem)] border-r\",\n        right: \"inset-y-0 right-0 h-full w-[320px] max-w-[calc(100vw-2rem)] border-l\",\n      },\n    },\n    defaultVariants: { side: \"right\" },\n  },\n);\n"]}

package/dist/chunk-NQDS423U.js

@@ -0,0 +1,33 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/breadcrumb/Breadcrumb.jsx
+import React from "react";
+import { ChevronRight } from "@tlglobal/icons";
+import { jsx } from "react/jsx-runtime";
+function Root({ className, ...props }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: cn("font-sans", className), ...props });
+}
+function List({ className, ...props }) {
+  return /* @__PURE__ */ jsx("ol", { className: cn("flex flex-wrap items-center gap-1.5 text-sm text-text-secondary", className), ...props });
+}
+function Item({ className, ...props }) {
+  return /* @__PURE__ */ jsx("li", { className: cn("flex items-center gap-1.5", className), ...props });
+}
+var Link = React.forwardRef(function Link2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx("a", { ref, className: cn("transition-colors hover:text-text-primary", className), ...props, children });
+});
+function Page({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { "aria-current": "page", className: cn("font-medium text-text-primary", className), ...props });
+}
+function Separator({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx("li", { "aria-hidden": "true", className: cn("flex items-center text-text-muted", className), ...props, children: children ?? /* @__PURE__ */ jsx(ChevronRight, { size: 14 }) });
+}
+var Breadcrumb = { Root, List, Item, Link, Page, Separator };
+
+export {
+  Breadcrumb
+};
+//# sourceMappingURL=chunk-NQDS423U.js.map

package/dist/chunk-NQDS423U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/breadcrumb/Breadcrumb.jsx"],"sourcesContent":["import React from \"react\";\nimport { ChevronRight } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Root({ className, ...props }) {\n  return <nav aria-label=\"Breadcrumb\" className={cn(\"font-sans\", className)} {...props} />;\n}\n\nfunction List({ className, ...props }) {\n  return <ol className={cn(\"flex flex-wrap items-center gap-1.5 text-sm text-text-secondary\", className)} {...props} />;\n}\n\nfunction Item({ className, ...props }) {\n  return <li className={cn(\"flex items-center gap-1.5\", className)} {...props} />;\n}\n\nconst Link = React.forwardRef(function Link({ className, children, ...props }, ref) {\n  return (\n    <a ref={ref} className={cn(\"transition-colors hover:text-text-primary\", className)} {...props}>\n      {children}\n    </a>\n  );\n});\n\nfunction Page({ className, ...props }) {\n  return <span aria-current=\"page\" className={cn(\"font-medium text-text-primary\", className)} {...props} />;\n}\n\nfunction Separator({ className, children, ...props }) {\n  return (\n    <li aria-hidden=\"true\" className={cn(\"flex items-center text-text-muted\", className)} {...props}>\n      {children ?? <ChevronRight size={14} />}\n    </li>\n  );\n}\n\nexport const Breadcrumb = { Root, List, Item, Link, Page, Separator };\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAIpB;AADT,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,SAAI,cAAW,cAAa,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAAO;AACxF;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,QAAG,WAAW,GAAG,mEAAmE,SAAS,GAAI,GAAG,OAAO;AACrH;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,QAAG,WAAW,GAAG,6BAA6B,SAAS,GAAI,GAAG,OAAO;AAC/E;AAEA,IAAM,OAAO,MAAM,WAAW,SAASA,MAAK,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAClF,SACE,oBAAC,OAAE,KAAU,WAAW,GAAG,6CAA6C,SAAS,GAAI,GAAG,OACrF,UACH;AAEJ,CAAC;AAED,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,UAAK,gBAAa,QAAO,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AACzG;AAEA,SAAS,UAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AACpD,SACE,oBAAC,QAAG,eAAY,QAAO,WAAW,GAAG,qCAAqC,SAAS,GAAI,GAAG,OACvF,sBAAY,oBAAC,gBAAa,MAAM,IAAI,GACvC;AAEJ;AAEO,IAAM,aAAa,EAAE,MAAM,MAAM,MAAM,MAAM,MAAM,UAAU;","names":["Link"]}

package/dist/chunk-NROYDPOG.js

@@ -0,0 +1,48 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/calendar/Calendar.jsx
+import { DayPicker } from "react-day-picker";
+import { ChevronLeft, ChevronRight } from "@tlglobal/icons";
+import { jsx } from "react/jsx-runtime";
+function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("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__ */ jsx(ChevronLeft, { size: size ?? 16, className: chevronClassName }) : /* @__PURE__ */ jsx(ChevronRight, { size: size ?? 16, className: chevronClassName })
+      },
+      ...props
+    }
+  );
+}
+
+export {
+  Calendar
+};
+//# sourceMappingURL=chunk-NROYDPOG.js.map

package/dist/chunk-NROYDPOG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar/Calendar.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,SAAS,iBAAiB;AAC1B,SAAS,aAAa,oBAAoB;AAyC9B;AAjCL,SAAS,SAAS,EAAE,WAAW,YAAY,kBAAkB,MAAM,GAAG,MAAM,GAAG;AACpF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,eAAe;AAAA,QACf,eAAe;AAAA,QACf,KAAK;AAAA,QACL,iBACE;AAAA,QACF,aACE;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,YACE;AAAA,QACF,OAAO;AAAA,QACP,UACE;AAAA,QACF,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,EAAE,aAAa,MAAM,WAAW,iBAAiB,MACzD,gBAAgB,SACd,oBAAC,eAAY,MAAM,QAAQ,IAAI,WAAW,kBAAkB,IAE5D,oBAAC,gBAAa,MAAM,QAAQ,IAAI,WAAW,kBAAkB;AAAA,MAEnE;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-NRP4NW7O.js

@@ -0,0 +1,35 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/item/Item.jsx
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Item = React.forwardRef(function Item2({ leading, trailing, title, description, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-3 rounded-md px-3 py-2.5 font-sans transition-colors hover:bg-bg-surface",
+        className
+      ),
+      ...props,
+      children: [
+        leading && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: leading }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium text-text-primary", children: title }),
+          description && /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-text-secondary", children: description }),
+          children
+        ] }),
+        trailing && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: trailing })
+      ]
+    }
+  );
+});
+
+export {
+  Item
+};
+//# sourceMappingURL=chunk-NRP4NW7O.js.map

package/dist/chunk-NRP4NW7O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/item/Item.jsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Item = React.forwardRef(function Item(\n  { leading, trailing, title, description, className, children, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-3 rounded-md px-3 py-2.5 font-sans transition-colors hover:bg-bg-surface\",\n        className,\n      )}\n      {...props}\n    >\n      {leading && <div className=\"flex shrink-0 items-center\">{leading}</div>}\n      <div className=\"min-w-0 flex-1\">\n        {title && <div className=\"truncate text-sm font-medium text-text-primary\">{title}</div>}\n        {description && <div className=\"truncate text-xs text-text-secondary\">{description}</div>}\n        {children}\n      </div>\n      {trailing && <div className=\"flex shrink-0 items-center\">{trailing}</div>}\n    </div>\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAgBA,cACZ,YADY;AAbX,IAAM,OAAO,MAAM,WAAW,SAASA,MAC5C,EAAE,SAAS,UAAU,OAAO,aAAa,WAAW,UAAU,GAAG,MAAM,GACvE,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,mBAAW,oBAAC,SAAI,WAAU,8BAA8B,mBAAQ;AAAA,QACjE,qBAAC,SAAI,WAAU,kBACZ;AAAA,mBAAS,oBAAC,SAAI,WAAU,kDAAkD,iBAAM;AAAA,UAChF,eAAe,oBAAC,SAAI,WAAU,wCAAwC,uBAAY;AAAA,UAClF;AAAA,WACH;AAAA,QACC,YAAY,oBAAC,SAAI,WAAU,8BAA8B,oBAAS;AAAA;AAAA;AAAA,EACrE;AAEJ,CAAC;","names":["Item"]}

package/dist/chunk-NSTYHMFW.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+// src/lib/cn.js
+var _clsx = require('clsx');
+var _tailwindmerge = require('tailwind-merge');
+function cn(...inputs) {
+  return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs));
+}
+
+
+
+exports.cn = cn;
+//# sourceMappingURL=chunk-NSTYHMFW.cjs.map

package/dist/chunk-NSTYHMFW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-NSTYHMFW.cjs","../src/lib/cn.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACFA,4BAAqB;AACrB,+CAAwB;AAEjB,SAAS,EAAA,CAAA,GAAM,MAAA,EAAQ;AAC5B,EAAA,OAAO,oCAAA,wBAAQ,MAAW,CAAC,CAAA;AAC7B;ADGA;AACA;AACE;AACF,gBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-NSTYHMFW.cjs","sourcesContent":[null,"import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs) {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-NXR4JLHH.cjs

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

package/dist/chunk-NXR4JLHH.cjs.map

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