@tlglobal/ui 2.0.0

package/dist/chunk-P6HOIFVS.js

@@ -0,0 +1,107 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/toast/Toaster.jsx
+import { Toast as RadixToast } from "radix-ui";
+import { X } from "@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
+import { cva } from "class-variance-authority";
+var toastVariants = cva(
+  "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 = cva("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
+import { useSyncExternalStore } from "react";
+function useToast() {
+  const toasts2 = useSyncExternalStore(subscribe, getToasts, getToasts);
+  return { toast: addToast, toasts: toasts2 };
+}
+
+// src/components/toast/Toaster.jsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Toaster() {
+  const { toasts: toasts2 } = useToast();
+  return /* @__PURE__ */ jsxs(RadixToast.Provider, { swipeDirection: "right", children: [
+    toasts2.map((item) => /* @__PURE__ */ jsxs(
+      RadixToast.Root,
+      {
+        duration: item.duration,
+        onOpenChange: (open) => !open && removeToast(item.id),
+        className: cn(toastVariants({ tone: item.tone })),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx(RadixToast.Title, { className: cn(toastTitleVariants({ tone: item.tone })), children: item.title }),
+            item.description && /* @__PURE__ */ jsx(RadixToast.Description, { className: "mt-0.5 text-sm text-text-secondary", children: item.description })
+          ] }),
+          /* @__PURE__ */ jsx(
+            RadixToast.Close,
+            {
+              "aria-label": "Dismiss",
+              className: "text-text-muted transition-colors hover:text-text-primary",
+              children: /* @__PURE__ */ jsx(X, { size: 14 })
+            }
+          )
+        ]
+      },
+      item.id
+    )),
+    /* @__PURE__ */ jsx(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" })
+  ] });
+}
+
+export {
+  useToast,
+  Toaster
+};
+//# sourceMappingURL=chunk-P6HOIFVS.js.map

package/dist/chunk-P6HOIFVS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toast/Toaster.jsx","../src/components/toast/toast-store.js","../src/components/toast/Toast.variants.js","../src/components/toast/useToast.js"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,SAAS,SAAS,kBAAkB;AACpC,SAAS,SAAS;;;ACClB,IAAI,SAAS,CAAC;AACd,IAAI,YAAY,CAAC;AAEjB,SAAS,OAAO;AACd,YAAU,QAAQ,CAAC,aAAa,SAAS,MAAM,CAAC;AAClD;AAEO,SAAS,SAAS,EAAE,OAAO,WAAW,OAAO,aAAa,WAAW,IAAK,GAAG;AAClF,QAAM,KAAK,OAAO,WAAW;AAC7B,WAAS,CAAC,GAAG,QAAQ,EAAE,IAAI,MAAM,OAAO,aAAa,SAAS,CAAC;AAC/D,OAAK;AACL,SAAO;AACT;AAEO,SAAS,YAAY,IAAI;AAC9B,WAAS,OAAO,OAAO,CAAC,UAAU,MAAM,OAAO,EAAE;AACjD,OAAK;AACP;AAEO,SAAS,UAAU,UAAU;AAClC,cAAY,CAAC,GAAG,WAAW,QAAQ;AACnC,SAAO,MAAM;AACX,gBAAY,UAAU,OAAO,CAAC,MAAM,MAAM,QAAQ;AAAA,EACpD;AACF;AAEO,SAAS,YAAY;AAC1B,SAAO;AACT;;;AC9BA,SAAS,WAAW;AAEb,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,UAAU;AAAA,EACrC;AACF;AAEO,IAAM,qBAAqB,IAAI,yBAAyB;AAAA,EAC7D,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,UAAU;AACrC,CAAC;;;AC3BD,SAAS,4BAA4B;AAG9B,SAAS,WAAW;AACzB,QAAMA,UAAS,qBAAqB,WAAW,WAAW,SAAS;AACnE,SAAO,EAAE,OAAO,UAAU,QAAAA,QAAO;AACnC;;;AHcU,SACE,KADF;AAZH,SAAS,UAAU;AACxB,QAAM,EAAE,QAAAC,QAAO,IAAI,SAAS;AAE5B,SACE,qBAAC,WAAW,UAAX,EAAoB,gBAAe,SACjC;AAAA,IAAAA,QAAO,IAAI,CAAC,SACX;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QAEC,UAAU,KAAK;AAAA,QACf,cAAc,CAAC,SAAS,CAAC,QAAQ,YAAY,KAAK,EAAE;AAAA,QACpD,WAAW,GAAG,cAAc,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC;AAAA,QAEhD;AAAA,+BAAC,SAAI,WAAU,UACb;AAAA,gCAAC,WAAW,OAAX,EAAiB,WAAW,GAAG,mBAAmB,EAAE,MAAM,KAAK,KAAK,CAAC,CAAC,GACpE,eAAK,OACR;AAAA,YACC,KAAK,eACJ,oBAAC,WAAW,aAAX,EAAuB,WAAU,sCAC/B,eAAK,aACR;AAAA,aAEJ;AAAA,UACA;AAAA,YAAC,WAAW;AAAA,YAAX;AAAA,cACC,cAAW;AAAA,cACX,WAAU;AAAA,cAEV,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,UACf;AAAA;AAAA;AAAA,MApBK,KAAK;AAAA,IAqBZ,CACD;AAAA,IACD,oBAAC,WAAW,UAAX,EAAoB,WAAU,0GAAyG;AAAA,KAC1I;AAEJ;","names":["toasts","toasts"]}

package/dist/chunk-PFK42QIX.cjs

@@ -0,0 +1,112 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunk6K77FYPPcjs = require('./chunk-6K77FYPP.cjs');
+
+
+var _chunkRL3XVDMFcjs = require('./chunk-RL3XVDMF.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/attachment/Attachment.jsx
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+function List({ className, ...props }) {
+  const direction = _chunkRL3XVDMFcjs.useDirection.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ul",
+    {
+      "data-slot": "attachment-list",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-wrap gap-2", direction === "outgoing" && "justify-end", className),
+      ...props
+    }
+  );
+}
+function Root({ uploading = false, className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "li",
+    {
+      "data-slot": "attachment",
+      "data-uploading": uploading || void 0,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "group/attachment relative flex max-w-[16rem] items-center gap-2 rounded-lg border border-border-default",
+        "bg-bg-page px-2.5 py-2 font-sans transition-colors hover:bg-bg-surface",
+        uploading && "opacity-70",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        uploading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6K77FYPPcjs.Spinner, { size: 14, className: "shrink-0" })
+      ]
+    }
+  );
+}
+function Preview({ src, alt = "", className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "img",
+    {
+      src,
+      alt,
+      "data-slot": "attachment-preview",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "h-9 w-9 shrink-0 rounded-md object-cover", className),
+      ...props
+    }
+  );
+}
+function Icon({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "attachment-icon",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-surface text-text-secondary",
+        "[&>svg]:h-4 [&>svg]:w-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Info({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "attachment-info", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex min-w-0 flex-col", className), ...props });
+}
+function Name({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "attachment-name",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "truncate text-xs font-medium text-text-primary", className),
+      ...props
+    }
+  );
+}
+function Meta({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "attachment-meta", className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-xs text-text-muted", className), ...props });
+}
+function Remove({ className, "aria-label": ariaLabel = "Remove attachment", ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "aria-label": ariaLabel,
+      "data-slot": "attachment-remove",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "ml-auto flex h-5 w-5 shrink-0 items-center justify-center rounded-md text-text-muted",
+        "opacity-0 transition-opacity hover:bg-bg-surface-hover hover:text-text-primary",
+        "focus-visible:opacity-100 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        "group-hover/attachment:opacity-100",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.X, { size: 12 })
+    }
+  );
+}
+var Attachment = { Root, List, Preview, Icon, Info, Name, Meta, Remove };
+
+
+
+exports.Attachment = Attachment;
+//# sourceMappingURL=chunk-PFK42QIX.cjs.map

package/dist/chunk-PFK42QIX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-PFK42QIX.cjs","../src/components/attachment/Attachment.jsx"],"names":[],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-PFK42QIX.cjs","sourcesContent":[null,"import { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Spinner } from \"../spinner/Spinner.jsx\";\nimport { useDirection } from \"../direction/Direction.jsx\";\n\nfunction List({ className, ...props }) {\n  const direction = useDirection();\n  return (\n    <ul\n      data-slot=\"attachment-list\"\n      className={cn(\"flex flex-wrap gap-2\", direction === \"outgoing\" && \"justify-end\", className)}\n      {...props}\n    />\n  );\n}\n\n/*\n * Rendered as an <li> because attachments almost always arrive as a set — Attachment.List is a\n * <ul>, and a screen reader announcing \"list, 3 items\" is the single most useful thing here.\n * Standalone use outside a List is rare enough to be worth the trade.\n */\nfunction Root({ uploading = false, className, children, ...props }) {\n  return (\n    <li\n      data-slot=\"attachment\"\n      data-uploading={uploading || undefined}\n      className={cn(\n        \"group/attachment relative flex max-w-[16rem] items-center gap-2 rounded-lg border border-border-default\",\n        \"bg-bg-page px-2.5 py-2 font-sans transition-colors hover:bg-bg-surface\",\n        uploading && \"opacity-70\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {uploading && <Spinner size={14} className=\"shrink-0\" />}\n    </li>\n  );\n}\n\nfunction Preview({ src, alt = \"\", className, ...props }) {\n  return (\n    <img\n      src={src}\n      alt={alt}\n      data-slot=\"attachment-preview\"\n      className={cn(\"h-9 w-9 shrink-0 rounded-md object-cover\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Icon({ className, ...props }) {\n  return (\n    <span\n      data-slot=\"attachment-icon\"\n      className={cn(\n        \"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-surface text-text-secondary\",\n        \"[&>svg]:h-4 [&>svg]:w-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Info({ className, ...props }) {\n  return <div data-slot=\"attachment-info\" className={cn(\"flex min-w-0 flex-col\", className)} {...props} />;\n}\n\nfunction Name({ className, ...props }) {\n  return (\n    <span\n      data-slot=\"attachment-name\"\n      className={cn(\"truncate text-xs font-medium text-text-primary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Meta({ className, ...props }) {\n  return <span data-slot=\"attachment-meta\" className={cn(\"text-xs text-text-muted\", className)} {...props} />;\n}\n\n/*\n * Always in the DOM and always focusable — only its opacity changes on hover. Hiding it with\n * `hidden` or conditional rendering would make removal keyboard-unreachable, which is the usual way\n * this pattern goes wrong.\n */\nfunction Remove({ className, \"aria-label\": ariaLabel = \"Remove attachment\", ...props }) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-slot=\"attachment-remove\"\n      className={cn(\n        \"ml-auto flex h-5 w-5 shrink-0 items-center justify-center rounded-md text-text-muted\",\n        \"opacity-0 transition-opacity hover:bg-bg-surface-hover hover:text-text-primary\",\n        \"focus-visible:opacity-100 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        \"group-hover/attachment:opacity-100\",\n        className,\n      )}\n      {...props}\n    >\n      <X size={12} />\n    </button>\n  );\n}\n\nexport const Attachment = { Root, List, Preview, Icon, Info, Name, Meta, Remove };\n"]}

package/dist/chunk-PNBLW6BD.cjs

@@ -0,0 +1,51 @@
+"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/pagination/Pagination.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+function Root({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { "aria-label": "Pagination", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center gap-1 font-sans", className), ...props });
+}
+var Item = _react2.default.forwardRef(function Item2({ className, active, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-current": active ? "page" : void 0,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "inline-flex h-8.5 min-w-8.5 items-center justify-center rounded-md px-2 text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        active && "bg-accent-100 text-accent-700 hover:bg-accent-100 hover:text-accent-700",
+        className
+      ),
+      ...props
+    }
+  );
+});
+function Ellipsis({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "aria-hidden": "true",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex h-8.5 min-w-8.5 items-center justify-center text-text-muted", className),
+      ...props,
+      children: "\u2026"
+    }
+  );
+}
+var Previous = _react2.default.forwardRef(function Previous2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Item, { ref, "aria-label": "Previous page", className: _chunkNSTYHMFWcjs.cn.call(void 0, "gap-1 px-2.5", className), ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronLeft, { size: 16 }) });
+});
+var Next = _react2.default.forwardRef(function Next2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Item, { ref, "aria-label": "Next page", className: _chunkNSTYHMFWcjs.cn.call(void 0, "gap-1 px-2.5", className), ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronRight, { size: 16 }) });
+});
+var Pagination = { Root, Item, Ellipsis, Previous, Next };
+
+
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=chunk-PNBLW6BD.cjs.map

package/dist/chunk-PNBLW6BD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-PNBLW6BD.cjs","../src/components/pagination/Pagination.jsx"],"names":["Item","Previous","Next"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,wCAA0C;AAIjC,+CAAA;AADT,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,YAAA,EAAW,YAAA,EAAa,SAAA,EAAW,kCAAA,mCAAG,EAAqC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAChH;AAEA,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASA,KAAAA,CAAK,EAAE,SAAA,EAAW,MAAA,EAAQ,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAChF,EAAA,uBACE,6BAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,cAAA,EAAc,OAAA,EAAS,OAAA,EAAS,KAAA,CAAA;AAAA,MAChC,SAAA,EAAW,kCAAA;AAAA,QACT,2SAAA;AAAA,QACA,OAAA,GAAU,yEAAA;AAAA,QACV;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;AAED,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACzC,EAAA,uBACE,6BAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAW,kCAAA,kEAAG,EAAoE,SAAS,CAAA;AAAA,MAC1F,GAAG,KAAA;AAAA,MACL,QAAA,EAAA;AAAA,IAAA;AAAA,EAED,CAAA;AAEJ;AAEA,IAAM,SAAA,EAAW,eAAA,CAAM,UAAA,CAAW,SAASC,SAAAA,CAAS,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAChF,EAAA,uBACE,6BAAA,IAAC,EAAA,EAAK,GAAA,EAAU,YAAA,EAAW,eAAA,EAAgB,SAAA,EAAW,kCAAA,cAAG,EAAgB,SAAS,CAAA,EAAI,GAAG,KAAA,EACvF,QAAA,kBAAA,6BAAA,kBAAC,EAAA,EAAY,IAAA,EAAM,GAAA,CAAI,EAAA,CACzB,CAAA;AAEJ,CAAC,CAAA;AAED,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASC,KAAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxE,EAAA,uBACE,6BAAA,IAAC,EAAA,EAAK,GAAA,EAAU,YAAA,EAAW,WAAA,EAAY,SAAA,EAAW,kCAAA,cAAG,EAAgB,SAAS,CAAA,EAAI,GAAG,KAAA,EACnF,QAAA,kBAAA,6BAAA,mBAAC,EAAA,EAAa,IAAA,EAAM,GAAA,CAAI,EAAA,CAC1B,CAAA;AAEJ,CAAC,CAAA;AAEM,IAAM,WAAA,EAAa,EAAE,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,QAAA,EAAU,KAAK,CAAA;ADNjE;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-PNBLW6BD.cjs","sourcesContent":[null,"import React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Root({ className, ...props }) {\n  return <nav aria-label=\"Pagination\" className={cn(\"flex items-center gap-1 font-sans\", className)} {...props} />;\n}\n\nconst Item = React.forwardRef(function Item({ className, active, ...props }, ref) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-current={active ? \"page\" : undefined}\n      className={cn(\n        \"inline-flex h-8.5 min-w-8.5 items-center justify-center rounded-md px-2 text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        active && \"bg-accent-100 text-accent-700 hover:bg-accent-100 hover:text-accent-700\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nfunction Ellipsis({ className, ...props }) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\"flex h-8.5 min-w-8.5 items-center justify-center text-text-muted\", className)}\n      {...props}\n    >\n      …\n    </span>\n  );\n}\n\nconst Previous = React.forwardRef(function Previous({ className, ...props }, ref) {\n  return (\n    <Item ref={ref} aria-label=\"Previous page\" className={cn(\"gap-1 px-2.5\", className)} {...props}>\n      <ChevronLeft size={16} />\n    </Item>\n  );\n});\n\nconst Next = React.forwardRef(function Next({ className, ...props }, ref) {\n  return (\n    <Item ref={ref} aria-label=\"Next page\" className={cn(\"gap-1 px-2.5\", className)} {...props}>\n      <ChevronRight size={16} />\n    </Item>\n  );\n});\n\nexport const Pagination = { Root, Item, Ellipsis, Previous, Next };\n"]}

package/dist/chunk-PRVO66GL.js

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

package/dist/chunk-PRVO66GL.js.map

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

package/dist/chunk-PZH6B7X6.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/breadcrumb/Breadcrumb.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+function Root({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { "aria-label": "Breadcrumb", className: _chunkNSTYHMFWcjs.cn.call(void 0, "font-sans", className), ...props });
+}
+function List({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-wrap items-center gap-1.5 text-sm text-text-secondary", className), ...props });
+}
+function Item({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center gap-1.5", className), ...props });
+}
+var Link = _react2.default.forwardRef(function Link2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "transition-colors hover:text-text-primary", className), ...props, children });
+});
+function Page({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-current": "page", className: _chunkNSTYHMFWcjs.cn.call(void 0, "font-medium text-text-primary", className), ...props });
+}
+function Separator({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "aria-hidden": "true", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-center text-text-muted", className), ...props, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronRight, { size: 14 }))) });
+}
+var Breadcrumb = { Root, List, Item, Link, Page, Separator };
+
+
+
+exports.Breadcrumb = Breadcrumb;
+//# sourceMappingURL=chunk-PZH6B7X6.cjs.map

package/dist/chunk-PZH6B7X6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-PZH6B7X6.cjs","../src/components/breadcrumb/Breadcrumb.jsx"],"names":["Link"],"mappings":"AAAA,yRAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,wCAA6B;AAIpB,+CAAA;AADT,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,YAAA,EAAW,YAAA,EAAa,SAAA,EAAW,kCAAA,WAAG,EAAa,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACxF;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,kCAAA,iEAAG,EAAmE,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACrH;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,kCAAA,2BAAG,EAA6B,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AAC/E;AAEA,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASA,KAAAA,CAAK,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAClF,EAAA,uBACE,6BAAA,GAAC,EAAA,EAAE,GAAA,EAAU,SAAA,EAAW,kCAAA,2CAAG,EAA6C,SAAS,CAAA,EAAI,GAAG,KAAA,EACrF,SAAA,CACH,CAAA;AAEJ,CAAC,CAAA;AAED,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,MAAC,EAAA,EAAK,cAAA,EAAa,MAAA,EAAO,SAAA,EAAW,kCAAA,+BAAG,EAAiC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACzG;AAEA,SAAS,SAAA,CAAU,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG;AACpD,EAAA,uBACE,6BAAA,IAAC,EAAA,EAAG,aAAA,EAAY,MAAA,EAAO,SAAA,EAAW,kCAAA,mCAAG,EAAqC,SAAS,CAAA,EAAI,GAAG,KAAA,EACvF,QAAA,mBAAA,QAAA,0BAAY,6BAAA,mBAAC,EAAA,EAAa,IAAA,EAAM,GAAA,CAAI,IAAA,CACvC,CAAA;AAEJ;AAEO,IAAM,WAAA,EAAa,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAU,CAAA;ADRpE;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-PZH6B7X6.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-QEIOHGNX.js

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

package/dist/chunk-QEIOHGNX.js.map

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

package/dist/chunk-QET47X4U.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/accordion/Accordion.jsx
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+function Item({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Accordion.Item, { className: _chunkNSTYHMFWcjs.cn.call(void 0, "border-b border-border-default", className), ...props });
+}
+function Trigger({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Accordion.Header, { className: "flex", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Accordion.Trigger,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex flex-1 items-center justify-between py-3.5 text-left font-sans text-base font-semibold text-text-primary transition-colors hover:text-accent [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.ChevronDown, { size: 16, className: "shrink-0 text-text-secondary transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function Content({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Accordion.Content,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "overflow-hidden font-sans text-sm text-text-secondary", className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pb-3.5 pt-0", children })
+    }
+  );
+}
+var Accordion = {
+  Root: _radixui.Accordion.Root,
+  Item,
+  Trigger,
+  Content
+};
+
+
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=chunk-QET47X4U.cjs.map

package/dist/chunk-QET47X4U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-QET47X4U.cjs","../src/components/accordion/Accordion.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAA4C;AAC5C,wCAA4B;AAInB,+CAAA;AADT,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,kBAAC,CAAe,IAAA,EAAf,EAAoB,SAAA,EAAW,kCAAA,gCAAG,EAAkC,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACrG;AAEA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG;AAClD,EAAA,uBACE,6BAAA,kBAAC,CAAe,MAAA,EAAf,EAAsB,SAAA,EAAU,MAAA,EAC/B,QAAA,kBAAA,8BAAA;AAAA,IAAC,kBAAA,CAAe,OAAA;AAAA,IAAf;AAAA,MACC,SAAA,EAAW,kCAAA;AAAA,QACT,uLAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,6BAAA,kBAAC,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,SAAA,EAAU,iEAAA,CAAiE;AAAA,MAAA;AAAA,IAAA;AAAA,EACpG,EAAA,CACF,CAAA;AAEJ;AAEA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG;AAClD,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA,CAAe,OAAA;AAAA,IAAf;AAAA,MACC,SAAA,EAAW,kCAAA,uDAAG,EAAyD,SAAS,CAAA;AAAA,MAC/E,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,SAAA,CAAS;AAAA,IAAA;AAAA,EACzC,CAAA;AAEJ;AAEO,IAAM,UAAA,EAAY;AAAA,EACvB,IAAA,EAAM,kBAAA,CAAe,IAAA;AAAA,EACrB,IAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA;ADGA;AACA;AACE;AACF,8BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-QET47X4U.cjs","sourcesContent":[null,"import { Accordion as RadixAccordion } from \"radix-ui\";\nimport { ChevronDown } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Item({ className, ...props }) {\n  return <RadixAccordion.Item className={cn(\"border-b border-border-default\", className)} {...props} />;\n}\n\nfunction Trigger({ className, children, ...props }) {\n  return (\n    <RadixAccordion.Header className=\"flex\">\n      <RadixAccordion.Trigger\n        className={cn(\n          \"flex flex-1 items-center justify-between py-3.5 text-left font-sans text-base font-semibold text-text-primary transition-colors hover:text-accent [&[data-state=open]>svg]:rotate-180\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDown size={16} className=\"shrink-0 text-text-secondary transition-transform duration-200\" />\n      </RadixAccordion.Trigger>\n    </RadixAccordion.Header>\n  );\n}\n\nfunction Content({ className, children, ...props }) {\n  return (\n    <RadixAccordion.Content\n      className={cn(\"overflow-hidden font-sans text-sm text-text-secondary\", className)}\n      {...props}\n    >\n      <div className=\"pb-3.5 pt-0\">{children}</div>\n    </RadixAccordion.Content>\n  );\n}\n\nexport const Accordion = {\n  Root: RadixAccordion.Root,\n  Item,\n  Trigger,\n  Content,\n};\n"]}

package/dist/chunk-QEVPIMPR.js

@@ -0,0 +1,74 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/navigation-menu/NavigationMenu.jsx
+import { NavigationMenu as RadixNavigationMenu } from "radix-ui";
+import { ChevronDown } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Viewport() {
+  return /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsx(RadixNavigationMenu.Viewport, { className: "mt-2 w-full origin-top overflow-hidden rounded-md" }) });
+}
+function Root({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(RadixNavigationMenu.Root, { className: cn("relative z-10 flex font-sans", className), ...props, children: [
+    children,
+    /* @__PURE__ */ jsx(Viewport, {})
+  ] });
+}
+function List({ className, ...props }) {
+  return /* @__PURE__ */ jsx(RadixNavigationMenu.List, { className: cn("flex items-center gap-1", className), ...props });
+}
+function Trigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    RadixNavigationMenu.Trigger,
+    {
+      className: cn(
+        "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__ */ jsx(ChevronDown, { size: 14, className: "relative top-px transition-transform duration-200" })
+      ]
+    }
+  );
+}
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadixNavigationMenu.Content,
+    {
+      className: cn(
+        "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__ */ jsx(
+    RadixNavigationMenu.Link,
+    {
+      className: cn(
+        "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: RadixNavigationMenu.Item,
+  Trigger,
+  Content,
+  Link
+};
+
+export {
+  NavigationMenu
+};
+//# sourceMappingURL=chunk-QEVPIMPR.js.map

package/dist/chunk-QEVPIMPR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation-menu/NavigationMenu.jsx"],"sourcesContent":["import { NavigationMenu as RadixNavigationMenu } from \"radix-ui\";\nimport { ChevronDown } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Viewport() {\n  return (\n    <div className=\"absolute left-0 top-full flex justify-center\">\n      <RadixNavigationMenu.Viewport className=\"mt-2 w-full origin-top overflow-hidden rounded-md\" />\n    </div>\n  );\n}\n\nfunction Root({ className, children, ...props }) {\n  return (\n    <RadixNavigationMenu.Root className={cn(\"relative z-10 flex font-sans\", className)} {...props}>\n      {children}\n      <Viewport />\n    </RadixNavigationMenu.Root>\n  );\n}\n\nfunction List({ className, ...props }) {\n  return <RadixNavigationMenu.List className={cn(\"flex items-center gap-1\", className)} {...props} />;\n}\n\nfunction Trigger({ className, children, ...props }) {\n  return (\n    <RadixNavigationMenu.Trigger\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown size={14} className=\"relative top-px transition-transform duration-200\" />\n    </RadixNavigationMenu.Trigger>\n  );\n}\n\nfunction Content({ className, ...props }) {\n  return (\n    <RadixNavigationMenu.Content\n      className={cn(\n        \"w-full min-w-[280px] rounded-md border border-border-default bg-bg-page p-3 shadow-md\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Link({ className, ...props }) {\n  return (\n    <RadixNavigationMenu.Link\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const NavigationMenu = {\n  Root,\n  List,\n  Item: RadixNavigationMenu.Item,\n  Trigger,\n  Content,\n  Link,\n};\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkB,2BAA2B;AACtD,SAAS,mBAAmB;AAMtB,cAOF,YAPE;AAHN,SAAS,WAAW;AAClB,SACE,oBAAC,SAAI,WAAU,gDACb,8BAAC,oBAAoB,UAApB,EAA6B,WAAU,qDAAoD,GAC9F;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AAC/C,SACE,qBAAC,oBAAoB,MAApB,EAAyB,WAAW,GAAG,gCAAgC,SAAS,GAAI,GAAG,OACrF;AAAA;AAAA,IACD,oBAAC,YAAS;AAAA,KACZ;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,oBAAoB,MAApB,EAAyB,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OAAO;AACnG;AAEA,SAAS,QAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AAClD,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,eAAY,MAAM,IAAI,WAAU,qDAAoD;AAAA;AAAA;AAAA,EACvF;AAEJ;AAEA,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAG;AACxC,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;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,oBAAoB;AAAA,IAApB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,MAAM,oBAAoB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-QGPKRORJ.cjs

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

package/dist/chunk-QGPKRORJ.cjs.map

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

package/dist/chunk-QT6A3IGJ.js

@@ -0,0 +1,49 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/accordion/Accordion.jsx
+import { Accordion as RadixAccordion } from "radix-ui";
+import { ChevronDown } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Item({ className, ...props }) {
+  return /* @__PURE__ */ jsx(RadixAccordion.Item, { className: cn("border-b border-border-default", className), ...props });
+}
+function Trigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(RadixAccordion.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    RadixAccordion.Trigger,
+    {
+      className: cn(
+        "flex flex-1 items-center justify-between py-3.5 text-left font-sans text-base font-semibold text-text-primary transition-colors hover:text-accent [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDown, { size: 16, className: "shrink-0 text-text-secondary transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function Content({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadixAccordion.Content,
+    {
+      className: cn("overflow-hidden font-sans text-sm text-text-secondary", className),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "pb-3.5 pt-0", children })
+    }
+  );
+}
+var Accordion = {
+  Root: RadixAccordion.Root,
+  Item,
+  Trigger,
+  Content
+};
+
+export {
+  Accordion
+};
+//# sourceMappingURL=chunk-QT6A3IGJ.js.map

package/dist/chunk-QT6A3IGJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/accordion/Accordion.jsx"],"sourcesContent":["import { Accordion as RadixAccordion } from \"radix-ui\";\nimport { ChevronDown } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Item({ className, ...props }) {\n  return <RadixAccordion.Item className={cn(\"border-b border-border-default\", className)} {...props} />;\n}\n\nfunction Trigger({ className, children, ...props }) {\n  return (\n    <RadixAccordion.Header className=\"flex\">\n      <RadixAccordion.Trigger\n        className={cn(\n          \"flex flex-1 items-center justify-between py-3.5 text-left font-sans text-base font-semibold text-text-primary transition-colors hover:text-accent [&[data-state=open]>svg]:rotate-180\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDown size={16} className=\"shrink-0 text-text-secondary transition-transform duration-200\" />\n      </RadixAccordion.Trigger>\n    </RadixAccordion.Header>\n  );\n}\n\nfunction Content({ className, children, ...props }) {\n  return (\n    <RadixAccordion.Content\n      className={cn(\"overflow-hidden font-sans text-sm text-text-secondary\", className)}\n      {...props}\n    >\n      <div className=\"pb-3.5 pt-0\">{children}</div>\n    </RadixAccordion.Content>\n  );\n}\n\nexport const Accordion = {\n  Root: RadixAccordion.Root,\n  Item,\n  Trigger,\n  Content,\n};\n"],"mappings":";;;;;;AAAA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,mBAAmB;AAInB,cAMH,YANG;AADT,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,eAAe,MAAf,EAAoB,WAAW,GAAG,kCAAkC,SAAS,GAAI,GAAG,OAAO;AACrG;AAEA,SAAS,QAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AAClD,SACE,oBAAC,eAAe,QAAf,EAAsB,WAAU,QAC/B;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,eAAY,MAAM,IAAI,WAAU,kEAAiE;AAAA;AAAA;AAAA,EACpG,GACF;AAEJ;AAEA,SAAS,QAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AAClD,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,WAAW,GAAG,yDAAyD,SAAS;AAAA,MAC/E,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,eAAe,UAAS;AAAA;AAAA,EACzC;AAEJ;AAEO,IAAM,YAAY;AAAA,EACvB,MAAM,eAAe;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-QUXGSASA.js

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

package/dist/chunk-QUXGSASA.js.map

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