@tlglobal/ui 2.0.0

package/dist/chunk-QX75NAXT.js

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

package/dist/chunk-QX75NAXT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sheet/Sheet.jsx","../src/components/sheet/Sheet.variants.js"],"sourcesContent":["import { Dialog as RadixDialog } from \"radix-ui\";\nimport { X } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { sheetContentVariants } from \"./Sheet.variants.js\";\n\nfunction Content({ className, side, children, ...props }) {\n  return (\n    <RadixDialog.Portal>\n      <RadixDialog.Overlay className=\"fixed inset-0 z-[100] bg-neutral-900/40\" />\n      <RadixDialog.Content className={cn(sheetContentVariants({ side }), className)} {...props}>\n        {children}\n        <RadixDialog.Close\n          aria-label=\"Close\"\n          className=\"absolute right-4 top-4 inline-flex h-6 w-6 items-center justify-center rounded-md text-text-muted transition-colors hover:bg-bg-surface hover:text-text-primary focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\"\n        >\n          <X size={16} />\n        </RadixDialog.Close>\n      </RadixDialog.Content>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Title({ className, ...props }) {\n  return <RadixDialog.Title className={cn(\"text-lg font-bold text-text-primary\", className)} {...props} />;\n}\n\nfunction Description({ className, ...props }) {\n  return (\n    <RadixDialog.Description className={cn(\"text-base leading-relaxed text-text-secondary\", className)} {...props} />\n  );\n}\n\nfunction Footer({ className, ...props }) {\n  return <div className={cn(\"mt-auto flex justify-end gap-2.5\", className)} {...props} />;\n}\n\nexport const Sheet = {\n  Root: RadixDialog.Root,\n  Trigger: RadixDialog.Trigger,\n  Close: RadixDialog.Close,\n  Content,\n  Title,\n  Description,\n  Footer,\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const sheetContentVariants = cva(\n  \"fixed z-[100] flex flex-col gap-4 border-border-default bg-bg-page p-6 shadow-md focus:outline-none\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 max-h-[80vh] border-b\",\n        bottom: \"inset-x-0 bottom-0 max-h-[80vh] border-t\",\n        left: \"inset-y-0 left-0 h-full w-[320px] max-w-[calc(100vw-2rem)] border-r\",\n        right: \"inset-y-0 right-0 h-full w-[320px] max-w-[calc(100vw-2rem)] border-l\",\n      },\n    },\n    defaultVariants: { side: \"right\" },\n  },\n);\n"],"mappings":";;;;;;AAAA,SAAS,UAAU,mBAAmB;AACtC,SAAS,SAAS;;;ACDlB,SAAS,WAAW;AAEb,IAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,MAAM,QAAQ;AAAA,EACnC;AACF;;;ADPM,cACA,YADA;AAHN,SAAS,QAAQ,EAAE,WAAW,MAAM,UAAU,GAAG,MAAM,GAAG;AACxD,SACE,qBAAC,YAAY,QAAZ,EACC;AAAA,wBAAC,YAAY,SAAZ,EAAoB,WAAU,2CAA0C;AAAA,IACzE,qBAAC,YAAY,SAAZ,EAAoB,WAAW,GAAG,qBAAqB,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAChF;AAAA;AAAA,MACD;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,MACf;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAG;AACtC,SAAO,oBAAC,YAAY,OAAZ,EAAkB,WAAW,GAAG,uCAAuC,SAAS,GAAI,GAAG,OAAO;AACxG;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAG;AAC5C,SACE,oBAAC,YAAY,aAAZ,EAAwB,WAAW,GAAG,iDAAiD,SAAS,GAAI,GAAG,OAAO;AAEnH;AAEA,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,SAAO,oBAAC,SAAI,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO;AACvF;AAEO,IAAM,QAAQ;AAAA,EACnB,MAAM,YAAY;AAAA,EAClB,SAAS,YAAY;AAAA,EACrB,OAAO,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/dist/chunk-R27ACM4Q.cjs

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

package/dist/chunk-R27ACM4Q.cjs.map

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

package/dist/chunk-R4RV6JMA.js

@@ -0,0 +1,46 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/alert/Alert.jsx
+import React from "react";
+import { AlertCircle, AlertTriangle, CheckCircle2, Info } from "@tlglobal/icons";
+
+// src/components/alert/Alert.variants.js
+import { cva } from "class-variance-authority";
+var alertVariants = cva("flex items-start gap-2.5 rounded-md border p-3.5 font-sans", {
+  variants: {
+    tone: {
+      neutral: "border-border-default bg-bg-surface text-text-primary",
+      success: "border-success-500/20 bg-success-100 text-success-700",
+      warning: "border-warning-500/20 bg-warning-100 text-warning-700",
+      danger: "border-danger-500/20 bg-danger-100 text-danger-700"
+    }
+  },
+  defaultVariants: { tone: "neutral" }
+});
+
+// src/components/alert/Alert.jsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TONE_ICON = {
+  neutral: Info,
+  success: CheckCircle2,
+  warning: AlertTriangle,
+  danger: AlertCircle
+};
+var Alert = React.forwardRef(function Alert2({ tone, title, children, className, ...props }, ref) {
+  const Icon = TONE_ICON[tone] || TONE_ICON.neutral;
+  return /* @__PURE__ */ jsxs("div", { ref, role: "alert", className: cn(alertVariants({ tone }), className), ...props, children: [
+    /* @__PURE__ */ jsx(Icon, { size: 18, className: "mt-0.5 shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+      title && /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: title }),
+      children && /* @__PURE__ */ jsx("div", { className: cn("text-sm", title && "mt-0.5"), children })
+    ] })
+  ] });
+});
+
+export {
+  Alert
+};
+//# sourceMappingURL=chunk-R4RV6JMA.js.map

package/dist/chunk-R4RV6JMA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert/Alert.jsx","../src/components/alert/Alert.variants.js"],"sourcesContent":["import React from \"react\";\nimport { AlertCircle, AlertTriangle, CheckCircle2, Info } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { alertVariants } from \"./Alert.variants.js\";\n\nconst TONE_ICON = {\n  neutral: Info,\n  success: CheckCircle2,\n  warning: AlertTriangle,\n  danger: AlertCircle,\n};\n\nexport const Alert = React.forwardRef(function Alert({ tone, title, children, className, ...props }, ref) {\n  const Icon = TONE_ICON[tone] || TONE_ICON.neutral;\n  return (\n    <div ref={ref} role=\"alert\" className={cn(alertVariants({ tone }), className)} {...props}>\n      <Icon size={18} className=\"mt-0.5 shrink-0\" />\n      <div className=\"flex-1\">\n        {title && <div className=\"text-sm font-semibold\">{title}</div>}\n        {children && <div className={cn(\"text-sm\", title && \"mt-0.5\")}>{children}</div>}\n      </div>\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const alertVariants = cva(\"flex items-start gap-2.5 rounded-md border p-3.5 font-sans\", {\n  variants: {\n    tone: {\n      neutral: \"border-border-default bg-bg-surface text-text-primary\",\n      success: \"border-success-500/20 bg-success-100 text-success-700\",\n      warning: \"border-warning-500/20 bg-warning-100 text-warning-700\",\n      danger: \"border-danger-500/20 bg-danger-100 text-danger-700\",\n    },\n  },\n  defaultVariants: { tone: \"neutral\" },\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,aAAa,eAAe,cAAc,YAAY;;;ACD/D,SAAS,WAAW;AAEb,IAAM,gBAAgB,IAAI,8DAA8D;AAAA,EAC7F,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,UAAU;AACrC,CAAC;;;ADIK,cACA,YADA;AAXN,IAAM,YAAY;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,IAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,EAAE,MAAM,OAAO,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACxG,QAAM,OAAO,UAAU,IAAI,KAAK,UAAU;AAC1C,SACE,qBAAC,SAAI,KAAU,MAAK,SAAQ,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACjF;AAAA,wBAAC,QAAK,MAAM,IAAI,WAAU,mBAAkB;AAAA,IAC5C,qBAAC,SAAI,WAAU,UACZ;AAAA,eAAS,oBAAC,SAAI,WAAU,yBAAyB,iBAAM;AAAA,MACvD,YAAY,oBAAC,SAAI,WAAW,GAAG,WAAW,SAAS,QAAQ,GAAI,UAAS;AAAA,OAC3E;AAAA,KACF;AAEJ,CAAC;","names":["Alert"]}

package/dist/chunk-RB7PFSP5.cjs

@@ -0,0 +1,40 @@
+"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/tag/Tag.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _icons = require('@tlglobal/icons');
+var _jsxruntime = require('react/jsx-runtime');
+var Tag = _react2.default.forwardRef(function Tag2({ className, children, onRemove, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "span",
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "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__ */ _jsxruntime.jsx.call(void 0, 
+          "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__ */ _jsxruntime.jsx.call(void 0, _icons.X, { size: 12 })
+          }
+        )
+      ]
+    }
+  );
+});
+
+
+
+exports.Tag = Tag;
+//# sourceMappingURL=chunk-RB7PFSP5.cjs.map

package/dist/chunk-RB7PFSP5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RB7PFSP5.cjs","../src/components/tag/Tag.jsx"],"names":["Tag"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,wCAAkB;AAKd,+CAAA;AAFG,IAAM,IAAA,EAAM,eAAA,CAAM,UAAA,CAAW,SAASA,IAAAA,CAAI,EAAE,SAAA,EAAW,QAAA,EAAU,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACjG,EAAA,uBACE,8BAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,qJAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,SAAA,mBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,QAAA;AAAA,YACT,YAAA,EAAW,QAAA;AAAA,YACX,SAAA,EAAU,yIAAA;AAAA,YAEV,QAAA,kBAAA,6BAAA,QAAC,EAAA,EAAE,IAAA,EAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QACf;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ,CAAC,CAAA;ADQD;AACA;AACE;AACF,kBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RB7PFSP5.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-RCUEVMFN.cjs

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

package/dist/chunk-RCUEVMFN.cjs.map

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

package/dist/chunk-RG5TWXHH.cjs

@@ -0,0 +1,46 @@
+"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/alert/Alert.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _icons = require('@tlglobal/icons');
+
+// src/components/alert/Alert.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var alertVariants = _classvarianceauthority.cva.call(void 0, "flex items-start gap-2.5 rounded-md border p-3.5 font-sans", {
+  variants: {
+    tone: {
+      neutral: "border-border-default bg-bg-surface text-text-primary",
+      success: "border-success-500/20 bg-success-100 text-success-700",
+      warning: "border-warning-500/20 bg-warning-100 text-warning-700",
+      danger: "border-danger-500/20 bg-danger-100 text-danger-700"
+    }
+  },
+  defaultVariants: { tone: "neutral" }
+});
+
+// src/components/alert/Alert.jsx
+var _jsxruntime = require('react/jsx-runtime');
+var TONE_ICON = {
+  neutral: _icons.Info,
+  success: _icons.CheckCircle2,
+  warning: _icons.AlertTriangle,
+  danger: _icons.AlertCircle
+};
+var Alert = _react2.default.forwardRef(function Alert2({ tone, title, children, className, ...props }, ref) {
+  const Icon = TONE_ICON[tone] || TONE_ICON.neutral;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, role: "alert", className: _chunkNSTYHMFWcjs.cn.call(void 0, alertVariants({ tone }), className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { size: 18, className: "mt-0.5 shrink-0" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+      title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm font-semibold", children: title }),
+      children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkNSTYHMFWcjs.cn.call(void 0, "text-sm", title && "mt-0.5"), children })
+    ] })
+  ] });
+});
+
+
+
+exports.Alert = Alert;
+//# sourceMappingURL=chunk-RG5TWXHH.cjs.map

package/dist/chunk-RG5TWXHH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RG5TWXHH.cjs","../src/components/alert/Alert.jsx","../src/components/alert/Alert.variants.js"],"names":["Alert"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,wCAA+D;ADO/D;AACA;AETA,kEAAoB;AAEb,IAAM,cAAA,EAAgB,yCAAA,4DAAI,EAA8D;AAAA,EAC7F,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,uDAAA;AAAA,MACT,OAAA,EAAS,uDAAA;AAAA,MACT,OAAA,EAAS,uDAAA;AAAA,MACT,MAAA,EAAQ;AAAA,IACV;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,UAAU;AACrC,CAAC,CAAA;AFUD;AACA;ACPM,+CAAA;AAXN,IAAM,UAAA,EAAY;AAAA,EAChB,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS,mBAAA;AAAA,EACT,OAAA,EAAS,oBAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAA;AAEO,IAAM,MAAA,EAAQ,eAAA,CAAM,UAAA,CAAW,SAASA,MAAAA,CAAM,EAAE,IAAA,EAAM,KAAA,EAAO,QAAA,EAAU,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACxG,EAAA,MAAM,KAAA,EAAO,SAAA,CAAU,IAAI,EAAA,GAAK,SAAA,CAAU,OAAA;AAC1C,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,GAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAW,kCAAA,aAAG,CAAc,EAAE,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACjF,QAAA,EAAA;AAAA,oBAAA,6BAAA,IAAC,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,SAAA,EAAU,kBAAA,CAAkB,CAAA;AAAA,oBAC5C,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,QAAA,EACZ,QAAA,EAAA;AAAA,MAAA,MAAA,mBAAS,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,MAAA,CAAM,CAAA;AAAA,MACvD,SAAA,mBAAY,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,kCAAA,SAAG,EAAW,MAAA,GAAS,QAAQ,CAAA,EAAI,SAAA,CAAS;AAAA,IAAA,EAAA,CAC3E;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;ADkBD;AACA;AACE;AACF,sBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RG5TWXHH.cjs","sourcesContent":[null,"import React from \"react\";\nimport { AlertCircle, AlertTriangle, CheckCircle2, Info } from \"@tlglobal/icons\";\nimport { cn } from \"../../lib/cn.js\";\nimport { alertVariants } from \"./Alert.variants.js\";\n\nconst TONE_ICON = {\n  neutral: Info,\n  success: CheckCircle2,\n  warning: AlertTriangle,\n  danger: AlertCircle,\n};\n\nexport const Alert = React.forwardRef(function Alert({ tone, title, children, className, ...props }, ref) {\n  const Icon = TONE_ICON[tone] || TONE_ICON.neutral;\n  return (\n    <div ref={ref} role=\"alert\" className={cn(alertVariants({ tone }), className)} {...props}>\n      <Icon size={18} className=\"mt-0.5 shrink-0\" />\n      <div className=\"flex-1\">\n        {title && <div className=\"text-sm font-semibold\">{title}</div>}\n        {children && <div className={cn(\"text-sm\", title && \"mt-0.5\")}>{children}</div>}\n      </div>\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const alertVariants = cva(\"flex items-start gap-2.5 rounded-md border p-3.5 font-sans\", {\n  variants: {\n    tone: {\n      neutral: \"border-border-default bg-bg-surface text-text-primary\",\n      success: \"border-success-500/20 bg-success-100 text-success-700\",\n      warning: \"border-warning-500/20 bg-warning-100 text-warning-700\",\n      danger: \"border-danger-500/20 bg-danger-100 text-danger-700\",\n    },\n  },\n  defaultVariants: { tone: \"neutral\" },\n});\n"]}

package/dist/chunk-RHIHSGAK.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/avatar/Avatar.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _radixui = require('radix-ui');
+
+// src/components/avatar/Avatar.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var avatarVariants = _classvarianceauthority.cva.call(void 0, "relative inline-flex shrink-0 overflow-hidden rounded-full", {
+  variants: {
+    size: {
+      sm: "h-7 w-7 text-xs",
+      md: "h-9 w-9 text-sm",
+      lg: "h-12 w-12 text-base"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/components/avatar/Avatar.jsx
+var _jsxruntime = require('react/jsx-runtime');
+var Avatar = _react2.default.forwardRef(function Avatar2({ src, alt, fallback, size, className, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Avatar.Root, { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, avatarVariants({ size }), className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Avatar.Image, { src, alt, className: "h-full w-full object-cover" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Avatar.Fallback,
+      {
+        delayMs: src ? 300 : 0,
+        className: "flex h-full w-full items-center justify-center bg-neutral-200 font-sans font-semibold text-text-secondary",
+        children: fallback
+      }
+    )
+  ] });
+});
+
+
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=chunk-RHIHSGAK.cjs.map

package/dist/chunk-RHIHSGAK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RHIHSGAK.cjs","../src/components/avatar/Avatar.jsx","../src/components/avatar/Avatar.variants.js"],"names":["Avatar"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAClB,mCAAsC;ADOtC;AACA;AETA,kEAAoB;AAEb,IAAM,eAAA,EAAiB,yCAAA,4DAAI,EAA8D;AAAA,EAC9F,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,KAAK;AAChC,CAAC,CAAA;AFUD;AACA;ACfI,+CAAA;AAFG,IAAM,OAAA,EAAS,eAAA,CAAM,UAAA,CAAW,SAASA,OAAAA,CAAO,EAAE,GAAA,EAAK,GAAA,EAAK,QAAA,EAAU,IAAA,EAAM,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAC7G,EAAA,uBACE,8BAAA,eAAC,CAAY,IAAA,EAAZ,EAAiB,GAAA,EAAU,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAClF,QAAA,EAAA;AAAA,oBAAA,6BAAA,eAAC,CAAY,KAAA,EAAZ,EAAkB,GAAA,EAAU,GAAA,EAAU,SAAA,EAAU,6BAAA,CAA6B,CAAA;AAAA,oBAC9E,6BAAA;AAAA,MAAC,eAAA,CAAY,QAAA;AAAA,MAAZ;AAAA,QACC,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,CAAA;AAAA,QACrB,SAAA,EAAU,2GAAA;AAAA,QAET,QAAA,EAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAC,CAAA;ADoBD;AACA;AACE;AACF,wBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RHIHSGAK.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-RL3XVDMF.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }'use client';
+
+// src/components/direction/Direction.jsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var DirectionContext = _react.createContext.call(void 0, "incoming");
+function Provider({ value = "incoming", children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DirectionContext.Provider, { value, children });
+}
+function useDirection(override) {
+  const inherited = _react.useContext.call(void 0, DirectionContext);
+  return _nullishCoalesce(override, () => ( inherited));
+}
+var Direction = { Provider };
+
+
+
+
+exports.useDirection = useDirection; exports.Direction = Direction;
+//# sourceMappingURL=chunk-RL3XVDMF.cjs.map

package/dist/chunk-RL3XVDMF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RL3XVDMF.cjs","../src/components/direction/Direction.jsx"],"names":[],"mappings":"AAAA,yLAAY;AACZ;AACA;ACFA,8BAA0C;AAYjC,+CAAA;AAVT,IAAM,iBAAA,EAAmB,kCAAA,UAAwB,CAAA;AASjD,SAAS,QAAA,CAAS,EAAE,MAAA,EAAQ,UAAA,EAAY,SAAS,CAAA,EAAG;AAClD,EAAA,uBAAO,6BAAA,gBAAC,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAe,SAAA,CAAS,CAAA;AAC5D;AAEO,SAAS,YAAA,CAAa,QAAA,EAAU;AACrC,EAAA,MAAM,UAAA,EAAY,+BAAA,gBAA2B,CAAA;AAC7C,EAAA,wBAAO,QAAA,UAAY,WAAA;AACrB;AAEO,IAAM,UAAA,EAAY,EAAE,SAAS,CAAA;ADNpC;AACA;AACE;AACA;AACF,mEAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-RL3XVDMF.cjs","sourcesContent":[null,"import { createContext, useContext } from \"react\";\n\nconst DirectionContext = createContext(\"incoming\");\n\n/*\n * Context-only, no DOM of its own — deliberately. A conversation thread sets the speaker once per\n * message and every part inside it (bubble tail, avatar side, attachment alignment, action row)\n * has to agree; threading a `direction` prop through each one by hand is exactly the sort of thing\n * that drifts out of sync. Parts still accept an explicit `direction` prop, which wins over context,\n * so a one-off can always opt out without a nested provider.\n */\nfunction Provider({ value = \"incoming\", children }) {\n  return <DirectionContext.Provider value={value}>{children}</DirectionContext.Provider>;\n}\n\nexport function useDirection(override) {\n  const inherited = useContext(DirectionContext);\n  return override ?? inherited;\n}\n\nexport const Direction = { Provider };\n"]}

package/dist/chunk-SD2D5PZS.js

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

package/dist/chunk-SD2D5PZS.js.map

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

package/dist/chunk-SKQHJJ6L.js

@@ -0,0 +1,34 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/tooltip/Tooltip.jsx
+import { Tooltip as RadixTooltip } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tooltip({ label, children, side = "top", className, ...props }) {
+  return /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration: 200, children: /* @__PURE__ */ jsxs(RadixTooltip.Root, { children: [
+    /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs(
+      RadixTooltip.Content,
+      {
+        side,
+        sideOffset: 6,
+        className: cn(
+          "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__ */ jsx(RadixTooltip.Arrow, { className: "fill-neutral-900" })
+        ]
+      }
+    ) })
+  ] }) });
+}
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-SKQHJJ6L.js.map

package/dist/chunk-SKQHJJ6L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/Tooltip.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,SAAS,WAAW,oBAAoB;AAOhC,cAEE,YAFF;AAJD,SAAS,QAAQ,EAAE,OAAO,UAAU,OAAO,OAAO,WAAW,GAAG,MAAM,GAAG;AAC9E,SACE,oBAAC,aAAa,UAAb,EAAsB,eAAe,KACpC,+BAAC,aAAa,MAAb,EACC;AAAA,wBAAC,aAAa,SAAb,EAAqB,SAAO,MAAE,UAAS;AAAA,IACxC,oBAAC,aAAa,QAAb,EACC;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC;AAAA,QACA,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACD,oBAAC,aAAa,OAAb,EAAmB,WAAU,oBAAmB;AAAA;AAAA;AAAA,IACnD,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/chunk-SN6MWJU6.js

@@ -0,0 +1,86 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/questionnaire/Questionnaire.jsx
+import React, { createContext, useContext, useId } from "react";
+import { Check } from "@tlglobal/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var QuestionnaireContext = createContext(null);
+function useQuestionnaire() {
+  const context = useContext(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 = useId();
+  return /* @__PURE__ */ jsx(QuestionnaireContext.Provider, { value: { multiple, promptId }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "questionnaire",
+      className: cn("flex flex-col gap-2 font-sans", className),
+      ...props,
+      children
+    }
+  ) });
+}
+function Prompt({ className, ...props }) {
+  const { promptId } = useQuestionnaire();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      id: promptId,
+      "data-slot": "questionnaire-prompt",
+      className: cn("text-sm text-text-secondary", className),
+      ...props
+    }
+  );
+}
+function Options({ className, ...props }) {
+  const { multiple, promptId } = useQuestionnaire();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: multiple ? "group" : "radiogroup",
+      "aria-labelledby": promptId,
+      "data-slot": "questionnaire-options",
+      className: cn("flex flex-wrap gap-2", className),
+      ...props
+    }
+  );
+}
+var Option = React.forwardRef(function Option2({ selected = false, disabled = false, className, children, ...props }, ref) {
+  const { multiple } = useQuestionnaire();
+  return /* @__PURE__ */ jsxs(
+    "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: cn(
+        "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__ */ jsx(Check, { size: 14, className: "shrink-0" }),
+        children
+      ]
+    }
+  );
+});
+var Questionnaire = { Root, Prompt, Options, Option };
+
+export {
+  Questionnaire
+};
+//# sourceMappingURL=chunk-SN6MWJU6.js.map

package/dist/chunk-SN6MWJU6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/questionnaire/Questionnaire.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,OAAO,SAAS,eAAe,YAAY,aAAa;AACxD,SAAS,aAAa;AAqBhB,cA2CF,YA3CE;AAlBN,IAAM,uBAAuB,cAAc,IAAI;AAE/C,SAAS,mBAAmB;AAC1B,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,CAAC,QAAS,OAAM,IAAI,MAAM,4DAA4D;AAC1F,SAAO;AACT;AAQA,SAAS,KAAK,EAAE,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAAG;AACjE,QAAM,WAAW,MAAM;AACvB,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,UAAU,SAAS,GACzD;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,SAAS,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG;AACvC,QAAM,EAAE,SAAS,IAAI,iBAAiB;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAG;AACxC,QAAM,EAAE,UAAU,SAAS,IAAI,iBAAiB;AAChD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,WAAW,UAAU;AAAA,MAC3B,mBAAiB;AAAA,MACjB,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,SAAS,MAAM,WAAW,SAASA,QACvC,EAAE,WAAW,OAAO,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GACpE,KACA;AACA,QAAM,EAAE,SAAS,IAAI,iBAAiB;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA,MAAM,WAAW,SAAY;AAAA,MAG7B,gBAAc,WAAW,WAAW;AAAA,MACpC,gBAAc,WAAW,SAAY;AAAA,MACrC,aAAU;AAAA,MACV,iBAAe,YAAY;AAAA,MAC3B,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,WACI,4DACA;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBAAY,oBAAC,SAAM,MAAM,IAAI,WAAU,YAAW;AAAA,QAClD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;AAEM,IAAM,gBAAgB,EAAE,MAAM,QAAQ,SAAS,OAAO;","names":["Option"]}

package/dist/chunk-SP36M6G5.js

@@ -0,0 +1,52 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/radio-group/RadioGroup.jsx
+import React, { useId } from "react";
+import { RadioGroup as RadixRadioGroup, Label } from "radix-ui";
+
+// src/components/radio-group/RadioGroup.variants.js
+import { cva } from "class-variance-authority";
+var radioItemVariants = cva(
+  "flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full border border-border-strong bg-bg-page transition-colors data-[state=checked]:border-accent disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]"
+);
+
+// src/components/radio-group/RadioGroup.jsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadioGroup = React.forwardRef(function RadioGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadixRadioGroup.Root, { ref, className: cn("flex flex-col gap-3 font-sans", className), ...props });
+});
+var RadioGroupItem = React.forwardRef(function RadioGroupItem2({ label, disabled, className, id, value, ...props }, ref) {
+  const generatedId = useId();
+  const itemId = id || `${generatedId}-${value}`;
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      RadixRadioGroup.Item,
+      {
+        ref,
+        id: itemId,
+        value,
+        disabled,
+        className: cn(radioItemVariants(), className),
+        ...props,
+        children: /* @__PURE__ */ jsx(RadixRadioGroup.Indicator, { className: "block h-[9px] w-[9px] rounded-full bg-accent" })
+      }
+    ),
+    label && /* @__PURE__ */ jsx(
+      Label.Root,
+      {
+        htmlFor: itemId,
+        className: cn("text-base text-text-primary", disabled && "cursor-not-allowed text-text-muted"),
+        children: label
+      }
+    )
+  ] });
+});
+
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=chunk-SP36M6G5.js.map

package/dist/chunk-SP36M6G5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/radio-group/RadioGroup.jsx","../src/components/radio-group/RadioGroup.variants.js"],"sourcesContent":["import React, { useId } from \"react\";\nimport { RadioGroup as RadixRadioGroup, Label } from \"radix-ui\";\nimport { cn } from \"../../lib/cn.js\";\nimport { radioItemVariants } from \"./RadioGroup.variants.js\";\n\nexport const RadioGroup = React.forwardRef(function RadioGroup({ className, ...props }, ref) {\n  return <RadixRadioGroup.Root ref={ref} className={cn(\"flex flex-col gap-3 font-sans\", className)} {...props} />;\n});\n\nexport const RadioGroupItem = React.forwardRef(function RadioGroupItem(\n  { label, disabled, className, id, value, ...props },\n  ref,\n) {\n  const generatedId = useId();\n  const itemId = id || `${generatedId}-${value}`;\n\n  return (\n    <span className=\"inline-flex items-center gap-2\">\n      <RadixRadioGroup.Item\n        ref={ref}\n        id={itemId}\n        value={value}\n        disabled={disabled}\n        className={cn(radioItemVariants(), className)}\n        {...props}\n      >\n        <RadixRadioGroup.Indicator className=\"block h-[9px] w-[9px] rounded-full bg-accent\" />\n      </RadixRadioGroup.Item>\n      {label && (\n        <Label.Root\n          htmlFor={itemId}\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","import { cva } from \"class-variance-authority\";\n\nexport const radioItemVariants = cva(\n  \"flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full border border-border-strong bg-bg-page transition-colors data-[state=checked]:border-accent disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus-ring)]\",\n);\n"],"mappings":";;;;;;AAAA,OAAO,SAAS,aAAa;AAC7B,SAAS,cAAc,iBAAiB,aAAa;;;ACDrD,SAAS,WAAW;AAEb,IAAM,oBAAoB;AAAA,EAC/B;AACF;;;ADES,cAWL,YAXK;AADF,IAAM,aAAa,MAAM,WAAW,SAASA,YAAW,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC3F,SAAO,oBAAC,gBAAgB,MAAhB,EAAqB,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAC/G,CAAC;AAEM,IAAM,iBAAiB,MAAM,WAAW,SAASC,gBACtD,EAAE,OAAO,UAAU,WAAW,IAAI,OAAO,GAAG,MAAM,GAClD,KACA;AACA,QAAM,cAAc,MAAM;AAC1B,QAAM,SAAS,MAAM,GAAG,WAAW,IAAI,KAAK;AAE5C,SACE,qBAAC,UAAK,WAAU,kCACd;AAAA;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW,GAAG,kBAAkB,GAAG,SAAS;AAAA,QAC3C,GAAG;AAAA,QAEJ,8BAAC,gBAAgB,WAAhB,EAA0B,WAAU,gDAA+C;AAAA;AAAA,IACtF;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":["RadioGroup","RadioGroupItem"]}

package/dist/chunk-SWBJF2XG.cjs

@@ -0,0 +1,32 @@
+"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/card/Card.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/card/Card.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var cardVariants = _classvarianceauthority.cva.call(void 0, "rounded-lg border border-border-default bg-bg-page", {
+  variants: {
+    padding: {
+      none: "p-0",
+      sm: "p-4",
+      md: "p-6",
+      lg: "p-8"
+    }
+  },
+  defaultVariants: { padding: "md" }
+});
+
+// src/components/card/Card.jsx
+var _jsxruntime = require('react/jsx-runtime');
+var Card = _react2.default.forwardRef(function Card2({ padding, className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkNSTYHMFWcjs.cn.call(void 0, cardVariants({ padding }), className), ...props, children });
+});
+
+
+
+exports.Card = Card;
+//# sourceMappingURL=chunk-SWBJF2XG.cjs.map

package/dist/chunk-SWBJF2XG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-SWBJF2XG.cjs","../src/components/card/Card.jsx","../src/components/card/Card.variants.js"],"names":["Card"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;ADOlB;AACA;AERA,kEAAoB;AAEb,IAAM,aAAA,EAAe,yCAAA,oDAAI,EAAsD;AAAA,EACpF,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,KAAA;AAAA,MACN,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB,EAAE,OAAA,EAAS,KAAK;AACnC,CAAC,CAAA;AFSD;AACA;AChBI,+CAAA;AAFG,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASA,KAAAA,CAAK,EAAE,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AAClG,EAAA,uBACE,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAU,SAAA,EAAW,kCAAA,YAAG,CAAa,EAAE,QAAQ,CAAC,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACrE,SAAA,CACH,CAAA;AAEJ,CAAC,CAAA;ADiBD;AACA;AACE;AACF,oBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-SWBJF2XG.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\nimport { cardVariants } from \"./Card.variants.js\";\n\nexport const Card = React.forwardRef(function Card({ padding, className, children, ...props }, ref) {\n  return (\n    <div ref={ref} className={cn(cardVariants({ padding }), className)} {...props}>\n      {children}\n    </div>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\"rounded-lg border border-border-default bg-bg-page\", {\n  variants: {\n    padding: {\n      none: \"p-0\",\n      sm: \"p-4\",\n      md: \"p-6\",\n      lg: \"p-8\",\n    },\n  },\n  defaultVariants: { padding: \"md\" },\n});\n"]}