@tlglobal/ui 2.0.0

package/dist/chunk-4XLHRXFU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-4XLHRXFU.cjs","../src/components/navigation-menu/NavigationMenu.jsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAsD;AACtD,wCAA4B;AAMtB,+CAAA;AAHN,SAAS,QAAA,CAAA,EAAW;AAClB,EAAA,uBACE,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,8CAAA,EACb,QAAA,kBAAA,6BAAA,uBAAC,CAAoB,QAAA,EAApB,EAA6B,SAAA,EAAU,oDAAA,CAAoD,EAAA,CAC9F,CAAA;AAEJ;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG;AAC/C,EAAA,uBACE,8BAAA,uBAAC,CAAoB,IAAA,EAApB,EAAyB,SAAA,EAAW,kCAAA,8BAAG,EAAgC,SAAS,CAAA,EAAI,GAAG,KAAA,EACrF,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,6BAAA,QAAC,EAAA,CAAA,CAAS;AAAA,EAAA,EAAA,CACZ,CAAA;AAEJ;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBAAO,6BAAA,uBAAC,CAAoB,IAAA,EAApB,EAAyB,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACnG;AAEA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG;AAClD,EAAA,uBACE,8BAAA;AAAA,IAAC,uBAAA,CAAoB,OAAA;AAAA,IAApB;AAAA,MACC,SAAA,EAAW,kCAAA;AAAA,QACT,2OAAA;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,oDAAA,CAAoD;AAAA,MAAA;AAAA,IAAA;AAAA,EACvF,CAAA;AAEJ;AAEA,SAAS,OAAA,CAAQ,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACxC,EAAA,uBACE,6BAAA;AAAA,IAAC,uBAAA,CAAoB,OAAA;AAAA,IAApB;AAAA,MACC,SAAA,EAAW,kCAAA;AAAA,QACT,uFAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,IAAA,CAAK,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG;AACrC,EAAA,uBACE,6BAAA;AAAA,IAAC,uBAAA,CAAoB,IAAA;AAAA,IAApB;AAAA,MACC,SAAA,EAAW,kCAAA;AAAA,QACT,uLAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEO,IAAM,eAAA,EAAiB;AAAA,EAC5B,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA,EAAM,uBAAA,CAAoB,IAAA;AAAA,EAC1B,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA;ADFA;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-4XLHRXFU.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-4YEKNNGG.cjs

@@ -0,0 +1,42 @@
+"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/switch/Switch.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+var Switch = _react2.default.forwardRef(function Switch2({ label, disabled, className, id, ...props }, ref) {
+  const generatedId = _react.useId.call(void 0, );
+  const switchId = id || generatedId;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex items-center gap-2.5 font-sans", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Switch.Root,
+      {
+        ref,
+        id: switchId,
+        disabled,
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+          "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__ */ _jsxruntime.jsx.call(void 0, _radixui.Switch.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__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Label.Root,
+      {
+        htmlFor: switchId,
+        className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-base text-text-primary", disabled && "cursor-not-allowed text-text-muted"),
+        children: label
+      }
+    )
+  ] });
+});
+
+
+
+exports.Switch = Switch;
+//# sourceMappingURL=chunk-4YEKNNGG.cjs.map

package/dist/chunk-4YEKNNGG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-4YEKNNGG.cjs","../src/components/switch/Switch.jsx"],"names":["Switch"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAA6B;AAC7B,mCAA6C;AAQzC,+CAAA;AALG,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASA,OAAAA,CAAO,EAAE,KAAA,EAAO,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxG,EAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,EAAA,MAAM,SAAA,EAAW,GAAA,GAAM,WAAA;AAEvB,EAAA,uBACE,8BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,4CAAA,EACd,QAAA,EAAA;AAAA,oBAAA,6BAAA;AAAA,MAAC,eAAA,CAAY,IAAA;AAAA,MAAZ;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,QAAA;AAAA,QACJ,QAAA;AAAA,QACA,SAAA,EAAW,kCAAA;AAAA,UACT,mOAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAA,6BAAA,eAAC,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAU,+HAAA,CAA+H;AAAA,MAAA;AAAA,IAC9J,CAAA;AAAA,IACC,MAAA,mBACC,6BAAA;AAAA,MAAC,cAAA,CAAM,IAAA;AAAA,MAAN;AAAA,QACC,OAAA,EAAS,QAAA;AAAA,QACT,SAAA,EAAW,kCAAA,6BAAG,EAA+B,SAAA,GAAY,oCAAoC,CAAA;AAAA,QAE5F,QAAA,EAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,EAAA,CAEJ,CAAA;AAEJ,CAAC,CAAA;ADKD;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-4YEKNNGG.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-52WJMKN4.js

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

package/dist/chunk-52WJMKN4.js.map

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

package/dist/chunk-5K47OTIO.cjs

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

package/dist/chunk-5K47OTIO.cjs.map

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

package/dist/chunk-5LY7WFC2.cjs

@@ -0,0 +1,50 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }'use client';
+
+
+var _chunkEDAI4KEXcjs = require('./chunk-EDAI4KEX.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/input/Input.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/input/Input.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var inputVariants = _classvarianceauthority.cva.call(void 0, 
+  "w-full rounded-md border bg-bg-page px-3 font-sans text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out placeholder:text-text-muted disabled:cursor-not-allowed disabled:bg-bg-surface",
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-sm",
+        md: "h-[38px] text-base",
+        lg: "h-11 text-md"
+      },
+      invalid: {
+        true: "border-danger-500 focus:shadow-[var(--shadow-danger-ring)]",
+        false: "border-border-default focus:border-border-focus focus:shadow-[var(--shadow-focus-ring)]"
+      }
+    },
+    defaultVariants: { size: "md", invalid: false }
+  }
+);
+
+// src/components/input/Input.jsx
+var _jsxruntime = require('react/jsx-runtime');
+var Input = _react2.default.forwardRef(function Input2({ label, error, hint, size, disabled, className, id, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDAI4KEXcjs.Field, { label, error, hint, id, children: (controlProps) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ref,
+      disabled,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, inputVariants({ size, invalid: Boolean(error) }), className),
+      ...controlProps,
+      ...props
+    }
+  ) });
+});
+
+
+
+exports.Input = Input;
+//# sourceMappingURL=chunk-5LY7WFC2.cjs.map

package/dist/chunk-5LY7WFC2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-5LY7WFC2.cjs","../src/components/input/Input.jsx","../src/components/input/Input.variants.js"],"names":["Input"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;ADUlB;AACA;AEXA,kEAAoB;AAEb,IAAM,cAAA,EAAgB,yCAAA;AAAA,EAC3B,6NAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,4DAAA;AAAA,QACN,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,OAAA,EAAS,MAAM;AAAA,EAChD;AACF,CAAA;AFYA;AACA;ACnBQ,+CAAA;AAPD,IAAM,MAAA,EAAQ,eAAA,CAAM,UAAA,CAAW,SAASA,MAAAA,CAC7C,EAAE,KAAA,EAAO,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,GAAG,MAAM,CAAA,EAC9D,GAAA,EACA;AACA,EAAA,uBACE,6BAAA,uBAAC,EAAA,EAAM,KAAA,EAAc,KAAA,EAAc,IAAA,EAAY,EAAA,EAC5C,QAAA,EAAA,CAAC,YAAA,EAAA,mBACA,6BAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAW,kCAAA,aAAG,CAAc,EAAE,IAAA,EAAM,OAAA,EAAS,OAAA,CAAQ,KAAK,EAAE,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACxE,GAAG,YAAA;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACN,EAAA,CAEJ,CAAA;AAEJ,CAAC,CAAA;ADuBD;AACA;AACE;AACF,sBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-5LY7WFC2.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Field } from \"../field/Field.jsx\";\nimport { cn } from \"../../lib/cn.js\";\nimport { inputVariants } from \"./Input.variants.js\";\n\nexport const Input = React.forwardRef(function Input(\n  { label, error, hint, size, disabled, className, id, ...props },\n  ref,\n) {\n  return (\n    <Field label={label} error={error} hint={hint} id={id}>\n      {(controlProps) => (\n        <input\n          ref={ref}\n          disabled={disabled}\n          className={cn(inputVariants({ size, invalid: Boolean(error) }), className)}\n          {...controlProps}\n          {...props}\n        />\n      )}\n    </Field>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva(\n  \"w-full rounded-md border bg-bg-page px-3 font-sans text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out placeholder:text-text-muted disabled:cursor-not-allowed disabled:bg-bg-surface\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-sm\",\n        md: \"h-[38px] text-base\",\n        lg: \"h-11 text-md\",\n      },\n      invalid: {\n        true: \"border-danger-500 focus:shadow-[var(--shadow-danger-ring)]\",\n        false: \"border-border-default focus:border-border-focus focus:shadow-[var(--shadow-focus-ring)]\",\n      },\n    },\n    defaultVariants: { size: \"md\", invalid: false },\n  },\n);\n"]}

package/dist/chunk-5TOJI2VT.cjs

@@ -0,0 +1,50 @@
+"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/icon-button/IconButton.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/icon-button/IconButton.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var iconButtonVariants = _classvarianceauthority.cva.call(void 0, 
+  "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
+var _jsxruntime = require('react/jsx-runtime');
+var IconButton = _react2.default.forwardRef(function IconButton2({ variant, size, disabled, icon, className, type = "button", "aria-label": ariaLabel, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      ref,
+      type,
+      disabled,
+      "aria-label": ariaLabel,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, iconButtonVariants({ variant, size }), className),
+      ...props,
+      children: icon
+    }
+  );
+});
+
+
+
+exports.IconButton = IconButton;
+//# sourceMappingURL=chunk-5TOJI2VT.cjs.map

package/dist/chunk-5TOJI2VT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-5TOJI2VT.cjs","../src/components/icon-button/IconButton.jsx","../src/components/icon-button/IconButton.variants.js"],"names":["IconButton"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;ADOlB;AACA;AERA,kEAAoB;AAEb,IAAM,mBAAA,EAAqB,yCAAA;AAAA,EAChC,mRAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wEAAA;AAAA,QACT,SAAA,EAAW,8EAAA;AAAA,QACX,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,OAAA,EAAS,OAAA,EAAS,IAAA,EAAM,KAAK;AAAA,EAClD;AACF,CAAA;AFSA;AACA;ACpBI,+CAAA;AALG,IAAM,WAAA,EAAa,eAAA,CAAM,UAAA,CAAW,SAASA,WAAAA,CAClD,EAAE,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,YAAA,EAAc,SAAA,EAAW,GAAG,MAAM,CAAA,EAC/F,GAAA,EACA;AACA,EAAA,uBACE,6BAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,kCAAA,kBAAG,CAAmB,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MAC7D,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAC,CAAA;ADyBD;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-5TOJI2VT.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-6K77FYPP.cjs

@@ -0,0 +1,27 @@
+"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/spinner/Spinner.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+var Spinner = _react2.default.forwardRef(function Spinner2({ size = 16, className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _icons.Loader2,
+    {
+      ref,
+      size,
+      role: "status",
+      "aria-label": "Loading",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "animate-spin text-text-secondary", className),
+      ...props
+    }
+  );
+});
+
+
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-6K77FYPP.cjs.map

package/dist/chunk-6K77FYPP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-6K77FYPP.cjs","../src/components/spinner/Spinner.jsx"],"names":["Spinner"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,wCAAwB;AAKpB,+CAAA;AAFG,IAAM,QAAA,EAAU,eAAA,CAAM,UAAA,CAAW,SAASA,QAAAA,CAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAChG,EAAA,uBACE,6BAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,SAAA;AAAA,MACX,SAAA,EAAW,kCAAA,kCAAG,EAAoC,SAAS,CAAA;AAAA,MAC1D,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAC,CAAA;ADOD;AACA;AACE;AACF,0BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-6K77FYPP.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-6LNO6LIW.cjs

@@ -0,0 +1,91 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
+
+
+
+var _chunkRL3XVDMFcjs = require('./chunk-RL3XVDMF.cjs');
+
+
+var _chunkRHIHSGAKcjs = require('./chunk-RHIHSGAK.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/message/Message.jsx
+var _jsxruntime = require('react/jsx-runtime');
+function Root({ direction, className, children, ...props }) {
+  const resolvedDirection = _chunkRL3XVDMFcjs.useDirection.call(void 0, direction);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRL3XVDMFcjs.Direction.Provider, { value: resolvedDirection, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message",
+      "data-direction": resolvedDirection,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "group/message flex w-full items-start gap-2.5 font-sans",
+        resolvedDirection === "outgoing" && "flex-row-reverse",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+}
+function Avatar2({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHIHSGAKcjs.Avatar, { size: "sm", className: _chunkNSTYHMFWcjs.cn.call(void 0, "mt-0.5 shrink-0", className), ...props });
+}
+function Body({ className, ...props }) {
+  const direction = _chunkRL3XVDMFcjs.useDirection.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-body",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex min-w-0 flex-1 flex-col gap-1",
+        direction === "outgoing" && "items-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Header({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-header",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex items-baseline gap-2 text-xs text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function Author({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "message-author", className: _chunkNSTYHMFWcjs.cn.call(void 0, "font-semibold text-text-primary", className), ...props });
+}
+function Time({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "time", { "data-slot": "message-time", className: _chunkNSTYHMFWcjs.cn.call(void 0, "tabular-nums text-text-muted", className), ...props });
+}
+function Content({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "message-content", className: _chunkNSTYHMFWcjs.cn.call(void 0, "flex flex-col gap-1.5", className), ...props });
+}
+function Actions({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "message-actions",
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex items-center gap-0.5 opacity-0 transition-opacity",
+        "group-hover/message:opacity-100 group-focus-within/message:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Footer({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "message-footer", className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-xs text-text-muted", className), ...props });
+}
+var Message = { Root, Avatar: Avatar2, Body, Header, Author, Time, Content, Actions, Footer };
+
+
+
+exports.Message = Message;
+//# sourceMappingURL=chunk-6LNO6LIW.cjs.map

package/dist/chunk-6LNO6LIW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-6LNO6LIW.cjs","../src/components/message/Message.jsx"],"names":["Avatar"],"mappings":"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","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-6LNO6LIW.cjs","sourcesContent":[null,"import { cn } from \"../../lib/cn.js\";\nimport { Avatar as BaseAvatar } from \"../avatar/Avatar.jsx\";\nimport { Direction, useDirection } from \"../direction/Direction.jsx\";\n\n/*\n * Root doubles as a Direction provider so a caller writes `<Message.Root direction=\"outgoing\">`\n * once and every part below it — including a Bubble or Attachment nested arbitrarily deep — lines\n * up without being told again.\n */\nfunction Root({ direction, className, children, ...props }) {\n  const resolvedDirection = useDirection(direction);\n\n  return (\n    <Direction.Provider value={resolvedDirection}>\n      <div\n        data-slot=\"message\"\n        data-direction={resolvedDirection}\n        className={cn(\n          \"group/message flex w-full items-start gap-2.5 font-sans\",\n          resolvedDirection === \"outgoing\" && \"flex-row-reverse\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </Direction.Provider>\n  );\n}\n\nfunction Avatar({ className, ...props }) {\n  return <BaseAvatar size=\"sm\" className={cn(\"mt-0.5 shrink-0\", className)} {...props} />;\n}\n\n// min-w-0 is load-bearing: without it a long unbroken token in the bubble blows the flex row out\n// past the container instead of wrapping.\nfunction Body({ className, ...props }) {\n  const direction = useDirection();\n  return (\n    <div\n      data-slot=\"message-body\"\n      className={cn(\n        \"flex min-w-0 flex-1 flex-col gap-1\",\n        direction === \"outgoing\" && \"items-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Header({ className, ...props }) {\n  return (\n    <div\n      data-slot=\"message-header\"\n      className={cn(\"flex items-baseline gap-2 text-xs text-text-secondary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Author({ className, ...props }) {\n  return <span data-slot=\"message-author\" className={cn(\"font-semibold text-text-primary\", className)} {...props} />;\n}\n\nfunction Time({ className, ...props }) {\n  return <time data-slot=\"message-time\" className={cn(\"tabular-nums text-text-muted\", className)} {...props} />;\n}\n\nfunction Content({ className, ...props }) {\n  return <div data-slot=\"message-content\" className={cn(\"flex flex-col gap-1.5\", className)} {...props} />;\n}\n\n/*\n * Hidden until the row is hovered or something inside it takes focus. The focus-within half is the\n * keyboard path — without it these buttons would be reachable by Tab but invisible while focused.\n */\nfunction Actions({ className, ...props }) {\n  return (\n    <div\n      data-slot=\"message-actions\"\n      className={cn(\n        \"flex items-center gap-0.5 opacity-0 transition-opacity\",\n        \"group-hover/message:opacity-100 group-focus-within/message:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Footer({ className, ...props }) {\n  return (\n    <div data-slot=\"message-footer\" className={cn(\"text-xs text-text-muted\", className)} {...props} />\n  );\n}\n\nexport const Message = { Root, Avatar, Body, Header, Author, Time, Content, Actions, Footer };\n"]}

package/dist/chunk-6OKUL5O5.js

@@ -0,0 +1,50 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/marker/Marker.jsx
+import React from "react";
+
+// src/components/marker/Marker.variants.js
+import { cva } from "class-variance-authority";
+var markerVariants = cva(
+  "flex w-full items-center gap-3 py-2 font-sans text-xs font-medium select-none",
+  {
+    variants: {
+      tone: {
+        neutral: "text-text-muted [--marker-rule:var(--border-default)]",
+        accent: "text-accent [--marker-rule:var(--accent)]",
+        danger: "text-danger-700 [--marker-rule:var(--danger-500)]"
+      }
+    },
+    defaultVariants: { tone: "neutral" }
+  }
+);
+
+// src/components/marker/Marker.jsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Marker = React.forwardRef(function Marker2({ tone, align = "center", className, children, ...props }, ref) {
+  const rule = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-[var(--marker-rule)] opacity-60" });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "separator",
+      "aria-label": typeof children === "string" ? children : void 0,
+      "data-slot": "marker",
+      className: cn(markerVariants({ tone }), className),
+      ...props,
+      children: [
+        align !== "start" && rule,
+        children,
+        align !== "end" && rule
+      ]
+    }
+  );
+});
+
+export {
+  Marker
+};
+//# sourceMappingURL=chunk-6OKUL5O5.js.map

package/dist/chunk-6OKUL5O5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/marker/Marker.jsx","../src/components/marker/Marker.variants.js"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { markerVariants } from \"./Marker.variants.js\";\n\n/*\n * A labelled divider between runs of messages — \"Today\", \"New messages\", \"Context truncated\".\n * role=\"separator\" carries the semantics; the label is the accessible name, so screen readers get\n * \"Today, separator\" rather than a bare rule they'd otherwise skip past silently.\n *\n * The rules are two flex-1 spans reading a --marker-rule custom property set by the tone variant,\n * so a tone change recolours text and both rules from one place.\n */\nexport const Marker = React.forwardRef(function Marker(\n  { tone, align = \"center\", className, children, ...props },\n  ref,\n) {\n  const rule = <span aria-hidden=\"true\" className=\"h-px flex-1 bg-[var(--marker-rule)] opacity-60\" />;\n\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-label={typeof children === \"string\" ? children : undefined}\n      data-slot=\"marker\"\n      className={cn(markerVariants({ tone }), className)}\n      {...props}\n    >\n      {align !== \"start\" && rule}\n      {children}\n      {align !== \"end\" && rule}\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const markerVariants = cva(\n  \"flex w-full items-center gap-3 py-2 font-sans text-xs font-medium select-none\",\n  {\n    variants: {\n      tone: {\n        neutral: \"text-text-muted [--marker-rule:var(--border-default)]\",\n        accent: \"text-accent [--marker-rule:var(--accent)]\",\n        danger: \"text-danger-700 [--marker-rule:var(--danger-500)]\",\n      },\n    },\n    defaultVariants: { tone: \"neutral\" },\n  },\n);\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;;;ACAlB,SAAS,WAAW;AAEb,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,UAAU;AAAA,EACrC;AACF;;;ADEe,cAGX,YAHW;AAJR,IAAM,SAAS,MAAM,WAAW,SAASA,QAC9C,EAAE,MAAM,QAAQ,UAAU,WAAW,UAAU,GAAG,MAAM,GACxD,KACA;AACA,QAAM,OAAO,oBAAC,UAAK,eAAY,QAAO,WAAU,kDAAiD;AAEjG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,cAAY,OAAO,aAAa,WAAW,WAAW;AAAA,MACtD,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAChD,GAAG;AAAA,MAEH;AAAA,kBAAU,WAAW;AAAA,QACrB;AAAA,QACA,UAAU,SAAS;AAAA;AAAA;AAAA,EACtB;AAEJ,CAAC;","names":["Marker"]}

package/dist/chunk-72IENMXB.js

@@ -0,0 +1,50 @@
+'use client';
+import {
+  Field
+} from "./chunk-UU2KZAA4.js";
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/input/Input.jsx
+import React from "react";
+
+// src/components/input/Input.variants.js
+import { cva } from "class-variance-authority";
+var inputVariants = cva(
+  "w-full rounded-md border bg-bg-page px-3 font-sans text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out placeholder:text-text-muted disabled:cursor-not-allowed disabled:bg-bg-surface",
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-sm",
+        md: "h-[38px] text-base",
+        lg: "h-11 text-md"
+      },
+      invalid: {
+        true: "border-danger-500 focus:shadow-[var(--shadow-danger-ring)]",
+        false: "border-border-default focus:border-border-focus focus:shadow-[var(--shadow-focus-ring)]"
+      }
+    },
+    defaultVariants: { size: "md", invalid: false }
+  }
+);
+
+// src/components/input/Input.jsx
+import { jsx } from "react/jsx-runtime";
+var Input = React.forwardRef(function Input2({ label, error, hint, size, disabled, className, id, ...props }, ref) {
+  return /* @__PURE__ */ jsx(Field, { label, error, hint, id, children: (controlProps) => /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      disabled,
+      className: cn(inputVariants({ size, invalid: Boolean(error) }), className),
+      ...controlProps,
+      ...props
+    }
+  ) });
+});
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-72IENMXB.js.map

package/dist/chunk-72IENMXB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input/Input.jsx","../src/components/input/Input.variants.js"],"sourcesContent":["import React from \"react\";\nimport { Field } from \"../field/Field.jsx\";\nimport { cn } from \"../../lib/cn.js\";\nimport { inputVariants } from \"./Input.variants.js\";\n\nexport const Input = React.forwardRef(function Input(\n  { label, error, hint, size, disabled, className, id, ...props },\n  ref,\n) {\n  return (\n    <Field label={label} error={error} hint={hint} id={id}>\n      {(controlProps) => (\n        <input\n          ref={ref}\n          disabled={disabled}\n          className={cn(inputVariants({ size, invalid: Boolean(error) }), className)}\n          {...controlProps}\n          {...props}\n        />\n      )}\n    </Field>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva(\n  \"w-full rounded-md border bg-bg-page px-3 font-sans text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out placeholder:text-text-muted disabled:cursor-not-allowed disabled:bg-bg-surface\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 text-sm\",\n        md: \"h-[38px] text-base\",\n        lg: \"h-11 text-md\",\n      },\n      invalid: {\n        true: \"border-danger-500 focus:shadow-[var(--shadow-danger-ring)]\",\n        false: \"border-border-default focus:border-border-focus focus:shadow-[var(--shadow-focus-ring)]\",\n      },\n    },\n    defaultVariants: { size: \"md\", invalid: false },\n  },\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;;;ACAlB,SAAS,WAAW;AAEb,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,MAAM,SAAS,MAAM;AAAA,EAChD;AACF;;;ADNQ;AAPD,IAAM,QAAQ,MAAM,WAAW,SAASA,OAC7C,EAAE,OAAO,OAAO,MAAM,MAAM,UAAU,WAAW,IAAI,GAAG,MAAM,GAC9D,KACA;AACA,SACE,oBAAC,SAAM,OAAc,OAAc,MAAY,IAC5C,WAAC,iBACA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,MAAM,SAAS,QAAQ,KAAK,EAAE,CAAC,GAAG,SAAS;AAAA,MACxE,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN,GAEJ;AAEJ,CAAC;","names":["Input"]}

package/dist/chunk-74GQ35MJ.js

@@ -0,0 +1,13 @@
+'use client';
+
+// src/lib/cn.js
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-74GQ35MJ.js.map

package/dist/chunk-74GQ35MJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/cn.js"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAAA,SAAS,YAAY;AACrB,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAQ;AAC5B,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/chunk-7554LN2R.js

@@ -0,0 +1,40 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/tag/Tag.jsx
+import React from "react";
+import { X } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Tag = React.forwardRef(function Tag2({ className, children, onRemove, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      className: cn(
+        "inline-flex h-6.5 items-center gap-1.5 rounded-sm border border-border-default bg-bg-surface py-0 pl-2.5 pr-1.5 font-sans text-sm text-text-primary",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRemove,
+            "aria-label": "Remove",
+            className: "flex h-4 w-4 items-center justify-center rounded-sm text-text-muted transition-colors hover:bg-bg-surface-hover hover:text-text-primary",
+            children: /* @__PURE__ */ jsx(X, { size: 12 })
+          }
+        )
+      ]
+    }
+  );
+});
+
+export {
+  Tag
+};
+//# sourceMappingURL=chunk-7554LN2R.js.map

package/dist/chunk-7554LN2R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tag/Tag.jsx"],"sourcesContent":["import React from \"react\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Tag = React.forwardRef(function Tag({ className, children, onRemove, ...props }, ref) {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        \"inline-flex h-6.5 items-center gap-1.5 rounded-sm border border-border-default bg-bg-surface py-0 pl-2.5 pr-1.5 font-sans text-sm text-text-primary\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {onRemove && (\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          aria-label=\"Remove\"\n          className=\"flex h-4 w-4 items-center justify-center rounded-sm text-text-muted transition-colors hover:bg-bg-surface-hover hover:text-text-primary\"\n        >\n          <X size={12} />\n        </button>\n      )}\n    </span>\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,SAAS;AAKd,SAgBM,KAhBN;AAFG,IAAM,MAAM,MAAM,WAAW,SAASA,KAAI,EAAE,WAAW,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AACjG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;","names":["Tag"]}

package/dist/chunk-77VS352K.js

@@ -0,0 +1,26 @@
+'use client';
+
+// src/components/toggle/Toggle.variants.js
+import { cva } from "class-variance-authority";
+var toggleVariants = cva(
+  "inline-flex items-center justify-center gap-1.5 rounded-md font-sans text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary data-[state=on]:bg-accent-100 data-[state=on]:text-accent-700 disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]",
+  {
+    variants: {
+      variant: {
+        default: "border border-transparent",
+        outline: "border border-border-default"
+      },
+      size: {
+        sm: "h-8 px-2",
+        md: "h-[38px] px-2.5",
+        lg: "h-11 px-3"
+      }
+    },
+    defaultVariants: { variant: "default", size: "md" }
+  }
+);
+
+export {
+  toggleVariants
+};
+//# sourceMappingURL=chunk-77VS352K.js.map

package/dist/chunk-77VS352K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle/Toggle.variants.js"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-1.5 rounded-md font-sans text-sm font-medium text-text-secondary transition-colors hover:bg-bg-surface hover:text-text-primary data-[state=on]:bg-accent-100 data-[state=on]:text-accent-700 disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n  {\n    variants: {\n      variant: {\n        default: \"border border-transparent\",\n        outline: \"border border-border-default\",\n      },\n      size: {\n        sm: \"h-8 px-2\",\n        md: \"h-[38px] px-2.5\",\n        lg: \"h-11 px-3\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"md\" },\n  },\n);\n"],"mappings":";;;AAAA,SAAS,WAAW;AAEb,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,WAAW,MAAM,KAAK;AAAA,EACpD;AACF;","names":[]}

package/dist/chunk-7KV2ASQZ.js

@@ -0,0 +1,54 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/button/Button.jsx
+import React from "react";
+
+// src/components/button/Button.variants.js
+import { cva } from "class-variance-authority";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-sans font-semibold transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.98] 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-primary hover:bg-bg-surface",
+        danger: "border border-danger-500 bg-danger-500 text-text-inverse hover:bg-danger-700"
+      },
+      size: {
+        sm: "h-8 gap-1.5 px-3 text-sm",
+        md: "h-[38px] gap-2 px-4 text-base",
+        lg: "h-11 gap-2 px-5 text-md"
+      }
+    },
+    defaultVariants: { variant: "primary", size: "md" }
+  }
+);
+
+// src/components/button/Button.jsx
+import { jsxs } from "react/jsx-runtime";
+var Button = React.forwardRef(function Button2({ variant, size, disabled, iconLeft, iconRight, children, className, type = "button", ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type,
+      disabled,
+      className: cn(buttonVariants({ variant, size }), className),
+      ...props,
+      children: [
+        iconLeft,
+        children,
+        iconRight
+      ]
+    }
+  );
+});
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-7KV2ASQZ.js.map

package/dist/chunk-7KV2ASQZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/Button.jsx","../src/components/button/Button.variants.js"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { buttonVariants } from \"./Button.variants.js\";\n\nexport const Button = React.forwardRef(function Button(\n  { variant, size, disabled, iconLeft, iconRight, children, className, type = \"button\", ...props },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    >\n      {iconLeft}\n      {children}\n      {iconRight}\n    </button>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-sans font-semibold transition-[background-color,border-color,transform] duration-150 ease-out active:scale-[0.98] 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-primary hover:bg-bg-surface\",\n        danger: \"border border-danger-500 bg-danger-500 text-text-inverse hover:bg-danger-700\",\n      },\n      size: {\n        sm: \"h-8 gap-1.5 px-3 text-sm\",\n        md: \"h-[38px] gap-2 px-4 text-base\",\n        lg: \"h-11 gap-2 px-5 text-md\",\n      },\n    },\n    defaultVariants: { variant: \"primary\", size: \"md\" },\n  },\n);\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;;;ACAlB,SAAS,WAAW;AAEb,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAAS,WAAW,MAAM,KAAK;AAAA,EACpD;AACF;;;ADXI;AALG,IAAM,SAAS,MAAM,WAAW,SAASA,QAC9C,EAAE,SAAS,MAAM,UAAU,UAAU,WAAW,UAAU,WAAW,OAAO,UAAU,GAAG,MAAM,GAC/F,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzD,GAAG;AAAA,MAEH;AAAA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;","names":["Button"]}

package/dist/chunk-7TQYKW62.js

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

package/dist/chunk-7TQYKW62.js.map

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