@tlglobal/ui 2.0.0

package/dist/chunk-VHWMJ4HO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/avatar/Avatar.jsx","../src/components/avatar/Avatar.variants.js"],"sourcesContent":["import React from \"react\";\nimport { Avatar as RadixAvatar } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { avatarVariants } from \"./Avatar.variants.js\";\n\nexport const Avatar = React.forwardRef(function Avatar({ src, alt, fallback, size, className, ...props }, ref) {\n  return (\n    <RadixAvatar.Root ref={ref} className={cn(avatarVariants({ size }), className)} {...props}>\n      <RadixAvatar.Image src={src} alt={alt} className=\"h-full w-full object-cover\" />\n      <RadixAvatar.Fallback\n        delayMs={src ? 300 : 0}\n        className=\"flex h-full w-full items-center justify-center bg-neutral-200 font-sans font-semibold text-text-secondary\"\n      >\n        {fallback}\n      </RadixAvatar.Fallback>\n    </RadixAvatar.Root>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const avatarVariants = cva(\"relative inline-flex shrink-0 overflow-hidden rounded-full\", {\n  variants: {\n    size: {\n      sm: \"h-7 w-7 text-xs\",\n      md: \"h-9 w-9 text-sm\",\n      lg: \"h-12 w-12 text-base\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,UAAU,mBAAmB;;;ACDtC,SAAS,WAAW;AAEb,IAAM,iBAAiB,IAAI,8DAA8D;AAAA,EAC9F,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;;;ADJG,SACE,KADF;AAFG,IAAM,SAAS,MAAM,WAAW,SAASA,QAAO,EAAE,KAAK,KAAK,UAAU,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7G,SACE,qBAAC,YAAY,MAAZ,EAAiB,KAAU,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAClF;AAAA,wBAAC,YAAY,OAAZ,EAAkB,KAAU,KAAU,WAAU,8BAA6B;AAAA,IAC9E;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,SAAS,MAAM,MAAM;AAAA,QACrB,WAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,KACF;AAEJ,CAAC;","names":["Avatar"]}

package/dist/chunk-VONXCRR4.cjs

@@ -0,0 +1,86 @@
+"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/questionnaire/Questionnaire.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+var QuestionnaireContext = _react.createContext.call(void 0, null);
+function useQuestionnaire() {
+  const context = _react.useContext.call(void 0, QuestionnaireContext);
+  if (!context) throw new Error("Questionnaire parts must be used within Questionnaire.Root");
+  return context;
+}
+function Root({ multiple = false, className, children, ...props }) {
+  const promptId = _react.useId.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuestionnaireContext.Provider, { value: { multiple, promptId }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "questionnaire",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-col gap-2 font-sans", className),
+      ...props,
+      children
+    }
+  ) });
+}
+function Prompt({ className, ...props }) {
+  const { promptId } = useQuestionnaire();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "p",
+    {
+      id: promptId,
+      "data-slot": "questionnaire-prompt",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-sm text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function Options({ className, ...props }) {
+  const { multiple, promptId } = useQuestionnaire();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: multiple ? "group" : "radiogroup",
+      "aria-labelledby": promptId,
+      "data-slot": "questionnaire-options",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-wrap gap-2", className),
+      ...props
+    }
+  );
+}
+var Option = _react2.default.forwardRef(function Option2({ selected = false, disabled = false, className, children, ...props }, ref) {
+  const { multiple } = useQuestionnaire();
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    {
+      ref,
+      type: "button",
+      disabled,
+      role: multiple ? void 0 : "radio",
+      "aria-pressed": multiple ? selected : void 0,
+      "aria-checked": multiple ? void 0 : selected,
+      "data-slot": "questionnaire-option",
+      "data-selected": selected || void 0,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors",
+        "focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+        "disabled:pointer-events-none disabled:opacity-50",
+        selected ? "border-accent bg-accent-100 font-medium text-accent-700" : "border-border-default bg-bg-page text-text-primary hover:bg-bg-surface",
+        className
+      ),
+      ...props,
+      children: [
+        selected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Check, { size: 14, className: "shrink-0" }),
+        children
+      ]
+    }
+  );
+});
+var Questionnaire = { Root, Prompt, Options, Option };
+
+
+
+exports.Questionnaire = Questionnaire;
+//# sourceMappingURL=chunk-VONXCRR4.cjs.map

package/dist/chunk-VONXCRR4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-VONXCRR4.cjs","../src/components/questionnaire/Questionnaire.jsx"],"names":["Option"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-VONXCRR4.cjs","sourcesContent":[null,"import React, { createContext, useContext, useId } from \"react\";\nimport { Check } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst QuestionnaireContext = createContext(null);\n\nfunction useQuestionnaire() {\n  const context = useContext(QuestionnaireContext);\n  if (!context) throw new Error(\"Questionnaire parts must be used within Questionnaire.Root\");\n  return context;\n}\n\n/*\n * The suggested-replies strip an assistant offers under a message. `multiple` decides both the\n * selection semantics and the ARIA contract: a single-select set is a radiogroup, a multi-select\n * set is a plain group of toggle buttons. Getting that wrong is the difference between a screen\n * reader saying \"1 of 4\" and saying nothing useful at all.\n */\nfunction Root({ multiple = false, className, children, ...props }) {\n  const promptId = useId();\n  return (\n    <QuestionnaireContext.Provider value={{ multiple, promptId }}>\n      <div\n        data-slot=\"questionnaire\"\n        className={cn(\"flex flex-col gap-2 font-sans\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </QuestionnaireContext.Provider>\n  );\n}\n\nfunction Prompt({ className, ...props }) {\n  const { promptId } = useQuestionnaire();\n  return (\n    <p\n      id={promptId}\n      data-slot=\"questionnaire-prompt\"\n      className={cn(\"text-sm text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Options({ className, ...props }) {\n  const { multiple, promptId } = useQuestionnaire();\n  return (\n    <div\n      role={multiple ? \"group\" : \"radiogroup\"}\n      aria-labelledby={promptId}\n      data-slot=\"questionnaire-options\"\n      className={cn(\"flex flex-wrap gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nconst Option = React.forwardRef(function Option(\n  { selected = false, disabled = false, className, children, ...props },\n  ref,\n) {\n  const { multiple } = useQuestionnaire();\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      disabled={disabled}\n      role={multiple ? undefined : \"radio\"}\n      // A multi-select chip is a toggle button (aria-pressed); a single-select one is a radio\n      // (aria-checked). Setting both, or the wrong one, makes the state unannounceable.\n      aria-pressed={multiple ? selected : undefined}\n      aria-checked={multiple ? undefined : selected}\n      data-slot=\"questionnaire-option\"\n      data-selected={selected || undefined}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        selected\n          ? \"border-accent bg-accent-100 font-medium text-accent-700\"\n          : \"border-border-default bg-bg-page text-text-primary hover:bg-bg-surface\",\n        className,\n      )}\n      {...props}\n    >\n      {selected && <Check size={14} className=\"shrink-0\" />}\n      {children}\n    </button>\n  );\n});\n\nexport const Questionnaire = { Root, Prompt, Options, Option };\n"]}

package/dist/chunk-VTNWJO3Y.js

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

package/dist/chunk-VTNWJO3Y.js.map

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

package/dist/chunk-VVZIMK6K.js

@@ -0,0 +1,27 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/spinner/Spinner.jsx
+import React from "react";
+import { Loader2 } from "@tlglobal/icons";
+import { jsx } from "react/jsx-runtime";
+var Spinner = React.forwardRef(function Spinner2({ size = 16, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Loader2,
+    {
+      ref,
+      size,
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("animate-spin text-text-secondary", className),
+      ...props
+    }
+  );
+});
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-VVZIMK6K.js.map

package/dist/chunk-VVZIMK6K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner/Spinner.jsx"],"sourcesContent":["import React from \"react\";\nimport { Loader2 } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Spinner = React.forwardRef(function Spinner({ size = 16, className, ...props }, ref) {\n  return (\n    <Loader2\n      ref={ref}\n      size={size}\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn(\"animate-spin text-text-secondary\", className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,eAAe;AAKpB;AAFG,IAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,EAAE,OAAO,IAAI,WAAW,GAAG,MAAM,GAAG,KAAK;AAChG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Spinner"]}

package/dist/chunk-WBWSA5SM.js

@@ -0,0 +1,42 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/switch/Switch.jsx
+import React, { useId } from "react";
+import { Switch as RadixSwitch, Label } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Switch = React.forwardRef(function Switch2({ label, disabled, className, id, ...props }, ref) {
+  const generatedId = useId();
+  const switchId = id || generatedId;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2.5 font-sans", children: [
+    /* @__PURE__ */ jsx(
+      RadixSwitch.Root,
+      {
+        ref,
+        id: switchId,
+        disabled,
+        className: cn(
+          "relative h-5 w-9 shrink-0 rounded-full bg-neutral-300 transition-colors data-[state=checked]:bg-accent disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(RadixSwitch.Thumb, { className: "block h-4 w-4 translate-x-0.5 rounded-full bg-bg-page shadow-xs transition-transform data-[state=checked]:translate-x-[18px]" })
+      }
+    ),
+    label && /* @__PURE__ */ jsx(
+      Label.Root,
+      {
+        htmlFor: switchId,
+        className: cn("text-base text-text-primary", disabled && "cursor-not-allowed text-text-muted"),
+        children: label
+      }
+    )
+  ] });
+});
+
+export {
+  Switch
+};
+//# sourceMappingURL=chunk-WBWSA5SM.js.map

package/dist/chunk-WBWSA5SM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/switch/Switch.jsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Switch as RadixSwitch, Label } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Switch = React.forwardRef(function Switch({ label, disabled, className, id, ...props }, ref) {\n  const generatedId = useId();\n  const switchId = id || generatedId;\n\n  return (\n    <span className=\"inline-flex items-center gap-2.5 font-sans\">\n      <RadixSwitch.Root\n        ref={ref}\n        id={switchId}\n        disabled={disabled}\n        className={cn(\n          \"relative h-5 w-9 shrink-0 rounded-full bg-neutral-300 transition-colors data-[state=checked]:bg-accent disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n          className,\n        )}\n        {...props}\n      >\n        <RadixSwitch.Thumb className=\"block h-4 w-4 translate-x-0.5 rounded-full bg-bg-page shadow-xs transition-transform data-[state=checked]:translate-x-[18px]\" />\n      </RadixSwitch.Root>\n      {label && (\n        <Label.Root\n          htmlFor={switchId}\n          className={cn(\"text-base text-text-primary\", disabled && \"cursor-not-allowed text-text-muted\")}\n        >\n          {label}\n        </Label.Root>\n      )}\n    </span>\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,SAAS,aAAa;AAC7B,SAAS,UAAU,aAAa,aAAa;AAQzC,SAWI,KAXJ;AALG,IAAM,SAAS,MAAM,WAAW,SAASA,QAAO,EAAE,OAAO,UAAU,WAAW,IAAI,GAAG,MAAM,GAAG,KAAK;AACxG,QAAM,cAAc,MAAM;AAC1B,QAAM,WAAW,MAAM;AAEvB,SACE,qBAAC,UAAK,WAAU,8CACd;AAAA;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,YAAY,OAAZ,EAAkB,WAAU,gIAA+H;AAAA;AAAA,IAC9J;AAAA,IACC,SACC;AAAA,MAAC,MAAM;AAAA,MAAN;AAAA,QACC,SAAS;AAAA,QACT,WAAW,GAAG,+BAA+B,YAAY,oCAAoC;AAAA,QAE5F;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ,CAAC;","names":["Switch"]}

package/dist/chunk-WVEBD2II.cjs

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

package/dist/chunk-WVEBD2II.cjs.map

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

package/dist/chunk-XGCIOWNR.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/tooltip/Tooltip.jsx
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+function Tooltip({ label, children, side = "top", className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Provider, { delayDuration: 200, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Tooltip.Root, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Tooltip.Content,
+      {
+        side,
+        sideOffset: 6,
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+          "z-50 rounded-sm bg-neutral-900 px-[9px] py-[5px] font-sans text-xs font-medium text-text-inverse shadow-sm",
+          className
+        ),
+        ...props,
+        children: [
+          label,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Arrow, { className: "fill-neutral-900" })
+        ]
+      }
+    ) })
+  ] }) });
+}
+
+
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=chunk-XGCIOWNR.cjs.map

package/dist/chunk-XGCIOWNR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XGCIOWNR.cjs","../src/components/tooltip/Tooltip.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAwC;AAOhC,+CAAA;AAJD,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AAC9E,EAAA,uBACE,6BAAA,gBAAC,CAAa,QAAA,EAAb,EAAsB,aAAA,EAAe,GAAA,EACpC,QAAA,kBAAA,8BAAA,gBAAC,CAAa,IAAA,EAAb,EACC,QAAA,EAAA;AAAA,oBAAA,6BAAA,gBAAC,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,IAAA,EAAE,SAAA,CAAS,CAAA;AAAA,oBACxC,6BAAA,gBAAC,CAAa,MAAA,EAAb,EACC,QAAA,kBAAA,8BAAA;AAAA,MAAC,gBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,IAAA;AAAA,QACA,UAAA,EAAY,CAAA;AAAA,QACZ,SAAA,EAAW,kCAAA;AAAA,UACT,4GAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,0BACD,6BAAA,gBAAC,CAAa,KAAA,EAAb,EAAmB,SAAA,EAAU,mBAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACnD,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,CAAA;AAEJ;ADIA;AACA;AACE;AACF,0BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XGCIOWNR.cjs","sourcesContent":[null,"import { Tooltip as RadixTooltip } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport function Tooltip({ label, children, side = \"top\", className, ...props }) {\n  return (\n    <RadixTooltip.Provider delayDuration={200}>\n      <RadixTooltip.Root>\n        <RadixTooltip.Trigger asChild>{children}</RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <RadixTooltip.Content\n            side={side}\n            sideOffset={6}\n            className={cn(\n              \"z-50 rounded-sm bg-neutral-900 px-[9px] py-[5px] font-sans text-xs font-medium text-text-inverse shadow-sm\",\n              className,\n            )}\n            {...props}\n          >\n            {label}\n            <RadixTooltip.Arrow className=\"fill-neutral-900\" />\n          </RadixTooltip.Content>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n}\n"]}

package/dist/chunk-XMCP5ITG.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunk43UYUOCIcjs = require('./chunk-43UYUOCI.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/date-picker/DatePicker.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _datefns = require('date-fns');
+var _radixui = require('radix-ui');
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+var DatePicker = _react2.default.forwardRef(function DatePicker2({ value, onValueChange, placeholder = "Pick a date", disabled, className, ...props }, ref) {
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Popover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Popover.Trigger,
+      {
+        ref,
+        disabled,
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+          "flex h-[38px] w-full items-center 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",
+          !value && "text-text-muted",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.Calendar, { size: 16, className: "shrink-0 text-text-muted" }),
+          value ? _datefns.format.call(void 0, value, "PPP") : placeholder
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Popover.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "z-50 rounded-md border border-border-default bg-bg-page shadow-md outline-none",
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk43UYUOCIcjs.Calendar,
+          {
+            mode: "single",
+            selected: value,
+            onSelect: (date) => {
+              onValueChange == null ? void 0 : onValueChange(date);
+              setOpen(false);
+            }
+          }
+        )
+      }
+    ) })
+  ] });
+});
+
+
+
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=chunk-XMCP5ITG.cjs.map

package/dist/chunk-XMCP5ITG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XMCP5ITG.cjs","../src/components/date-picker/DatePicker.jsx"],"names":["DatePicker"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAgC;AAChC,mCAAuB;AACvB,mCAAwC;AACxC,wCAAyC;AAYnC,+CAAA;AARC,IAAM,WAAA,EAAa,eAAA,CAAM,UAAA,CAAW,SAASA,WAAAA,CAClD,EAAE,KAAA,EAAO,aAAA,EAAe,YAAA,EAAc,aAAA,EAAe,QAAA,EAAU,SAAA,EAAW,GAAG,MAAM,CAAA,EACnF,GAAA,EACA;AACA,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,EAAA,EAAI,6BAAA,KAAc,CAAA;AAEtC,EAAA,uBACE,8BAAA,gBAAC,CAAa,IAAA,EAAb,EAAkB,IAAA,EAAY,YAAA,EAAc,OAAA,EAC3C,QAAA,EAAA;AAAA,oBAAA,8BAAA;AAAA,MAAC,gBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,GAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA,EAAW,kCAAA;AAAA,UACT,4VAAA;AAAA,UACA,CAAC,MAAA,GAAS,iBAAA;AAAA,UACV;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA,eAAC,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,SAAA,EAAU,2BAAA,CAA2B,CAAA;AAAA,UAC5D,MAAA,EAAQ,6BAAA,KAAO,EAAO,KAAK,EAAA,EAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC,CAAA;AAAA,oBACA,6BAAA,gBAAC,CAAa,MAAA,EAAb,EACC,QAAA,kBAAA,6BAAA;AAAA,MAAC,gBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,KAAA,EAAM,OAAA;AAAA,QACN,UAAA,EAAY,CAAA;AAAA,QACZ,SAAA,EAAU,gFAAA;AAAA,QAEV,QAAA,kBAAA,6BAAA;AAAA,UAAC,0BAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,QAAA,EAAU,KAAA;AAAA,YACV,QAAA,EAAU,CAAC,IAAA,EAAA,GAAS;AAClB,cAAA,cAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,aAAA,CAAgB,IAAA,CAAA;AAChB,cAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,YACf;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;ADSD;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XMCP5ITG.cjs","sourcesContent":[null,"import React, { useState } from \"react\";\nimport { format } from \"date-fns\";\nimport { Popover as RadixPopover } from \"radix-ui\";\nimport { Calendar as CalendarIcon } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { Calendar } from \"../calendar/Calendar.jsx\";\n\nexport const DatePicker = React.forwardRef(function DatePicker(\n  { value, onValueChange, placeholder = \"Pick a date\", disabled, className, ...props },\n  ref,\n) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <RadixPopover.Root open={open} onOpenChange={setOpen}>\n      <RadixPopover.Trigger\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          \"flex h-[38px] w-full items-center 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          !value && \"text-text-muted\",\n          className,\n        )}\n        {...props}\n      >\n        <CalendarIcon size={16} className=\"shrink-0 text-text-muted\" />\n        {value ? format(value, \"PPP\") : placeholder}\n      </RadixPopover.Trigger>\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          align=\"start\"\n          sideOffset={4}\n          className=\"z-50 rounded-md border border-border-default bg-bg-page shadow-md outline-none\"\n        >\n          <Calendar\n            mode=\"single\"\n            selected={value}\n            onSelect={(date) => {\n              onValueChange?.(date);\n              setOpen(false);\n            }}\n          />\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    </RadixPopover.Root>\n  );\n});\n"]}

package/dist/chunk-XOBIDPEA.cjs

@@ -0,0 +1,23 @@
+"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/scroll-area/ScrollArea.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var scrollbarClass = "flex touch-none select-none bg-transparent p-0.5 transition-colors data-[orientation=vertical]:w-2.5 data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col";
+var ScrollArea = _react2.default.forwardRef(function ScrollArea2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.ScrollArea.Root, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "relative overflow-hidden", className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar, { orientation: "vertical", className: scrollbarClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-neutral-300" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar, { orientation: "horizontal", className: scrollbarClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-neutral-300" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Corner, {})
+  ] });
+});
+
+
+
+exports.ScrollArea = ScrollArea;
+//# sourceMappingURL=chunk-XOBIDPEA.cjs.map

package/dist/chunk-XOBIDPEA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XOBIDPEA.cjs","../src/components/scroll-area/ScrollArea.jsx"],"names":["ScrollArea"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAA8C;AAQ1C,+CAAA;AALJ,IAAM,eAAA,EACJ,iLAAA;AAEK,IAAM,WAAA,EAAa,eAAA,CAAM,UAAA,CAAW,SAASA,WAAAA,CAAW,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACrG,EAAA,uBACE,8BAAA,mBAAC,CAAgB,IAAA,EAAhB,EAAqB,GAAA,EAAU,SAAA,EAAW,kCAAA,0BAAG,EAA4B,SAAS,CAAA,EAAI,GAAG,KAAA,EACxF,QAAA,EAAA;AAAA,oBAAA,6BAAA,mBAAC,CAAgB,QAAA,EAAhB,EAAyB,SAAA,EAAU,iCAAA,EAAmC,SAAA,CAAS,CAAA;AAAA,oBAChF,6BAAA,mBAAC,CAAgB,SAAA,EAAhB,EAA0B,WAAA,EAAY,UAAA,EAAW,SAAA,EAAW,cAAA,EAC3D,QAAA,kBAAA,6BAAA,mBAAC,CAAgB,KAAA,EAAhB,EAAsB,SAAA,EAAU,8CAAA,CAA8C,EAAA,CACjF,CAAA;AAAA,oBACA,6BAAA,mBAAC,CAAgB,SAAA,EAAhB,EAA0B,WAAA,EAAY,YAAA,EAAa,SAAA,EAAW,cAAA,EAC7D,QAAA,kBAAA,6BAAA,mBAAC,CAAgB,KAAA,EAAhB,EAAsB,SAAA,EAAU,8CAAA,CAA8C,EAAA,CACjF,CAAA;AAAA,oBACA,6BAAA,mBAAC,CAAgB,MAAA,EAAhB,CAAA,CAAuB;AAAA,EAAA,EAAA,CAC1B,CAAA;AAEJ,CAAC,CAAA;ADFD;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XOBIDPEA.cjs","sourcesContent":[null,"import React from \"react\";\nimport { ScrollArea as RadixScrollArea } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nconst scrollbarClass =\n  \"flex touch-none select-none bg-transparent p-0.5 transition-colors data-[orientation=vertical]:w-2.5 data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col\";\n\nexport const ScrollArea = React.forwardRef(function ScrollArea({ className, children, ...props }, ref) {\n  return (\n    <RadixScrollArea.Root ref={ref} className={cn(\"relative overflow-hidden\", className)} {...props}>\n      <RadixScrollArea.Viewport className=\"h-full w-full rounded-[inherit]\">{children}</RadixScrollArea.Viewport>\n      <RadixScrollArea.Scrollbar orientation=\"vertical\" className={scrollbarClass}>\n        <RadixScrollArea.Thumb className=\"relative flex-1 rounded-full bg-neutral-300\" />\n      </RadixScrollArea.Scrollbar>\n      <RadixScrollArea.Scrollbar orientation=\"horizontal\" className={scrollbarClass}>\n        <RadixScrollArea.Thumb className=\"relative flex-1 rounded-full bg-neutral-300\" />\n      </RadixScrollArea.Scrollbar>\n      <RadixScrollArea.Corner />\n    </RadixScrollArea.Root>\n  );\n});\n"]}

package/dist/chunk-XV2M2XOO.cjs

@@ -0,0 +1,29 @@
+"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/empty/Empty.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Empty = _react2.default.forwardRef(function Empty2({ icon, title, description, action, className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-col items-center gap-1.5 px-6 py-12 text-center font-sans", className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 text-text-muted", children: icon }),
+        title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-base font-semibold text-text-primary", children: title }),
+        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-w-sm text-sm text-text-secondary", children: description }),
+        action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4", children: action })
+      ]
+    }
+  );
+});
+
+
+
+exports.Empty = Empty;
+//# sourceMappingURL=chunk-XV2M2XOO.cjs.map

package/dist/chunk-XV2M2XOO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XV2M2XOO.cjs","../src/components/empty/Empty.jsx"],"names":["Empty"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAKd,+CAAA;AAFG,IAAM,MAAA,EAAQ,eAAA,CAAM,UAAA,CAAW,SAASA,MAAAA,CAAM,EAAE,IAAA,EAAM,KAAA,EAAO,WAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACnH,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA,qEAAG,EAAuE,SAAS,CAAA;AAAA,MAC7F,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,mBAAQ,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAA,KAAA,CAAK,CAAA;AAAA,QACpD,MAAA,mBAAS,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,MAAA,CAAM,CAAA;AAAA,QAC3E,YAAA,mBAAe,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,sCAAA,EAAwC,QAAA,EAAA,YAAA,CAAY,CAAA;AAAA,QAClF,OAAA,mBAAU,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAA,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3C,CAAA;AAEJ,CAAC,CAAA;ADQD;AACA;AACE;AACF,sBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XV2M2XOO.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Empty = React.forwardRef(function Empty({ icon, title, description, action, className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-col items-center gap-1.5 px-6 py-12 text-center font-sans\", className)}\n      {...props}\n    >\n      {icon && <div className=\"mb-2 text-text-muted\">{icon}</div>}\n      {title && <div className=\"text-base font-semibold text-text-primary\">{title}</div>}\n      {description && <div className=\"max-w-sm text-sm text-text-secondary\">{description}</div>}\n      {action && <div className=\"mt-4\">{action}</div>}\n    </div>\n  );\n});\n"]}

package/dist/chunk-XWMDE3D5.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/hover-card/HoverCard.jsx
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+function Content({ className, align = "center", sideOffset = 8, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.HoverCard.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.HoverCard.Content,
+    {
+      align,
+      sideOffset,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "z-50 w-72 rounded-lg border border-border-default bg-bg-page p-4 shadow-md outline-none",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+var HoverCard = {
+  Root: _radixui.HoverCard.Root,
+  Trigger: _radixui.HoverCard.Trigger,
+  Content
+};
+
+
+
+exports.HoverCard = HoverCard;
+//# sourceMappingURL=chunk-XWMDE3D5.cjs.map

package/dist/chunk-XWMDE3D5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XWMDE3D5.cjs","../src/components/hover-card/HoverCard.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAA4C;AAMtC,+CAAA;AAHN,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,MAAA,EAAQ,QAAA,EAAU,WAAA,EAAa,CAAA,EAAG,GAAG,MAAM,CAAA,EAAG;AAC1E,EAAA,uBACE,6BAAA,kBAAC,CAAe,MAAA,EAAf,EACC,QAAA,kBAAA,6BAAA;AAAA,IAAC,kBAAA,CAAe,OAAA;AAAA,IAAf;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,yFAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,EAAA,CACF,CAAA;AAEJ;AAEO,IAAM,UAAA,EAAY;AAAA,EACvB,IAAA,EAAM,kBAAA,CAAe,IAAA;AAAA,EACrB,OAAA,EAAS,kBAAA,CAAe,OAAA;AAAA,EACxB;AACF,CAAA;ADIA;AACA;AACE;AACF,8BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-XWMDE3D5.cjs","sourcesContent":[null,"import { HoverCard as RadixHoverCard } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nfunction Content({ className, align = \"center\", sideOffset = 8, ...props }) {\n  return (\n    <RadixHoverCard.Portal>\n      <RadixHoverCard.Content\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-72 rounded-lg border border-border-default bg-bg-page p-4 shadow-md outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </RadixHoverCard.Portal>\n  );\n}\n\nexport const HoverCard = {\n  Root: RadixHoverCard.Root,\n  Trigger: RadixHoverCard.Trigger,\n  Content,\n};\n"]}

package/dist/chunk-Y523KUML.js

@@ -0,0 +1,50 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/icon-button/IconButton.jsx
+import React from "react";
+
+// src/components/icon-button/IconButton.variants.js
+import { cva } from "class-variance-authority";
+var iconButtonVariants = cva(
+  "inline-flex items-center justify-center rounded-md transition-[background-color,border-color] duration-150 ease-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]",
+  {
+    variants: {
+      variant: {
+        primary: "border border-accent bg-accent text-text-inverse hover:bg-accent-hover",
+        secondary: "border border-border-strong bg-bg-page text-text-primary hover:bg-bg-surface",
+        ghost: "border border-transparent bg-transparent text-text-secondary hover:bg-bg-surface"
+      },
+      size: {
+        sm: "h-7 w-7",
+        md: "h-8.5 w-8.5",
+        lg: "h-10 w-10"
+      }
+    },
+    defaultVariants: { variant: "ghost", size: "md" }
+  }
+);
+
+// src/components/icon-button/IconButton.jsx
+import { jsx } from "react/jsx-runtime";
+var IconButton = React.forwardRef(function IconButton2({ variant, size, disabled, icon, className, type = "button", "aria-label": ariaLabel, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      disabled,
+      "aria-label": ariaLabel,
+      className: cn(iconButtonVariants({ variant, size }), className),
+      ...props,
+      children: icon
+    }
+  );
+});
+
+export {
+  IconButton
+};
+//# sourceMappingURL=chunk-Y523KUML.js.map

package/dist/chunk-Y523KUML.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/icon-button/IconButton.jsx","../src/components/icon-button/IconButton.variants.js"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { iconButtonVariants } from \"./IconButton.variants.js\";\n\nexport const IconButton = React.forwardRef(function IconButton(\n  { variant, size, disabled, icon, className, type = \"button\", \"aria-label\": ariaLabel, ...props },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      className={cn(iconButtonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {icon}\n    </button>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const iconButtonVariants = cva(\n  \"inline-flex items-center justify-center rounded-md transition-[background-color,border-color] duration-150 ease-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:border-border-focus focus-visible:shadow-[var(--shadow-focus-ring)]\",\n  {\n    variants: {\n      variant: {\n        primary: \"border border-accent bg-accent text-text-inverse hover:bg-accent-hover\",\n        secondary: \"border border-border-strong bg-bg-page text-text-primary hover:bg-bg-surface\",\n        ghost: \"border border-transparent bg-transparent text-text-secondary hover:bg-bg-surface\",\n      },\n      size: {\n        sm: \"h-7 w-7\",\n        md: \"h-8.5 w-8.5\",\n        lg: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: { variant: \"ghost\", size: \"md\" },\n  },\n);\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;;;ACAlB,SAAS,WAAW;AAEb,IAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,SAAS,MAAM,KAAK;AAAA,EAClD;AACF;;;ADVI;AALG,IAAM,aAAa,MAAM,WAAW,SAASA,YAClD,EAAE,SAAS,MAAM,UAAU,MAAM,WAAW,OAAO,UAAU,cAAc,WAAW,GAAG,MAAM,GAC/F,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,WAAW,GAAG,mBAAmB,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC7D,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["IconButton"]}

package/dist/chunk-YB4W5ROD.cjs

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

package/dist/chunk-YB4W5ROD.cjs.map

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

package/dist/chunk-YEH5VLWU.js

@@ -0,0 +1,56 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/drawer/Drawer.jsx
+import { Drawer as VaulDrawer } from "vaul";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Content({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(VaulDrawer.Portal, { children: [
+    /* @__PURE__ */ jsx(VaulDrawer.Overlay, { className: "fixed inset-0 z-[100] bg-neutral-900/40" }),
+    /* @__PURE__ */ jsxs(
+      VaulDrawer.Content,
+      {
+        className: cn(
+          "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__ */ jsx(VaulDrawer.Handle, { className: "mx-auto mt-3 h-1.5 w-10 shrink-0 rounded-full bg-border-strong" }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-6", children })
+        ]
+      }
+    )
+  ] });
+}
+function Title({ className, ...props }) {
+  return /* @__PURE__ */ jsx(VaulDrawer.Title, { className: cn("text-lg font-bold text-text-primary", className), ...props });
+}
+function Description({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    VaulDrawer.Description,
+    {
+      className: cn("mt-2 text-base leading-relaxed text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mt-6 flex justify-end gap-2.5", className), ...props });
+}
+var Drawer = {
+  Root: VaulDrawer.Root,
+  Trigger: VaulDrawer.Trigger,
+  Close: VaulDrawer.Close,
+  Content,
+  Title,
+  Description,
+  Footer
+};
+
+export {
+  Drawer
+};
+//# sourceMappingURL=chunk-YEH5VLWU.js.map

package/dist/chunk-YEH5VLWU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/drawer/Drawer.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,SAAS,UAAU,kBAAkB;AAM/B,cACA,YADA;AAHN,SAAS,QAAQ,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG;AAClD,SACE,qBAAC,WAAW,QAAX,EACC;AAAA,wBAAC,WAAW,SAAX,EAAmB,WAAU,2CAA0C;AAAA,IACxE;AAAA,MAAC,WAAW;AAAA,MAAX;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,WAAW,QAAX,EAAkB,WAAU,kEAAiE;AAAA,UAC9F,oBAAC,SAAI,WAAU,4BAA4B,UAAS;AAAA;AAAA;AAAA,IACtD;AAAA,KACF;AAEJ;AAEA,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG;AACtC,SAAO,oBAAC,WAAW,OAAX,EAAiB,WAAW,GAAG,uCAAuC,SAAS,GAAI,GAAG,OAAO;AACvG;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAG;AAC5C,SACE;AAAA,IAAC,WAAW;AAAA,IAAX;AAAA,MACC,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAC5E,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,SAAO,oBAAC,SAAI,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AACpF;AAEO,IAAM,SAAS;AAAA,EACpB,MAAM,WAAW;AAAA,EACjB,SAAS,WAAW;AAAA,EACpB,OAAO,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-YFS2VFC5.js

@@ -0,0 +1,26 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/separator/Separator.jsx
+import React from "react";
+import { Separator as RadixSeparator } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+var Separator = React.forwardRef(function Separator2({ orientation = "horizontal", decorative = true, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixSeparator.Root,
+    {
+      ref,
+      orientation,
+      decorative,
+      className: cn("shrink-0 bg-border-default", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className),
+      ...props
+    }
+  );
+});
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-YFS2VFC5.js.map

package/dist/chunk-YFS2VFC5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/separator/Separator.jsx"],"sourcesContent":["import React from \"react\";\nimport { Separator as RadixSeparator } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Separator = React.forwardRef(function Separator(\n  { orientation = \"horizontal\", decorative = true, className, ...props },\n  ref,\n) {\n  return (\n    <RadixSeparator.Root\n      ref={ref}\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\"shrink-0 bg-border-default\", orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\", className)}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,aAAa,sBAAsB;AAQxC;AALG,IAAM,YAAY,MAAM,WAAW,SAASA,WACjD,EAAE,cAAc,cAAc,aAAa,MAAM,WAAW,GAAG,MAAM,GACrE,KACA;AACA,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,8BAA8B,gBAAgB,eAAe,gBAAgB,eAAe,SAAS;AAAA,MAClH,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Separator"]}

package/dist/chunk-YGWKQHA4.cjs

@@ -0,0 +1,43 @@
+"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/input-group/InputGroup.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Root = _react2.default.forwardRef(function Root2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex h-[38px] w-full items-center gap-2 rounded-md border border-border-default bg-bg-page px-3 transition-[border-color,box-shadow] duration-150 ease-out focus-within:border-border-focus focus-within:shadow-[var(--shadow-focus-ring)]",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var Addon = _react2.default.forwardRef(function Addon2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex shrink-0 items-center text-text-muted", className), ...props });
+});
+var Input = _react2.default.forwardRef(function Input2({ className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "h-full min-w-0 flex-1 bg-transparent font-sans text-base text-text-primary outline-none placeholder:text-text-muted",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var InputGroup = { Root, Addon, Input };
+
+
+
+exports.InputGroup = InputGroup;
+//# sourceMappingURL=chunk-YGWKQHA4.cjs.map