@tlglobal/ui 2.0.0

package/dist/chunk-NZ2HMIIP.cjs

@@ -0,0 +1,35 @@
+"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/item/Item.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Item = _react2.default.forwardRef(function Item2({ leading, trailing, title, description, className, children, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, 
+        "flex items-center gap-3 rounded-md px-3 py-2.5 font-sans transition-colors hover:bg-bg-surface",
+        className
+      ),
+      ...props,
+      children: [
+        leading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex shrink-0 items-center", children: leading }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "truncate text-sm font-medium text-text-primary", children: title }),
+          description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "truncate text-xs text-text-secondary", children: description }),
+          children
+        ] }),
+        trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex shrink-0 items-center", children: trailing })
+      ]
+    }
+  );
+});
+
+
+
+exports.Item = Item;
+//# sourceMappingURL=chunk-NZ2HMIIP.cjs.map

package/dist/chunk-NZ2HMIIP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-NZ2HMIIP.cjs","../src/components/item/Item.jsx"],"names":["Item"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAgBA,+CAAA;AAbX,IAAM,KAAA,EAAO,eAAA,CAAM,UAAA,CAAW,SAASA,KAAAA,CAC5C,EAAE,OAAA,EAAS,QAAA,EAAU,KAAA,EAAO,WAAA,EAAa,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EACvE,GAAA,EACA;AACA,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA;AAAA,QACT,gGAAA;AAAA,QACA;AAAA,MACF,CAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,mBAAW,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,QAAA,CAAQ,CAAA;AAAA,wBACjE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,MAAA,mBAAS,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,gDAAA,EAAkD,QAAA,EAAA,MAAA,CAAM,CAAA;AAAA,UAChF,YAAA,mBAAe,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,sCAAA,EAAwC,QAAA,EAAA,YAAA,CAAY,CAAA;AAAA,UAClF;AAAA,QAAA,EAAA,CACH,CAAA;AAAA,QACC,SAAA,mBAAY,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACrE,CAAA;AAEJ,CAAC,CAAA;ADKD;AACA;AACE;AACF,oBAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-NZ2HMIIP.cjs","sourcesContent":[null,"import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const Item = React.forwardRef(function Item(\n  { leading, trailing, title, description, className, children, ...props },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-3 rounded-md px-3 py-2.5 font-sans transition-colors hover:bg-bg-surface\",\n        className,\n      )}\n      {...props}\n    >\n      {leading && <div className=\"flex shrink-0 items-center\">{leading}</div>}\n      <div className=\"min-w-0 flex-1\">\n        {title && <div className=\"truncate text-sm font-medium text-text-primary\">{title}</div>}\n        {description && <div className=\"truncate text-xs text-text-secondary\">{description}</div>}\n        {children}\n      </div>\n      {trailing && <div className=\"flex shrink-0 items-center\">{trailing}</div>}\n    </div>\n  );\n});\n"]}

package/dist/chunk-ODN7NJ6D.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 _chunkEDAI4KEXcjs = require('./chunk-EDAI4KEX.cjs');
+
+
+var _chunkNSTYHMFWcjs = require('./chunk-NSTYHMFW.cjs');
+
+// src/components/textarea/Textarea.jsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/textarea/Textarea.variants.js
+var _classvarianceauthority = require('class-variance-authority');
+var textareaVariants = _classvarianceauthority.cva.call(void 0, 
+  "w-full resize-y rounded-md border bg-bg-page px-3 py-2.5 font-sans text-base text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out placeholder:text-text-muted disabled:cursor-not-allowed disabled:resize-none disabled:bg-bg-surface",
+  {
+    variants: {
+      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: { invalid: false }
+  }
+);
+
+// src/components/textarea/Textarea.jsx
+var _jsxruntime = require('react/jsx-runtime');
+var Textarea = _react2.default.forwardRef(function Textarea2({ label, error, hint, disabled, className, id, rows = 4, ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDAI4KEXcjs.Field, { label, error, hint, id, children: (controlProps) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "textarea",
+    {
+      ref,
+      disabled,
+      rows,
+      className: _chunkNSTYHMFWcjs.cn.call(void 0, textareaVariants({ invalid: Boolean(error) }), className),
+      ...controlProps,
+      ...props
+    }
+  ) });
+});
+
+
+
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-ODN7NJ6D.cjs.map

package/dist/chunk-ODN7NJ6D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ODN7NJ6D.cjs","../src/components/textarea/Textarea.jsx","../src/components/textarea/Textarea.variants.js"],"names":["Textarea"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,4EAAkB;ADUlB;AACA;AEXA,kEAAoB;AAEb,IAAM,iBAAA,EAAmB,yCAAA;AAAA,EAC9B,4QAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,4DAAA;AAAA,QACN,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB,EAAE,OAAA,EAAS,MAAM;AAAA,EACpC;AACF,CAAA;AFYA;AACA;ACdQ,+CAAA;AAPD,IAAM,SAAA,EAAW,eAAA,CAAM,UAAA,CAAW,SAASA,SAAAA,CAChD,EAAE,KAAA,EAAO,KAAA,EAAO,IAAA,EAAM,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,GAAG,MAAM,CAAA,EAClE,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,UAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA,EAAW,kCAAA,gBAAG,CAAiB,EAAE,OAAA,EAAS,OAAA,CAAQ,KAAK,EAAE,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACrE,GAAG,YAAA;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACN,EAAA,CAEJ,CAAA;AAEJ,CAAC,CAAA;ADkBD;AACA;AACE;AACF,4BAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/chunk-ODN7NJ6D.cjs","sourcesContent":[null,"import React from \"react\";\nimport { Field } from \"../field/Field.jsx\";\nimport { cn } from \"../../lib/cn.js\";\nimport { textareaVariants } from \"./Textarea.variants.js\";\n\nexport const Textarea = React.forwardRef(function Textarea(\n  { label, error, hint, disabled, className, id, rows = 4, ...props },\n  ref,\n) {\n  return (\n    <Field label={label} error={error} hint={hint} id={id}>\n      {(controlProps) => (\n        <textarea\n          ref={ref}\n          disabled={disabled}\n          rows={rows}\n          className={cn(textareaVariants({ invalid: Boolean(error) }), className)}\n          {...controlProps}\n          {...props}\n        />\n      )}\n    </Field>\n  );\n});\n","import { cva } from \"class-variance-authority\";\n\nexport const textareaVariants = cva(\n  \"w-full resize-y rounded-md border bg-bg-page px-3 py-2.5 font-sans text-base text-text-primary outline-none transition-[border-color,box-shadow] duration-150 ease-out placeholder:text-text-muted disabled:cursor-not-allowed disabled:resize-none disabled:bg-bg-surface\",\n  {\n    variants: {\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: { invalid: false },\n  },\n);\n"]}

package/dist/chunk-OEOJQGHG.js

@@ -0,0 +1,23 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/scroll-area/ScrollArea.jsx
+import React from "react";
+import { ScrollArea as RadixScrollArea } from "radix-ui";
+import { jsx, jsxs } from "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 = React.forwardRef(function ScrollArea2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(RadixScrollArea.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
+    /* @__PURE__ */ jsx(RadixScrollArea.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+    /* @__PURE__ */ jsx(RadixScrollArea.Scrollbar, { orientation: "vertical", className: scrollbarClass, children: /* @__PURE__ */ jsx(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-neutral-300" }) }),
+    /* @__PURE__ */ jsx(RadixScrollArea.Scrollbar, { orientation: "horizontal", className: scrollbarClass, children: /* @__PURE__ */ jsx(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-neutral-300" }) }),
+    /* @__PURE__ */ jsx(RadixScrollArea.Corner, {})
+  ] });
+});
+
+export {
+  ScrollArea
+};
+//# sourceMappingURL=chunk-OEOJQGHG.js.map

package/dist/chunk-OEOJQGHG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/scroll-area/ScrollArea.jsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAClB,SAAS,cAAc,uBAAuB;AAQ1C,SACE,KADF;AALJ,IAAM,iBACJ;AAEK,IAAM,aAAa,MAAM,WAAW,SAASA,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrG,SACE,qBAAC,gBAAgB,MAAhB,EAAqB,KAAU,WAAW,GAAG,4BAA4B,SAAS,GAAI,GAAG,OACxF;AAAA,wBAAC,gBAAgB,UAAhB,EAAyB,WAAU,mCAAmC,UAAS;AAAA,IAChF,oBAAC,gBAAgB,WAAhB,EAA0B,aAAY,YAAW,WAAW,gBAC3D,8BAAC,gBAAgB,OAAhB,EAAsB,WAAU,+CAA8C,GACjF;AAAA,IACA,oBAAC,gBAAgB,WAAhB,EAA0B,aAAY,cAAa,WAAW,gBAC7D,8BAAC,gBAAgB,OAAhB,EAAsB,WAAU,+CAA8C,GACjF;AAAA,IACA,oBAAC,gBAAgB,QAAhB,EAAuB;AAAA,KAC1B;AAEJ,CAAC;","names":["ScrollArea"]}

package/dist/chunk-OHI4DVYR.js

@@ -0,0 +1,27 @@
+'use client';
+import {
+  cn
+} from "./chunk-74GQ35MJ.js";
+
+// src/components/button-group/ButtonGroup.jsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ButtonGroup = React.forwardRef(function ButtonGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "group",
+      className: cn(
+        "inline-flex [&>*]:rounded-none [&>*:first-child]:rounded-l-md [&>*:last-child]:rounded-r-md [&>*:not(:first-child)]:-ml-px",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  ButtonGroup
+};
+//# sourceMappingURL=chunk-OHI4DVYR.js.map

package/dist/chunk-OHI4DVYR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button-group/ButtonGroup.jsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../lib/cn.js\";\n\nexport const ButtonGroup = React.forwardRef(function ButtonGroup({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      className={cn(\n        \"inline-flex [&>*]:rounded-none [&>*:first-child]:rounded-l-md [&>*:last-child]:rounded-r-md [&>*:not(:first-child)]:-ml-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAKd;AAFG,IAAM,cAAc,MAAM,WAAW,SAASA,aAAY,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["ButtonGroup"]}