@bigbinary/neeto-atoms 1.0.35 → 1.0.37

package/dist/cjs/Stepper-DZb25oBH.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var check = require('./check-BQgcDXys.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Stepper = React.forwardRef(
+  ({
+    steps,
+    activeIndex = 0,
+    onStepClick,
+    className,
+    orientation = "horizontal"
+  }, ref) => {
+    const isHorizontal = orientation === "horizontal";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "list",
+        "aria-label": "Progress",
+        className: utils.cn(
+          "flex gap-2",
+          isHorizontal ? "flex-row items-center" : "flex-col items-start",
+          className
+        ),
+        children: steps.map((step, index) => {
+          const isCompleted = index < activeIndex;
+          const isActive = index === activeIndex;
+          const isClickable = (isCompleted || isActive) && !!onStepClick;
+          const isLast = index === steps.length - 1;
+          const indicator = /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: utils.cn(
+                "relative flex size-7 shrink-0 items-center justify-center rounded-full text-sm font-semibold transition-colors",
+                isCompleted && "bg-primary text-primary-foreground",
+                isActive && "bg-primary text-primary-foreground ring-2 ring-primary ring-offset-2 ring-offset-background",
+                !isCompleted && !isActive && "bg-muted text-foreground/60 ring-1 ring-border"
+              ),
+              children: isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(check.Check, { className: "size-3.5", "aria-hidden": "true" }) : index + 1
+            }
+          );
+          const stepContent = /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils.cn(
+                "flex min-w-0",
+                isHorizontal ? "flex-row items-center gap-2" : "flex-row items-center gap-3"
+              ),
+              children: [
+                isClickable ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onStepClick(index),
+                    "aria-current": isActive ? "step" : void 0,
+                    className: "cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+                    children: indicator
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-current": isActive ? "step" : void 0, children: indicator }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: utils.cn(
+                      "hidden text-sm truncate max-w-full sm:inline",
+                      isActive && "font-medium text-foreground",
+                      isCompleted && "text-foreground",
+                      !isCompleted && !isActive && "text-muted-foreground"
+                    ),
+                    children: step.label
+                  }
+                )
+              ]
+            }
+          );
+          const connector = !isLast && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: utils.cn(
+                "transition-colors",
+                isHorizontal ? "mx-2 min-w-5 flex-1 border-t-2 sm:mx-3 sm:min-w-8" : "ms-[13px] min-h-6 self-stretch border-s-2",
+                isCompleted ? "border-primary" : "border-dashed border-border"
+              )
+            }
+          );
+          return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                role: "listitem",
+                className: utils.cn(
+                  "flex min-w-0",
+                  isHorizontal ? "shrink-0" : "flex-col"
+                ),
+                children: stepContent
+              }
+            ),
+            connector
+          ] }, step.id);
+        })
+      }
+    );
+  }
+);
+Stepper.displayName = "Stepper";
+
+exports.Stepper = Stepper;
+//# sourceMappingURL=Stepper-DZb25oBH.js.map

package/dist/cjs/Stepper-DZb25oBH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-DZb25oBH.js","sources":["../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nexport interface StepperProps {\n  /** Step definitions. */\n  steps: Array<{ id: string | number; label: string }>;\n  /** Current active step (0-based). */\n  activeIndex?: number;\n  /** Callback when a step indicator is clicked. */\n  onStepClick?: (index: number) => void;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Layout direction. */\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nconst Stepper = forwardRef<HTMLDivElement, StepperProps>(\n  (\n    {\n      steps,\n      activeIndex = 0,\n      onStepClick,\n      className,\n      orientation = \"horizontal\",\n    },\n    ref\n  ) => {\n    const isHorizontal = orientation === \"horizontal\";\n\n    return (\n      <div\n        ref={ref}\n        role=\"list\"\n        aria-label=\"Progress\"\n        className={cn(\n          \"flex gap-2\",\n          isHorizontal ? \"flex-row items-center\" : \"flex-col items-start\",\n          className\n        )}\n      >\n        {steps.map((step, index) => {\n          const isCompleted = index < activeIndex;\n          const isActive = index === activeIndex;\n          const isClickable = (isCompleted || isActive) && !!onStepClick;\n          const isLast = index === steps.length - 1;\n\n          const indicator = (\n            <span\n              className={cn(\n                \"relative flex size-7 shrink-0 items-center justify-center rounded-full text-sm font-semibold transition-colors\",\n                isCompleted && \"bg-primary text-primary-foreground\",\n                isActive &&\n                  \"bg-primary text-primary-foreground ring-2 ring-primary ring-offset-2 ring-offset-background\",\n                !isCompleted &&\n                  !isActive &&\n                  \"bg-muted text-foreground/60 ring-1 ring-border\"\n              )}\n            >\n              {isCompleted ? (\n                <CheckIcon className=\"size-3.5\" aria-hidden=\"true\" />\n              ) : (\n                index + 1\n              )}\n            </span>\n          );\n\n          const stepContent = (\n            <div\n              className={cn(\n                \"flex min-w-0\",\n                isHorizontal\n                  ? \"flex-row items-center gap-2\"\n                  : \"flex-row items-center gap-3\"\n              )}\n            >\n              {isClickable ? (\n                <button\n                  type=\"button\"\n                  onClick={() => onStepClick(index)}\n                  aria-current={isActive ? \"step\" : undefined}\n                  className=\"cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n                >\n                  {indicator}\n                </button>\n              ) : (\n                <span aria-current={isActive ? \"step\" : undefined}>\n                  {indicator}\n                </span>\n              )}\n              <span\n                className={cn(\n                  \"hidden text-sm truncate max-w-full sm:inline\",\n                  isActive && \"font-medium text-foreground\",\n                  isCompleted && \"text-foreground\",\n                  !isCompleted && !isActive && \"text-muted-foreground\"\n                )}\n              >\n                {step.label}\n              </span>\n            </div>\n          );\n\n          const connector = !isLast && (\n            <div\n              aria-hidden=\"true\"\n              className={cn(\n                \"transition-colors\",\n                isHorizontal\n                  ? \"mx-2 min-w-5 flex-1 border-t-2 sm:mx-3 sm:min-w-8\"\n                  : \"ms-[13px] min-h-6 self-stretch border-s-2\",\n                isCompleted ? \"border-primary\" : \"border-dashed border-border\"\n              )}\n            />\n          );\n\n          return (\n            <React.Fragment key={step.id}>\n              <div\n                role=\"listitem\"\n                className={cn(\n                  \"flex min-w-0\",\n                  isHorizontal ? \"shrink-0\" : \"flex-col\"\n                )}\n              >\n                {stepContent}\n              </div>\n              {connector}\n            </React.Fragment>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nStepper.displayName = \"Stepper\";\n\nexport { Stepper };\n"],"names":["forwardRef","jsx","cn","CheckIcon","jsxs","React"],"mappings":";;;;;;;;;;;AAkBA,MAAM,OAAA,GAAUA,gBAAA;AAAA,EACd,CACE;AAAA,IACE,KAAA;AAAA,IACA,WAAA,GAAc,CAAA;AAAA,IACd,WAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA,GAAc;AAAA,KAEhB,GAAA,KACG;AACH,IAAA,MAAM,eAAe,WAAA,KAAgB,YAAA;AAErC,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,MAAA;AAAA,QACL,YAAA,EAAW,UAAA;AAAA,QACX,SAAA,EAAWC,QAAA;AAAA,UACT,YAAA;AAAA,UACA,eAAe,uBAAA,GAA0B,sBAAA;AAAA,UACzC;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC1B,UAAA,MAAM,cAAc,KAAA,GAAQ,WAAA;AAC5B,UAAA,MAAM,WAAW,KAAA,KAAU,WAAA;AAC3B,UAAA,MAAM,WAAA,GAAA,CAAe,WAAA,IAAe,QAAA,KAAa,CAAC,CAAC,WAAA;AACnD,UAAA,MAAM,MAAA,GAAS,KAAA,KAAU,KAAA,CAAM,MAAA,GAAS,CAAA;AAExC,UAAA,MAAM,SAAA,mBACJD,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWC,QAAA;AAAA,gBACT,gHAAA;AAAA,gBACA,WAAA,IAAe,oCAAA;AAAA,gBACf,QAAA,IACE,6FAAA;AAAA,gBACF,CAAC,WAAA,IACC,CAAC,QAAA,IACD;AAAA,eACJ;AAAA,cAEC,QAAA,EAAA,WAAA,kCACEC,WAAA,EAAA,EAAU,SAAA,EAAU,YAAW,aAAA,EAAY,MAAA,EAAO,IAEnD,KAAA,GAAQ;AAAA;AAAA,WAEZ;AAGF,UAAA,MAAM,WAAA,mBACJC,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWF,QAAA;AAAA,gBACT,cAAA;AAAA,gBACA,eACI,6BAAA,GACA;AAAA,eACN;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,WAAA,mBACCD,cAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,oBAChC,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,oBAClC,SAAA,EAAU,+GAAA;AAAA,oBAET,QAAA,EAAA;AAAA;AAAA,oCAGHA,cAAA,CAAC,MAAA,EAAA,EAAK,gBAAc,QAAA,GAAW,MAAA,GAAS,QACrC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,gCAEFA,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAWC,QAAA;AAAA,sBACT,8CAAA;AAAA,sBACA,QAAA,IAAY,6BAAA;AAAA,sBACZ,WAAA,IAAe,iBAAA;AAAA,sBACf,CAAC,WAAA,IAAe,CAAC,QAAA,IAAY;AAAA,qBAC/B;AAAA,oBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR;AAAA;AAAA,WACF;AAGF,UAAA,MAAM,SAAA,GAAY,CAAC,MAAA,oBACjBD,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,MAAA;AAAA,cACZ,SAAA,EAAWC,QAAA;AAAA,gBACT,mBAAA;AAAA,gBACA,eACI,mDAAA,GACA,2CAAA;AAAA,gBACJ,cAAc,gBAAA,GAAmB;AAAA;AACnC;AAAA,WACF;AAGF,UAAA,uBACEE,eAAA,CAACC,sBAAA,CAAM,QAAA,EAAN,EACC,QAAA,EAAA;AAAA,4BAAAJ,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,UAAA;AAAA,gBACL,SAAA,EAAWC,QAAA;AAAA,kBACT,cAAA;AAAA,kBACA,eAAe,UAAA,GAAa;AAAA,iBAC9B;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YACC;AAAA,WAAA,EAAA,EAVkB,KAAK,EAW1B,CAAA;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}

package/dist/cjs/Switch-BTkncHw2.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var primitives_Switch = require('./primitives/Switch.js');
+var primitives_Label = require('./primitives/Label.js');
+var utils = require('./utils-BhM0B89p.js');
+
+const Switch = React.forwardRef(
+  ({
+    label,
+    error,
+    helpText,
+    required = false,
+    className,
+    size = "default",
+    disabled,
+    id: idProp,
+    ...otherProps
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = idProp ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn("inline-flex flex-col gap-1.5", className),
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils.cn(
+                "inline-flex gap-2",
+                helpText ? "items-start" : "items-center"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  primitives_Switch.Switch,
+                  {
+                    ref,
+                    id,
+                    size,
+                    disabled,
+                    "aria-invalid": !!error || void 0,
+                    "aria-describedby": ariaDescribedBy,
+                    "aria-required": required || void 0,
+                    className: helpText ? "mt-0.5" : void 0,
+                    ...otherProps
+                  }
+                ),
+                (label || helpText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+                  label && /* @__PURE__ */ jsxRuntime.jsxs(
+                    primitives_Label.Label,
+                    {
+                      htmlFor: id,
+                      className: utils.cn(
+                        "cursor-pointer",
+                        disabled && "cursor-not-allowed opacity-50"
+                      ),
+                      children: [
+                        label,
+                        required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+                      ]
+                    }
+                  ),
+                  helpText && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helpTextId, className: "text-sm text-muted-foreground", children: helpText })
+                ] })
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, role: "alert", className: "text-xs text-destructive", children: error })
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+
+exports.Switch = Switch;
+//# sourceMappingURL=Switch-BTkncHw2.js.map

package/dist/cjs/Switch-BTkncHw2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-BTkncHw2.js","sources":["../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { Switch as PrimitiveSwitch } from \"src/primitives/Switch\";\nimport { Label } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport interface SwitchProps extends Omit<\n  React.ComponentProps<typeof PrimitiveSwitch>,\n  \"children\"\n> {\n  /** Text label displayed next to the switch. */\n  label?: string;\n  /** Error message displayed below the switch. */\n  error?: string;\n  /** Helper text displayed below the label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Size of the switch. */\n  size?: \"sm\" | \"default\" | \"lg\";\n}\n\nconst Switch = forwardRef<\n  React.ComponentRef<typeof PrimitiveSwitch>,\n  SwitchProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      className,\n      size = \"default\",\n      disabled,\n      id: idProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    return (\n      <div\n        className={cn(\"inline-flex flex-col gap-1.5\", className)}\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n      >\n        <div\n          className={cn(\n            \"inline-flex gap-2\",\n            helpText ? \"items-start\" : \"items-center\"\n          )}\n        >\n          <PrimitiveSwitch\n            ref={ref}\n            id={id}\n            size={size}\n            disabled={disabled}\n            aria-invalid={!!error || undefined}\n            aria-describedby={ariaDescribedBy}\n            aria-required={required || undefined}\n            className={helpText ? \"mt-0.5\" : undefined}\n            {...otherProps}\n          />\n          {(label || helpText) && (\n            <div className=\"flex flex-col gap-0.5\">\n              {label && (\n                <Label\n                  htmlFor={id}\n                  className={cn(\n                    \"cursor-pointer\",\n                    disabled && \"cursor-not-allowed opacity-50\"\n                  )}\n                >\n                  {label}\n                  {required && (\n                    <span aria-hidden=\"true\" className=\"text-destructive\">\n                      *\n                    </span>\n                  )}\n                </Label>\n              )}\n              {helpText && (\n                <p id={helpTextId} className=\"text-sm text-muted-foreground\">\n                  {helpText}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n        {error && (\n          <p id={errorId} role=\"alert\" className=\"text-xs text-destructive\">\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch };\n"],"names":["forwardRef","useId","jsxs","cn","jsx","PrimitiveSwitch","Label"],"mappings":";;;;;;;;AAwBA,MAAM,MAAA,GAASA,gBAAA;AAAA,EAIb,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,IAAA,GAAO,SAAA;AAAA,IACP,QAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,cAAcC,WAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AACrB,IAAA,MAAM,OAAA,GAAU,SAAS,EAAE,CAAA,CAAA;AAC3B,IAAA,MAAM,UAAA,GAAa,YAAY,EAAE,CAAA,CAAA;AAEjC,IAAA,MAAM,eAAA,GACJ,CAAC,KAAA,GAAQ,OAAA,GAAU,MAAM,QAAA,GAAW,UAAA,GAAa,IAAI,CAAA,CAClD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAElB,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,QAAA,CAAG,8BAAA,EAAgC,SAAS,CAAA;AAAA,QACvD,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,QAEzB,QAAA,EAAA;AAAA,0BAAAD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWC,QAAA;AAAA,gBACT,mBAAA;AAAA,gBACA,WAAW,aAAA,GAAgB;AAAA,eAC7B;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAAC,cAAA;AAAA,kBAACC,wBAAA;AAAA,kBAAA;AAAA,oBACC,GAAA;AAAA,oBACA,EAAA;AAAA,oBACA,IAAA;AAAA,oBACA,QAAA;AAAA,oBACA,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,oBACzB,kBAAA,EAAkB,eAAA;AAAA,oBAClB,iBAAe,QAAA,IAAY,MAAA;AAAA,oBAC3B,SAAA,EAAW,WAAW,QAAA,GAAW,MAAA;AAAA,oBAChC,GAAG;AAAA;AAAA,iBACN;AAAA,gBAAA,CACE,KAAA,IAAS,QAAA,qBACTH,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uBAAA,EACZ,QAAA,EAAA;AAAA,kBAAA,KAAA,oBACCA,eAAA;AAAA,oBAACI,sBAAA;AAAA,oBAAA;AAAA,sBACC,OAAA,EAAS,EAAA;AAAA,sBACT,SAAA,EAAWH,QAAA;AAAA,wBACT,gBAAA;AAAA,wBACA,QAAA,IAAY;AAAA,uBACd;AAAA,sBAEC,QAAA,EAAA;AAAA,wBAAA,KAAA;AAAA,wBACA,4BACCC,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD;AAAA;AAAA;AAAA,mBAEJ;AAAA,kBAED,4BACCA,cAAA,CAAC,GAAA,EAAA,EAAE,IAAI,UAAA,EAAY,SAAA,EAAU,iCAC1B,QAAA,EAAA,QAAA,EACH;AAAA,iBAAA,EAEJ;AAAA;AAAA;AAAA,WAEJ;AAAA,UACC,KAAA,mCACE,GAAA,EAAA,EAAE,EAAA,EAAI,SAAS,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,0BAAA,EACpC,QAAA,EAAA,KAAA,EACH;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/dist/cjs/Tabs-YPRmLtUM.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var renderIcon = require('./renderIcon-BRrpZu9a.js');
+var primitives_Tabs = require('./primitives/Tabs.js');
+
+const SIZE_CLASSES = {
+  default: "",
+  lg: "text-[15px] px-3 py-1.5"
+};
+const LIST_HEIGHT = {
+  default: "",
+  lg: "group-data-horizontal/tabs:h-10"
+};
+const TabsSizeContext = React.createContext("default");
+
+const TabsRoot = React.forwardRef(
+  ({ size = "default", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(primitives_Tabs.Tabs, { ref, ...props, children }) })
+);
+TabsRoot.displayName = "Tabs";
+const TabsListComponent = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const size = React.useContext(TabsSizeContext);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      primitives_Tabs.TabsList,
+      {
+        ref,
+        className: utils.cn(LIST_HEIGHT[size], className),
+        ...props
+      }
+    );
+  }
+);
+TabsListComponent.displayName = "Tabs.List";
+const TabsItemComponent = React.forwardRef(
+  ({ icon, className, children, ...otherProps }, ref) => {
+    const size = React.useContext(TabsSizeContext);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Tabs.TabsTrigger,
+      {
+        ref,
+        className: utils.cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
+        ...otherProps,
+        children: [
+          icon && renderIcon.renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
+          children
+        ]
+      }
+    );
+  }
+);
+TabsItemComponent.displayName = "Tabs.Item";
+const TabsContentComponent = React.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(primitives_Tabs.TabsContent, { ref, ...props })
+);
+TabsContentComponent.displayName = "Tabs.Content";
+const Tabs = Object.assign(TabsRoot, {
+  List: TabsListComponent,
+  Item: TabsItemComponent,
+  Content: TabsContentComponent
+});
+
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs-YPRmLtUM.js.map

package/dist/cjs/Tabs-YPRmLtUM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs-YPRmLtUM.js","sources":["../../src/components/Tabs/constants.ts","../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport const SIZE_CLASSES: Record<TabsSize, string> = {\n  default: \"\",\n  lg: \"text-[15px] px-3 py-1.5\",\n};\n\nexport const LIST_HEIGHT: Record<TabsSize, string> = {\n  default: \"\",\n  lg: \"group-data-horizontal/tabs:h-10\",\n};\n\nexport const TabsSizeContext = createContext<TabsSize>(\"default\");\n","import React, { forwardRef, useContext } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport {\n  Tabs as PrimitiveTabs,\n  TabsList as PrimitiveTabsList,\n  TabsTrigger as PrimitiveTabsTrigger,\n  TabsContent as PrimitiveTabsContent,\n} from \"src/primitives/Tabs\";\n\nimport { SIZE_CLASSES, LIST_HEIGHT, TabsSizeContext } from \"./constants\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {\n  /** Size of tab triggers. Applied to all Tabs.Item children. */\n  size?: TabsSize;\n}\n\ntype TabsListProps = React.ComponentProps<typeof PrimitiveTabsList>;\n\ninterface TabsItemProps extends React.ComponentProps<\n  typeof PrimitiveTabsTrigger\n> {\n  /** Icon component, element, or class-name string rendered before the label. */\n  icon?: IconProp;\n}\n\ntype TabsContentProps = React.ComponentProps<typeof PrimitiveTabsContent>;\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(\n  ({ size = \"default\", children, ...props }, ref) => (\n    <TabsSizeContext.Provider value={size}>\n      <PrimitiveTabs ref={ref} {...props}>\n        {children}\n      </PrimitiveTabs>\n    </TabsSizeContext.Provider>\n  )\n);\nTabsRoot.displayName = \"Tabs\";\n\nconst TabsListComponent = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, ...props }, ref) => {\n    const size = useContext(TabsSizeContext);\n\n    return (\n      <PrimitiveTabsList\n        ref={ref}\n        className={cn(LIST_HEIGHT[size], className)}\n        {...props}\n      />\n    );\n  }\n);\nTabsListComponent.displayName = \"Tabs.List\";\n\nconst TabsItemComponent = forwardRef<HTMLButtonElement, TabsItemProps>(\n  ({ icon, className, children, ...otherProps }, ref) => {\n    const size = useContext(TabsSizeContext);\n\n    return (\n      <PrimitiveTabsTrigger\n        ref={ref}\n        className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n        {...otherProps}\n      >\n        {icon && renderIcon(icon, size === \"lg\" ? \"size-5\" : \"size-4\")}\n        {children}\n      </PrimitiveTabsTrigger>\n    );\n  }\n);\nTabsItemComponent.displayName = \"Tabs.Item\";\n\nconst TabsContentComponent = forwardRef<HTMLDivElement, TabsContentProps>(\n  (props, ref) => <PrimitiveTabsContent ref={ref} {...props} />\n);\nTabsContentComponent.displayName = \"Tabs.Content\";\n\nconst Tabs = Object.assign(TabsRoot, {\n  List: TabsListComponent,\n  Item: TabsItemComponent,\n  Content: TabsContentComponent,\n});\n\nexport { Tabs };\n"],"names":["createContext","forwardRef","jsx","PrimitiveTabs","useContext","PrimitiveTabsList","cn","jsxs","PrimitiveTabsTrigger","renderIcon","PrimitiveTabsContent"],"mappings":";;;;;;;;AAIO,MAAM,YAAA,GAAyC;AAAA,EACpD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,WAAA,GAAwC;AAAA,EACnD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,eAAA,GAAkBA,oBAAwB,SAAS,CAAA;;ACiBhE,MAAM,QAAA,GAAWC,gBAAA;AAAA,EACf,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,qBACzCC,cAAA,CAAC,gBAAgB,QAAA,EAAhB,EAAyB,OAAO,IAAA,EAC/B,QAAA,kBAAAA,cAAA,CAACC,wBAAc,GAAA,EAAW,GAAG,KAAA,EAC1B,QAAA,EACH,CAAA,EACF;AAEJ,CAAA;AACA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEvB,MAAM,iBAAA,GAAoBF,gBAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,MAAM,IAAA,GAAOG,iBAAW,eAAe,CAAA;AAEvC,IAAA,uBACEF,cAAA;AAAA,MAACG,wBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,QAAA,CAAG,WAAA,CAAY,IAAI,GAAG,SAAS,CAAA;AAAA,QACzC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,iBAAA,GAAoBL,gBAAA;AAAA,EACxB,CAAC,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,GAAG,UAAA,IAAc,GAAA,KAAQ;AACrD,IAAA,MAAM,IAAA,GAAOG,iBAAW,eAAe,CAAA;AAEvC,IAAA,uBACEG,eAAA;AAAA,MAACC,2BAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAWF,QAAA,CAAG,YAAA,CAAa,IAAI,CAAA,EAAG,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,QAC7D,GAAG,UAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,IAAQG,qBAAA,CAAW,IAAA,EAAM,IAAA,KAAS,IAAA,GAAO,WAAW,QAAQ,CAAA;AAAA,UAC5D;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,oBAAA,GAAuBR,gBAAA;AAAA,EAC3B,CAAC,KAAA,EAAO,GAAA,oCAASS,2BAAA,EAAA,EAAqB,GAAA,EAAW,GAAG,KAAA,EAAO;AAC7D,CAAA;AACA,oBAAA,CAAqB,WAAA,GAAc,cAAA;AAEnC,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU;AAAA,EACnC,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM,iBAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAC;;;;"}

package/dist/cjs/Textarea-yWv-66yX.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Field = require('./primitives/Field.js');
+var primitives_Textarea = require('./primitives/Textarea.js');
+
+const SIZE_ROWS = {
+  small: 1,
+  medium: 3,
+  large: 4
+};
+const SIZE_MIN_HEIGHT = {
+  small: "min-h-8",
+  medium: "min-h-20",
+  large: "min-h-28"
+};
+
+function getTrimmedValue(value, disableTrimOnBlur) {
+  if (disableTrimOnBlur || typeof value !== "string") return value;
+  return value.trim();
+}
+
+const Textarea = React.forwardRef(
+  ({
+    size = "medium",
+    resize = "vertical",
+    label = "",
+    error = "",
+    helpText = "",
+    disabled = false,
+    required = false,
+    maxLength,
+    unlimitedChars = false,
+    disableTrimOnBlur = false,
+    prefix,
+    suffix,
+    nakedTextarea = false,
+    labelProps,
+    className = "",
+    rows: rowsProp,
+    onBlur,
+    onChange,
+    value: controlledValue,
+    ...otherProps
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const [valueInternal, setValueInternal] = React.useState(controlledValue ?? "");
+    const isControlled = controlledValue !== void 0;
+    const value = isControlled ? controlledValue : valueInternal;
+    const valueLength = value?.toString().length || 0;
+    const isMaxLengthPresent = !!maxLength || maxLength === 0;
+    const isCharacterLimitVisible = isMaxLengthPresent && valueLength >= maxLength * 0.85;
+    const maxLengthError = unlimitedChars && valueLength > maxLength;
+    const rows = rowsProp ?? SIZE_ROWS[size];
+    const handleChange = (e) => {
+      if (!isControlled) {
+        setValueInternal(e.target.value);
+      }
+      onChange?.(e);
+    };
+    const handleBlur = (e) => {
+      const trimmedValue = getTrimmedValue(value ?? "", disableTrimOnBlur);
+      if (trimmedValue !== value) {
+        e.target.value = trimmedValue.toString();
+        handleChange(e);
+      }
+      onBlur?.(e);
+    };
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
+    const hasField = !!(label || error || helpText);
+    const textareaElement = /* @__PURE__ */ jsxRuntime.jsx(
+      primitives_Textarea.Textarea,
+      {
+        ref,
+        id,
+        rows,
+        disabled,
+        required,
+        "aria-invalid": !!error || void 0,
+        "aria-describedby": ariaDescribedBy,
+        className: utils.cn(
+          // Override shadcn's field-sizing-content and min-h-16 so rows works
+          "!field-sizing-normal",
+          SIZE_MIN_HEIGHT[size],
+          resize === "none" && "resize-none",
+          resize === "vertical" && "resize-y",
+          nakedTextarea && "border-transparent shadow-none px-0 py-0 focus-visible:border-transparent focus-visible:ring-0",
+          !!error && "border-destructive ring-destructive/20 ring-3"
+        ),
+        value,
+        onBlur: handleBlur,
+        onChange: handleChange,
+        ...isMaxLengthPresent && !unlimitedChars ? { maxLength } : {},
+        ...otherProps
+      }
+    );
+    const hasPrefixSuffix = !!(prefix || suffix);
+    const textareaWithAffixes = hasPrefixSuffix ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn(
+          "flex items-start gap-2 rounded-lg border border-input px-2.5 py-2 focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50",
+          !!error && "border-destructive ring-destructive/20 ring-3",
+          nakedTextarea && "border-transparent shadow-none"
+        ),
+        children: [
+          prefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 pt-0.5 text-muted-foreground", children: prefix }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            primitives_Textarea.Textarea,
+            {
+              ref,
+              id,
+              rows,
+              disabled,
+              required,
+              "aria-invalid": !!error || void 0,
+              "aria-describedby": ariaDescribedBy,
+              className: utils.cn(
+                "!field-sizing-normal border-0 p-0 shadow-none focus-visible:border-0 focus-visible:ring-0",
+                SIZE_MIN_HEIGHT[size],
+                resize === "none" && "resize-none",
+                resize === "vertical" && "resize-y"
+              ),
+              value,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              ...isMaxLengthPresent && !unlimitedChars ? { maxLength } : {},
+              ...otherProps
+            }
+          ),
+          suffix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 pt-0.5 text-muted-foreground", children: suffix })
+        ]
+      }
+    ) : textareaElement;
+    if (!hasField) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn(className), children: textareaWithAffixes });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Field.Field,
+      {
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          (label || isCharacterLimitVisible) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+            label && /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldLabel, { htmlFor: id, ...labelProps, children: [
+              label,
+              required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+            ] }),
+            isCharacterLimitVisible && /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: utils.cn(
+                  "text-xs tabular-nums",
+                  maxLengthError ? "text-destructive" : "text-muted-foreground"
+                ),
+                children: [
+                  valueLength,
+                  "/",
+                  maxLength
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
+            textareaWithAffixes,
+            !!error && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldError, { id: errorId, children: error }),
+            helpText && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;
+//# sourceMappingURL=Textarea-yWv-66yX.js.map

package/dist/cjs/Textarea-yWv-66yX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea-yWv-66yX.js","sources":["../../src/components/Textarea/constants.ts","../../src/components/Textarea/utils.ts","../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["type TextareaSize = \"small\" | \"medium\" | \"large\";\n\nconst SIZE_ROWS: Record<TextareaSize, number> = {\n  small: 1,\n  medium: 3,\n  large: 4,\n};\n\nconst SIZE_MIN_HEIGHT: Record<TextareaSize, string> = {\n  small: \"min-h-8\",\n  medium: \"min-h-20\",\n  large: \"min-h-28\",\n};\n\nexport { SIZE_ROWS, SIZE_MIN_HEIGHT };\nexport type { TextareaSize };\n","function getTrimmedValue(\n  value: string | number,\n  disableTrimOnBlur: boolean\n): string | number {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n  return value.trim();\n}\n\nexport { getTrimmedValue };\n","import React, { forwardRef, useId, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport { Textarea as PrimitiveTextarea } from \"src/primitives/Textarea\";\n\nimport { SIZE_ROWS, SIZE_MIN_HEIGHT } from \"./constants\";\nimport { getTrimmedValue } from \"./utils\";\n\nimport type { TextareaSize } from \"./constants\";\n\ntype TextareaResize = \"vertical\" | \"none\";\n\ntype PrimitiveTextareaProps = React.ComponentProps<typeof PrimitiveTextarea>;\n\nexport interface TextareaProps extends Omit<\n  PrimitiveTextareaProps,\n  \"size\" | \"children\" | \"prefix\" | \"value\"\n> {\n  /** Controlled value. */\n  value?: string | number;\n  /** Size of the textarea. Controls default rows: small=1, medium=3, large=4. */\n  size?: TextareaSize;\n  /** Resize behavior. */\n  resize?: TextareaResize;\n  /** Label displayed above the textarea. */\n  label?: string;\n  /** Error message displayed below the textarea. */\n  error?: string;\n  /** Help text displayed below the textarea. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Maximum character limit. Counter visible at 85% capacity. */\n  maxLength?: number;\n  /** Allow typing past maxLength, show error styling on count. */\n  unlimitedChars?: boolean;\n  /** Prevent trimming whitespace on blur. */\n  disableTrimOnBlur?: boolean;\n  /** Content to display before the textarea. */\n  prefix?: React.ReactNode;\n  /** Content to display after the textarea. */\n  suffix?: React.ReactNode;\n  /** Render the textarea without borders. */\n  nakedTextarea?: boolean;\n  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\nconst Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size = \"medium\",\n      resize = \"vertical\",\n      label = \"\",\n      error = \"\",\n      helpText = \"\",\n      disabled = false,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      disableTrimOnBlur = false,\n      prefix,\n      suffix,\n      nakedTextarea = false,\n      labelProps,\n      className = \"\",\n      rows: rowsProp,\n      onBlur,\n      onChange,\n      value: controlledValue,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    // Controlled / uncontrolled value tracking\n    const [valueInternal, setValueInternal] = useState(controlledValue ?? \"\");\n    const isControlled = controlledValue !== undefined;\n\n    const value = isControlled ? controlledValue : valueInternal;\n    const valueLength = value?.toString().length || 0;\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n    const isCharacterLimitVisible =\n      isMaxLengthPresent && valueLength >= maxLength! * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength!;\n\n    const rows = rowsProp ?? SIZE_ROWS[size];\n\n    // --- Handlers ---\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) {\n        setValueInternal(e.target.value);\n      }\n      onChange?.(e);\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {\n      const trimmedValue = getTrimmedValue(value ?? \"\", disableTrimOnBlur);\n\n      if (trimmedValue !== value) {\n        e.target.value = trimmedValue.toString();\n        handleChange(e as unknown as React.ChangeEvent<HTMLTextAreaElement>);\n      }\n\n      onBlur?.(e);\n    };\n\n    // --- aria-describedby ---\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    // --- Textarea element ---\n\n    const hasField = !!(label || error || helpText);\n\n    const textareaElement = (\n      <PrimitiveTextarea\n        ref={ref}\n        id={id}\n        rows={rows}\n        disabled={disabled}\n        required={required}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        className={cn(\n          // Override shadcn's field-sizing-content and min-h-16 so rows works\n          \"!field-sizing-normal\",\n          SIZE_MIN_HEIGHT[size],\n          resize === \"none\" && \"resize-none\",\n          resize === \"vertical\" && \"resize-y\",\n          nakedTextarea &&\n            \"border-transparent shadow-none px-0 py-0 focus-visible:border-transparent focus-visible:ring-0\",\n          !!error && \"border-destructive ring-destructive/20 ring-3\"\n        )}\n        value={value}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n        {...otherProps}\n      />\n    );\n\n    const hasPrefixSuffix = !!(prefix || suffix);\n\n    const textareaWithAffixes = hasPrefixSuffix ? (\n      <div\n        className={cn(\n          \"flex items-start gap-2 rounded-lg border border-input px-2.5 py-2 focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50\",\n          !!error && \"border-destructive ring-destructive/20 ring-3\",\n          nakedTextarea && \"border-transparent shadow-none\"\n        )}\n      >\n        {prefix && (\n          <div className=\"shrink-0 pt-0.5 text-muted-foreground\">{prefix}</div>\n        )}\n        <PrimitiveTextarea\n          ref={ref}\n          id={id}\n          rows={rows}\n          disabled={disabled}\n          required={required}\n          aria-invalid={!!error || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={cn(\n            \"!field-sizing-normal border-0 p-0 shadow-none focus-visible:border-0 focus-visible:ring-0\",\n            SIZE_MIN_HEIGHT[size],\n            resize === \"none\" && \"resize-none\",\n            resize === \"vertical\" && \"resize-y\"\n          )}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n          {...otherProps}\n        />\n        {suffix && (\n          <div className=\"shrink-0 pt-0.5 text-muted-foreground\">{suffix}</div>\n        )}\n      </div>\n    ) : (\n      textareaElement\n    );\n\n    if (!hasField) {\n      return <div className={cn(className)}>{textareaWithAffixes}</div>;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || isCharacterLimitVisible) && (\n          <div className=\"flex items-center justify-between\">\n            {label && (\n              <FieldLabel htmlFor={id} {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {isCharacterLimitVisible && (\n              <span\n                className={cn(\n                  \"text-xs tabular-nums\",\n                  maxLengthError ? \"text-destructive\" : \"text-muted-foreground\"\n                )}\n              >\n                {valueLength}/{maxLength}\n              </span>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {textareaWithAffixes}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"],"names":["forwardRef","useId","useState","jsx","PrimitiveTextarea","cn","jsxs","Field","FieldLabel","FieldContent","FieldError","FieldDescription"],"mappings":"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"}