@tlglobal/ui 2.0.0

package/dist/chunk-FSFKN344.js

@@ -0,0 +1,112 @@
+'use client';
+import {
+  Spinner
+} from "./chunk-VVZIMK6K.js";
+import {
+  useDirection
+} from "./chunk-YL5ANBN3.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/attachment/Attachment.jsx
+import { X } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+function List({ className, ...props }) {
+  const direction = useDirection();
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "attachment-list",
+      className: cn("flex flex-wrap gap-2", direction === "outgoing" && "justify-end", className),
+      ...props
+    }
+  );
+}
+function Root({ uploading = false, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      "data-slot": "attachment",
+      "data-uploading": uploading || void 0,
+      className: cn(
+        "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__ */ jsx(Spinner, { size: 14, className: "shrink-0" })
+      ]
+    }
+  );
+}
+function Preview({ src, alt = "", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt,
+      "data-slot": "attachment-preview",
+      className: cn("h-9 w-9 shrink-0 rounded-md object-cover", className),
+      ...props
+    }
+  );
+}
+function Icon({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "attachment-icon",
+      className: cn(
+        "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__ */ jsx("div", { "data-slot": "attachment-info", className: cn("flex min-w-0 flex-col", className), ...props });
+}
+function Name({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "attachment-name",
+      className: cn("truncate text-xs font-medium text-text-primary", className),
+      ...props
+    }
+  );
+}
+function Meta({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { "data-slot": "attachment-meta", className: cn("text-xs text-text-muted", className), ...props });
+}
+function Remove({ className, "aria-label": ariaLabel = "Remove attachment", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": ariaLabel,
+      "data-slot": "attachment-remove",
+      className: cn(
+        "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__ */ jsx(X, { size: 12 })
+    }
+  );
+}
+var Attachment = { Root, List, Preview, Icon, Info, Name, Meta, Remove };
+
+export {
+  Attachment
+};
+//# sourceMappingURL=chunk-FSFKN344.js.map

package/dist/chunk-FSFKN344.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/attachment/Attachment.jsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;AAAA,SAAS,SAAS;AAQd,cAeA,YAfA;AAHJ,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,QAAM,YAAY,aAAa;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,cAAc,cAAc,eAAe,SAAS;AAAA,MACzF,GAAG;AAAA;AAAA,EACN;AAEJ;AAOA,SAAS,KAAK,EAAE,YAAY,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG;AAClE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,kBAAgB,aAAa;AAAA,MAC7B,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,aAAa,oBAAC,WAAQ,MAAM,IAAI,WAAU,YAAW;AAAA;AAAA;AAAA,EACxD;AAEJ;AAEA,SAAS,QAAQ,EAAE,KAAK,MAAM,IAAI,WAAW,GAAG,MAAM,GAAG;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV,WAAW,GAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,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,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,SAAI,aAAU,mBAAkB,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AACxG;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kDAAkD,SAAS;AAAA,MACxE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG;AACrC,SAAO,oBAAC,UAAK,aAAU,mBAAkB,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OAAO;AAC3G;AAOA,SAAS,OAAO,EAAE,WAAW,cAAc,YAAY,qBAAqB,GAAG,MAAM,GAAG;AACtF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,EACf;AAEJ;AAEO,IAAM,aAAa,EAAE,MAAM,MAAM,SAAS,MAAM,MAAM,MAAM,MAAM,OAAO;","names":[]}

package/dist/chunk-G362MHBO.cjs

@@ -0,0 +1,37 @@
+"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/slider/Slider.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var Slider = _react2.default.forwardRef(function Slider2({ className, defaultValue, value, ...props }, ref) {
+  const values = _nullishCoalesce(_nullishCoalesce(value, () => ( defaultValue)), () => ( [0]));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Slider.Root,
+    {
+      ref,
+      value,
+      defaultValue,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative flex w-full touch-none select-none items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slider.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-surface", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slider.Range, { className: "absolute h-full rounded-full bg-accent" }) }),
+        values.map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _radixui.Slider.Thumb,
+          {
+            className: "block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] disabled:pointer-events-none disabled:opacity-50"
+          },
+          index
+        ))
+      ]
+    }
+  );
+});
+
+
+
+exports.Slider = Slider;
+//# sourceMappingURL=chunk-G362MHBO.cjs.map

package/dist/chunk-G362MHBO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-G362MHBO.cjs","../src/components/slider/Slider.jsx"],"names":["Slider"],"mappings":"AAAA,yRAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAAsC;AAMlC,+CAAA;AAHG,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASA,OAAAA,CAAO,EAAE,SAAA,EAAW,YAAA,EAAc,KAAA,EAAO,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxG,EAAA,MAAM,OAAA,oCAAS,KAAA,UAAS,cAAA,UAAgB,CAAC,CAAC,GAAA;AAC1C,EAAA,uBACE,8BAAA;AAAA,IAAC,eAAA,CAAY,IAAA;AAAA,IAAZ;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA,EAAW,kCAAA,0DAAG,EAA4D,SAAS,CAAA;AAAA,MAClF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,6BAAA,eAAC,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAU,uEAAA,EAC3B,QAAA,kBAAA,6BAAA,eAAC,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAU,yCAAA,CAAyC,EAAA,CACxE,CAAA;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,EAAA,mBACd,6BAAA;AAAA,UAAC,eAAA,CAAY,KAAA;AAAA,UAAZ;AAAA,YAEC,SAAA,EAAU;AAAA,UAAA,CAAA;AAAA,UADL;AAAA,QAEP,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAC,CAAA;ADOD;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-G362MHBO.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Slider as RadixSlider } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Slider = React.forwardRef(function Slider({ className, defaultValue, value, ...props }, ref) {\n  const values = value ?? defaultValue ?? [0];\n  return (\n    <RadixSlider.Root\n      ref={ref}\n      value={value}\n      defaultValue={defaultValue}\n      className={cn(\"relative flex w-full touch-none select-none items-center\", className)}\n      {...props}\n    >\n      <RadixSlider.Track className=\"relative h-1.5 w-full grow overflow-hidden rounded-full bg-bg-surface\">\n        <RadixSlider.Range className=\"absolute h-full rounded-full bg-accent\" />\n      </RadixSlider.Track>\n      {values.map((_, index) => (\n        <RadixSlider.Thumb\n          key={index}\n          className=\"block h-4 w-4 rounded-full border border-accent bg-bg-page shadow-xs transition-colors focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)] disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </RadixSlider.Root>\n  );\n});\n"]}

package/dist/chunk-GAIT5TGX.js

@@ -0,0 +1,85 @@
+'use client';
+import {
+  Command
+} from "./chunk-3FJ2AYA2.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/combobox/Combobox.jsx
+import React, { useState } from "react";
+import { Popover as RadixPopover } from "radix-ui";
+import { Check, ChevronsUpDown } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Combobox = React.forwardRef(function Combobox2({
+  options = [],
+  value,
+  onValueChange,
+  placeholder = "Select\u2026",
+  searchPlaceholder = "Search\u2026",
+  emptyMessage = "No results found.",
+  disabled,
+  className,
+  ...props
+}, ref) {
+  const [open, setOpen] = useState(false);
+  const selected = options.find((option) => option.value === value);
+  return /* @__PURE__ */ jsxs(RadixPopover.Root, { open, onOpenChange: setOpen, ...props, children: [
+    /* @__PURE__ */ jsxs(
+      RadixPopover.Trigger,
+      {
+        ref,
+        disabled,
+        className: cn(
+          "flex h-[38px] w-full items-center justify-between gap-2 rounded-md border border-border-default bg-bg-page px-3 font-sans text-base text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out data-[state=open]:border-border-focus data-[state=open]:shadow-[var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:bg-bg-surface",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: cn("truncate", !selected && "text-text-muted"), children: selected ? selected.label : placeholder }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { size: 16, className: "shrink-0 text-text-muted" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(RadixPopover.Portal, { children: /* @__PURE__ */ jsx(
+      RadixPopover.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "z-50 w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-md border border-border-default bg-bg-page p-0 shadow-md outline-none",
+        children: /* @__PURE__ */ jsxs(Command.Root, { children: [
+          /* @__PURE__ */ jsx(Command.Input, { placeholder: searchPlaceholder }),
+          /* @__PURE__ */ jsxs(Command.List, { children: [
+            /* @__PURE__ */ jsx(Command.Empty, { children: emptyMessage }),
+            /* @__PURE__ */ jsx(Command.Group, { children: options.map((option) => /* @__PURE__ */ jsxs(
+              Command.Item,
+              {
+                value: option.label,
+                disabled: option.disabled,
+                onSelect: () => {
+                  onValueChange == null ? void 0 : onValueChange(option.value === value ? void 0 : option.value);
+                  setOpen(false);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Check,
+                    {
+                      size: 14,
+                      className: cn("shrink-0 text-accent", option.value === value ? "opacity-100" : "opacity-0")
+                    }
+                  ),
+                  option.label
+                ]
+              },
+              option.value
+            )) })
+          ] })
+        ] })
+      }
+    ) })
+  ] });
+});
+
+export {
+  Combobox
+};
+//# sourceMappingURL=chunk-GAIT5TGX.js.map

package/dist/chunk-GAIT5TGX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/combobox/Combobox.jsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport { Check, ChevronsUpDown } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Command } from \"../command/Command.jsx\";\n\n// Built directly on Radix Popover (not our styled Popover component) since Popover.Content bakes\n// in a fixed width/padding meant for free-form content — Combobox needs the content to match the\n// trigger's width and hold a Command list with no padding, so it goes straight to the primitive.\nexport const Combobox = React.forwardRef(function Combobox(\n  {\n    options = [],\n    value,\n    onValueChange,\n    placeholder = \"Select…\",\n    searchPlaceholder = \"Search…\",\n    emptyMessage = \"No results found.\",\n    disabled,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n  const selected = options.find((option) => option.value === value);\n\n  return (\n    <RadixPopover.Root open={open} onOpenChange={setOpen} {...props}>\n      <RadixPopover.Trigger\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          \"flex h-[38px] w-full items-center justify-between gap-2 rounded-md border border-border-default bg-bg-page px-3 font-sans text-base text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out data-[state=open]:border-border-focus data-[state=open]:shadow-[var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:bg-bg-surface\",\n          className,\n        )}\n      >\n        <span className={cn(\"truncate\", !selected && \"text-text-muted\")}>\n          {selected ? selected.label : placeholder}\n        </span>\n        <ChevronsUpDown size={16} className=\"shrink-0 text-text-muted\" />\n      </RadixPopover.Trigger>\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          align=\"start\"\n          sideOffset={4}\n          className=\"z-50 w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-md border border-border-default bg-bg-page p-0 shadow-md outline-none\"\n        >\n          <Command.Root>\n            <Command.Input placeholder={searchPlaceholder} />\n            <Command.List>\n              <Command.Empty>{emptyMessage}</Command.Empty>\n              <Command.Group>\n                {options.map((option) => (\n                  <Command.Item\n                    key={option.value}\n                    value={option.label}\n                    disabled={option.disabled}\n                    onSelect={() => {\n                      onValueChange?.(option.value === value ? undefined : option.value);\n                      setOpen(false);\n                    }}\n                  >\n                    <Check\n                      size={14}\n                      className={cn(\"shrink-0 text-accent\", option.value === value ? \"opacity-100\" : \"opacity-0\")}\n                    />\n                    {option.label}\n                  </Command.Item>\n                ))}\n              </Command.Group>\n            </Command.List>\n          </Command.Root>\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    </RadixPopover.Root>\n  );\n});\n"],"mappings":";;;;;;;;;AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,WAAW,oBAAoB;AACxC,SAAS,OAAO,sBAAsB;AA0BhC,SAQE,KARF;AAnBC,IAAM,WAAW,MAAM,WAAW,SAASA,UAChD;AAAA,EACE,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,KAAK;AAEhE,SACE,qBAAC,aAAa,MAAb,EAAkB,MAAY,cAAc,SAAU,GAAG,OACxD;AAAA;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,UAAK,WAAW,GAAG,YAAY,CAAC,YAAY,iBAAiB,GAC3D,qBAAW,SAAS,QAAQ,aAC/B;AAAA,UACA,oBAAC,kBAAe,MAAM,IAAI,WAAU,4BAA2B;AAAA;AAAA;AAAA,IACjE;AAAA,IACA,oBAAC,aAAa,QAAb,EACC;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAU;AAAA,QAEV,+BAAC,QAAQ,MAAR,EACC;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,mBAAmB;AAAA,UAC/C,qBAAC,QAAQ,MAAR,EACC;AAAA,gCAAC,QAAQ,OAAR,EAAe,wBAAa;AAAA,YAC7B,oBAAC,QAAQ,OAAR,EACE,kBAAQ,IAAI,CAAC,WACZ;AAAA,cAAC,QAAQ;AAAA,cAAR;AAAA,gBAEC,OAAO,OAAO;AAAA,gBACd,UAAU,OAAO;AAAA,gBACjB,UAAU,MAAM;AACd,iEAAgB,OAAO,UAAU,QAAQ,SAAY,OAAO;AAC5D,0BAAQ,KAAK;AAAA,gBACf;AAAA,gBAEA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAM;AAAA,sBACN,WAAW,GAAG,wBAAwB,OAAO,UAAU,QAAQ,gBAAgB,WAAW;AAAA;AAAA,kBAC5F;AAAA,kBACC,OAAO;AAAA;AAAA;AAAA,cAZH,OAAO;AAAA,YAad,CACD,GACH;AAAA,aACF;AAAA,WACF;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ,CAAC;","names":["Combobox"]}

package/dist/chunk-GBHONUIG.js

@@ -0,0 +1,52 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/input-otp/InputOTP.jsx
+import React, { useContext } from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root = React.forwardRef(function Root2({ className, containerClassName, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    OTPInput,
+    {
+      ref,
+      containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+});
+var Group = React.forwardRef(function Group2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-1.5", className), ...props });
+});
+var Slot = React.forwardRef(function Slot2({ index, className, ...props }, ref) {
+  const inputOTPContext = useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] || {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center rounded-md border border-border-default bg-bg-page font-mono text-base text-text-primary transition-[border-color,box-shadow] duration-150 ease-out",
+        isActive && "z-10 border-border-focus shadow-[var(--shadow-focus-ring)]",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-pulse bg-text-primary" }) })
+      ]
+    }
+  );
+});
+var Separator = React.forwardRef(function Separator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, role: "separator", className: cn("text-text-muted", className), ...props, children: "\u2013" });
+});
+var InputOTP = { Root, Group, Slot, Separator };
+
+export {
+  InputOTP
+};
+//# sourceMappingURL=chunk-GBHONUIG.js.map

package/dist/chunk-GBHONUIG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input-otp/InputOTP.jsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst Root = React.forwardRef(function Root({ className, containerClassName, ...props }, ref) {\n  return (\n    <OTPInput\n      ref={ref}\n      containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n      className={cn(\"disabled:cursor-not-allowed\", className)}\n      {...props}\n    />\n  );\n});\n\nconst Group = React.forwardRef(function Group({ className, ...props }, ref) {\n  return <div ref={ref} className={cn(\"flex items-center gap-1.5\", className)} {...props} />;\n});\n\nconst Slot = React.forwardRef(function Slot({ index, className, ...props }, ref) {\n  const inputOTPContext = useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index] || {};\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"relative flex h-10 w-10 items-center justify-center rounded-md border border-border-default bg-bg-page font-mono text-base text-text-primary transition-[border-color,box-shadow] duration-150 ease-out\",\n        isActive && \"z-10 border-border-focus shadow-[var(--shadow-focus-ring)]\",\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-pulse bg-text-primary\" />\n        </div>\n      )}\n    </div>\n  );\n});\n\nconst Separator = React.forwardRef(function Separator({ className, ...props }, ref) {\n  return (\n    <div ref={ref} role=\"separator\" className={cn(\"text-text-muted\", className)} {...props}>\n      –\n    </div>\n  );\n});\n\nexport const InputOTP = { Root, Group, Slot, Separator };\n"],"mappings":";;;;;;AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,UAAU,uBAAuB;AAKtC,cAkBA,YAlBA;AAFJ,IAAM,OAAO,MAAM,WAAW,SAASA,MAAK,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,KAAK;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAoB,GAAG,sDAAsD,kBAAkB;AAAA,MAC/F,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAM,QAAQ,MAAM,WAAW,SAASC,OAAM,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SAAO,oBAAC,SAAI,KAAU,WAAW,GAAG,6BAA6B,SAAS,GAAI,GAAG,OAAO;AAC1F,CAAC;AAED,IAAM,OAAO,MAAM,WAAW,SAASC,MAAK,EAAE,OAAO,WAAW,GAAG,MAAM,GAAG,KAAK;AAC/E,QAAM,kBAAkB,WAAW,eAAe;AAClD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,gBAAgB,MAAM,KAAK,KAAK,CAAC;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,gBACC,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,0CAAyC,GAC1D;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAED,IAAM,YAAY,MAAM,WAAW,SAASC,WAAU,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClF,SACE,oBAAC,SAAI,KAAU,MAAK,aAAY,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO,oBAExF;AAEJ,CAAC;AAEM,IAAM,WAAW,EAAE,MAAM,OAAO,MAAM,UAAU;","names":["Root","Group","Slot","Separator"]}

package/dist/chunk-GJGPQRIK.js

@@ -0,0 +1,20 @@
+'use client';
+import {
+  toggleVariants
+} from "./chunk-77VS352K.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/toggle/Toggle.jsx
+import React from "react";
+import { Toggle as RadixToggle } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+var Toggle = React.forwardRef(function Toggle2({ variant, size, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixToggle.Root, { ref, className: cn(toggleVariants({ variant, size }), className), ...props });
+});
+
+export {
+  Toggle
+};
+//# sourceMappingURL=chunk-GJGPQRIK.js.map

package/dist/chunk-GJGPQRIK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle/Toggle.jsx"],"sourcesContent":["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"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,UAAU,mBAAmB;AAK7B;AADF,IAAM,SAAS,MAAM,WAAW,SAASA,QAAO,EAAE,SAAS,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AAClG,SAAO,oBAAC,YAAY,MAAZ,EAAiB,KAAU,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAAO;AAC7G,CAAC;","names":["Toggle"]}

package/dist/chunk-GJQOXOSX.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/resizable/Resizable.jsx
+var _react = require('react');
+var _reactresizablepanels = require('react-resizable-panels');
+var _jsxruntime = require('react/jsx-runtime');
+var ResizableContext = _react.createContext.call(void 0, "horizontal");
+function ResizableGroup({ orientation = "horizontal", className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ResizableContext.Provider, { value: orientation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactresizablepanels.Group,
+    {
+      orientation,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex h-full w-full", orientation === "vertical" && "flex-col", className),
+      ...props
+    }
+  ) });
+}
+function ResizablePanel({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactresizablepanels.Panel, { className, ...props });
+}
+function ResizableSeparator({ className, ...props }) {
+  const orientation = _react.useContext.call(void 0, ResizableContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactresizablepanels.Separator,
+    {
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "relative flex items-center justify-center bg-border-default transition-colors hover:bg-accent focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        orientation === "vertical" ? "h-px w-full cursor-row-resize" : "h-full w-px cursor-col-resize",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Resizable = { Group: ResizableGroup, Panel: ResizablePanel, Separator: ResizableSeparator };
+
+
+
+exports.Resizable = Resizable;
+//# sourceMappingURL=chunk-GJQOXOSX.cjs.map

package/dist/chunk-GJQOXOSX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-GJQOXOSX.cjs","../src/components/resizable/Resizable.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,8BAA0C;AAC1C,8DAAwC;AAWlC,+CAAA;AALN,IAAM,iBAAA,EAAmB,kCAAA,YAA0B,CAAA;AAEnD,SAAS,cAAA,CAAe,EAAE,YAAA,EAAc,YAAA,EAAc,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AAC3E,EAAA,uBACE,6BAAA,gBAAC,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,WAAA,EAChC,QAAA,kBAAA,6BAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,SAAA,EAAW,kCAAA,oBAAG,EAAsB,YAAA,IAAgB,WAAA,GAAc,UAAA,EAAY,SAAS,CAAA;AAAA,MACtF,GAAG;AAAA,IAAA;AAAA,EACN,EAAA,CACF,CAAA;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AAC/C,EAAA,uBAAO,6BAAA,2BAAC,EAAA,EAAM,SAAA,EAAuB,GAAG,MAAA,CAAO,CAAA;AACjD;AAEA,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACnD,EAAA,MAAM,YAAA,EAAc,+BAAA,gBAA2B,CAAA;AAC/C,EAAA,uBACE,6BAAA;AAAA,IAAC,+BAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,kCAAA;AAAA,QACT,0KAAA;AAAA,QACA,YAAA,IAAgB,WAAA,EAAa,gCAAA,EAAkC,+BAAA;AAAA,QAC/D;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEO,IAAM,UAAA,EAAY,EAAE,KAAA,EAAO,cAAA,EAAgB,KAAA,EAAO,cAAA,EAAgB,SAAA,EAAW,mBAAmB,CAAA;ADDvG;AACA;AACE;AACF,8BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-GJQOXOSX.cjs","sourcesContent":[null,"import { createContext, useContext } from \"react\";\nimport { Group, Panel, Separator } from \"react-resizable-panels\";\nimport { cn } from \"../../lib/cn.js\";\n\n// Tracked ourselves via context rather than relying on the library's own DOM output (unverified\n// data-attribute names) — self-contained styling that doesn't depend on react-resizable-panels'\n// internal conventions.\nconst ResizableContext = createContext(\"horizontal\");\n\nfunction ResizableGroup({ orientation = \"horizontal\", className, ...props }) {\n  return (\n    <ResizableContext.Provider value={orientation}>\n      <Group\n        orientation={orientation}\n        className={cn(\"flex h-full w-full\", orientation === \"vertical\" && \"flex-col\", className)}\n        {...props}\n      />\n    </ResizableContext.Provider>\n  );\n}\n\nfunction ResizablePanel({ className, ...props }) {\n  return <Panel className={className} {...props} />;\n}\n\nfunction ResizableSeparator({ className, ...props }) {\n  const orientation = useContext(ResizableContext);\n  return (\n    <Separator\n      className={cn(\n        \"relative flex items-center justify-center bg-border-default transition-colors hover:bg-accent focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        orientation === \"vertical\" ? \"h-px w-full cursor-row-resize\" : \"h-full w-px cursor-col-resize\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const Resizable = { Group: ResizableGroup, Panel: ResizablePanel, Separator: ResizableSeparator };\n"]}

package/dist/chunk-GWLJZRZO.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+// src/components/collapsible/Collapsible.jsx
+var _radixui = require('radix-ui');
+var Collapsible = {
+  Root: _radixui.Collapsible.Root,
+  Trigger: _radixui.Collapsible.Trigger,
+  Content: _radixui.Collapsible.Content
+};
+
+
+
+exports.Collapsible = Collapsible;
+//# sourceMappingURL=chunk-GWLJZRZO.cjs.map

package/dist/chunk-GWLJZRZO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-GWLJZRZO.cjs","../src/components/collapsible/Collapsible.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACFA,mCAAgD;AAIzC,IAAM,YAAA,EAAc;AAAA,EACzB,IAAA,EAAM,oBAAA,CAAiB,IAAA;AAAA,EACvB,OAAA,EAAS,oBAAA,CAAiB,OAAA;AAAA,EAC1B,OAAA,EAAS,oBAAA,CAAiB;AAC5B,CAAA;ADCA;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-GWLJZRZO.cjs","sourcesContent":[null,"import { Collapsible as RadixCollapsible } from \"radix-ui\";\n\n// Bare primitive — no default styling. This is what Accordion is built on; use it directly for\n// simple show/hide cases (e.g. \"show more\") where Accordion's item/border chrome isn't wanted.\nexport const Collapsible = {\n  Root: RadixCollapsible.Root,\n  Trigger: RadixCollapsible.Trigger,\n  Content: RadixCollapsible.Content,\n};\n"]}