@bigbinary/neeto-atoms 1.0.36 → 1.0.38

package/dist/{Spinner-C8HSac-2.js.map → Spinner-DgV3mILN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Spinner-C8HSac-2.js","sources":["../src/components/Spinner/constants.ts","../src/components/Spinner/Spinner.tsx"],"sourcesContent":["export const SIZE_CONFIG: Record<\"sm\" | \"default\" | \"lg\" | \"xl\", string> = {\n  sm: \"size-3\",\n  default: \"size-4\",\n  lg: \"size-6\",\n  xl: \"size-8\",\n};\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Spinner as PrimitiveSpinner } from \"src/primitives/Spinner\";\n\nexport interface SpinnerProps extends React.ComponentProps<\n  typeof PrimitiveSpinner\n> {\n  /** Size variant of the spinner. */\n  size?: \"sm\" | \"default\" | \"lg\" | \"xl\";\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nimport { SIZE_CONFIG } from \"./constants\";\n\nconst Spinner = forwardRef<SVGSVGElement, SpinnerProps>(\n  ({ size = \"default\", className, ...otherProps }, ref) => (\n    <PrimitiveSpinner\n      ref={ref}\n      className={cn(SIZE_CONFIG[size], className)}\n      {...otherProps}\n    />\n  )\n);\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner };\n"],"names":["_jsx","PrimitiveSpinner"],"mappings":";;;;;AAAO,MAAM,WAAW,GAAmD;AACzE,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,QAAQ;CACb;;ACWD,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,MAClDA,GAAA,CAACC,SAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GACvC,UAAU,EAAA,CACd,CACH;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Spinner-DgV3mILN.js","sources":["../src/components/Spinner/constants.ts","../src/components/Spinner/Spinner.tsx"],"sourcesContent":["export const SIZE_CONFIG: Record<\"sm\" | \"default\" | \"lg\" | \"xl\", string> = {\n  sm: \"size-3\",\n  default: \"size-4\",\n  lg: \"size-6\",\n  xl: \"size-8\",\n};\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Spinner as PrimitiveSpinner } from \"src/primitives/Spinner\";\n\nexport interface SpinnerProps extends React.ComponentProps<\n  typeof PrimitiveSpinner\n> {\n  /** Size variant of the spinner. */\n  size?: \"sm\" | \"default\" | \"lg\" | \"xl\";\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nimport { SIZE_CONFIG } from \"./constants\";\n\nconst Spinner = forwardRef<SVGSVGElement, SpinnerProps>(\n  ({ size = \"default\", className, ...otherProps }, ref) => (\n    <PrimitiveSpinner\n      ref={ref}\n      className={cn(SIZE_CONFIG[size], className)}\n      {...otherProps}\n    />\n  )\n);\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner };\n"],"names":["PrimitiveSpinner"],"mappings":";;;;;AAAO,MAAM,WAAA,GAA8D;AAAA,EACzE,EAAA,EAAI,QAAA;AAAA,EACJ,OAAA,EAAS,QAAA;AAAA,EACT,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;;ACWA,MAAM,OAAA,GAAU,UAAA;AAAA,EACd,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,WAAW,GAAG,UAAA,IAAc,GAAA,qBAC/C,GAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,WAAA,CAAY,IAAI,GAAG,SAAS,CAAA;AAAA,MACzC,GAAG;AAAA;AAAA;AAGV;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}

package/dist/Stepper-7OpfOfas.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default, { forwardRef } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { C as Check } from './check-Cpkv29p1.js';
+
+const Stepper = forwardRef(
+  ({
+    steps,
+    activeIndex = 0,
+    onStepClick,
+    className,
+    orientation = "horizontal"
+  }, ref) => {
+    const isHorizontal = orientation === "horizontal";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "list",
+        "aria-label": "Progress",
+        className: 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__ */ jsx(
+            "span",
+            {
+              className: 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__ */ jsx(Check, { className: "size-3.5", "aria-hidden": "true" }) : index + 1
+            }
+          );
+          const stepContent = /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex min-w-0",
+                isHorizontal ? "flex-row items-center gap-2" : "flex-row items-center gap-3"
+              ),
+              children: [
+                isClickable ? /* @__PURE__ */ 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__ */ jsx("span", { "aria-current": isActive ? "step" : void 0, children: indicator }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: 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__ */ jsx(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: 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__ */ jsxs(React__default.Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "listitem",
+                className: cn(
+                  "flex min-w-0",
+                  isHorizontal ? "shrink-0" : "flex-col"
+                ),
+                children: stepContent
+              }
+            ),
+            connector
+          ] }, step.id);
+        })
+      }
+    );
+  }
+);
+Stepper.displayName = "Stepper";
+
+export { Stepper as S };
+//# sourceMappingURL=Stepper-7OpfOfas.js.map

package/dist/{Stepper-BoGkmkY0.js.map → Stepper-7OpfOfas.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Stepper-BoGkmkY0.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":["_jsx","CheckIcon","_jsxs","React"],"mappings":";;;;;AAkBA,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EACE,KAAK,EACL,WAAW,GAAG,CAAC,EACf,WAAW,EACX,SAAS,EACT,WAAW,GAAG,YAAY,GAC3B,EACD,GAAG,KACD;AACF,IAAA,MAAM,YAAY,GAAG,WAAW,KAAK,YAAY;AAEjD,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EAAA,YAAA,EACA,UAAU,EACrB,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,YAAY,GAAG,uBAAuB,GAAG,sBAAsB,EAC/D,SAAS,CACV,EAAA,QAAA,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzB,YAAA,MAAM,WAAW,GAAG,KAAK,GAAG,WAAW;AACvC,YAAA,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW;YACtC,MAAM,WAAW,GAAG,CAAC,WAAW,IAAI,QAAQ,KAAK,CAAC,CAAC,WAAW;YAC9D,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;AAEzC,YAAA,MAAM,SAAS,IACbA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,gHAAgH,EAChH,WAAW,IAAI,oCAAoC,EACnD,QAAQ;oBACN,6FAA6F,EAC/F,CAAC,WAAW;AACV,oBAAA,CAAC,QAAQ;oBACT,gDAAgD,CACnD,EAAA,QAAA,EAEA,WAAW,IACVA,GAAA,CAACC,KAAS,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA,aAAA,EAAa,MAAM,EAAA,CAAG,KAErD,KAAK,GAAG,CAAC,CACV,EAAA,CACI,CACR;YAED,MAAM,WAAW,IACfC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,cAAc,EACd;AACE,sBAAE;AACF,sBAAE,6BAA6B,CAClC,aAEA,WAAW,IACVF,gBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,WAAW,CAAC,KAAK,CAAC,EAAA,cAAA,EACnB,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC3C,SAAS,EAAC,+GAA+G,EAAA,QAAA,EAExH,SAAS,GACH,KAETA,GAAA,CAAA,MAAA,EAAA,EAAA,cAAA,EAAoB,QAAQ,GAAG,MAAM,GAAG,SAAS,EAAA,QAAA,EAC9C,SAAS,EAAA,CACL,CACR,EACDA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,QAAQ,IAAI,6BAA6B,EACzC,WAAW,IAAI,iBAAiB,EAChC,CAAC,WAAW,IAAI,CAAC,QAAQ,IAAI,uBAAuB,CACrD,YAEA,IAAI,CAAC,KAAK,EAAA,CACN,CAAA,EAAA,CACH,CACP;AAED,YAAA,MAAM,SAAS,GAAG,CAAC,MAAM,KACvBA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB;AACE,sBAAE;AACF,sBAAE,2CAA2C,EAC/C,WAAW,GAAG,gBAAgB,GAAG,6BAA6B,CAC/D,EAAA,CACD,CACH;AAED,YAAA,QACEE,IAAA,CAACC,cAAK,CAAC,QAAQ,eACbH,GAAA,CAAA,KAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,EAAE,CACX,cAAc,EACd,YAAY,GAAG,UAAU,GAAG,UAAU,CACvC,EAAA,QAAA,EAEA,WAAW,EAAA,CACR,EACL,SAAS,CAAA,EAAA,EAVS,IAAI,CAAC,EAAE,CAWX;QAErB,CAAC,CAAC,EAAA,CACE;AAEV,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Stepper-7OpfOfas.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":["CheckIcon","React"],"mappings":"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"}

package/dist/Switch-OAB7pfNn.js

@@ -0,0 +1,82 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId } from 'react';
+import { Switch as Switch$1 } from './primitives/Switch.js';
+import { Label } from './primitives/Label.js';
+import { c as cn } from './utils-BJnb9o5c.js';
+
+const Switch = forwardRef(
+  ({
+    label,
+    error,
+    helpText,
+    required = false,
+    className,
+    size = "default",
+    disabled,
+    id: idProp,
+    ...otherProps
+  }, ref) => {
+    const generatedId = 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__ */ jsxs(
+      "div",
+      {
+        className: cn("inline-flex flex-col gap-1.5", className),
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "inline-flex gap-2",
+                helpText ? "items-start" : "items-center"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Switch$1,
+                  {
+                    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__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+                  label && /* @__PURE__ */ jsxs(
+                    Label,
+                    {
+                      htmlFor: id,
+                      className: cn(
+                        "cursor-pointer",
+                        disabled && "cursor-not-allowed opacity-50"
+                      ),
+                      children: [
+                        label,
+                        required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+                      ]
+                    }
+                  ),
+                  helpText && /* @__PURE__ */ jsx("p", { id: helpTextId, className: "text-sm text-muted-foreground", children: helpText })
+                ] })
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-xs text-destructive", children: error })
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+
+export { Switch as S };
+//# sourceMappingURL=Switch-OAB7pfNn.js.map

package/dist/{Switch-B83TGxJ_.js.map → Switch-OAB7pfNn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Switch-B83TGxJ_.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":["_jsxs","_jsx","PrimitiveSwitch"],"mappings":";;;;;;AAwBA,MAAM,MAAM,GAAG,UAAU,CAIvB,CACE,EACE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,GAAG,UAAU,EACd,EACD,GAAG,KACD;AACF,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;AAC3B,IAAA,MAAM,EAAE,GAAG,MAAM,IAAI,WAAW;AAChC,IAAA,MAAM,OAAO,GAAG,CAAA,MAAA,EAAS,EAAE,EAAE;AAC7B,IAAA,MAAM,UAAU,GAAG,CAAA,SAAA,EAAY,EAAE,EAAE;IAEnC,MAAM,eAAe,GACnB,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,IAAI;SAClD,MAAM,CAAC,OAAO;AACd,SAAA,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;AAE3B,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,EAAA,eAAA,EACzC,QAAQ,IAAI,SAAS,kBACtB,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,QAAA,EAAA,CAElCA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,QAAQ,GAAG,aAAa,GAAG,cAAc,CAC1C,EAAA,QAAA,EAAA,CAEDC,IAACC,QAAe,EAAA,EACd,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,kBAAA,EAChB,eAAe,EAAA,eAAA,EAClB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,KACtC,UAAU,EAAA,CACd,EACD,CAAC,KAAK,IAAI,QAAQ,MACjBF,cAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACnC,KAAK,KACJA,KAAC,KAAK,EAAA,EACJ,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,QAAQ,IAAI,+BAA+B,CAC5C,aAEA,KAAK,EACL,QAAQ,KACPC,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACK,CACT,EACA,QAAQ,KACPA,GAAA,CAAA,GAAA,EAAA,EAAG,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,+BAA+B,EAAA,QAAA,EACzD,QAAQ,GACP,CACL,CAAA,EAAA,CACG,CACP,CAAA,EAAA,CACG,EACL,KAAK,KACJA,GAAA,CAAA,GAAA,EAAA,EAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAC9D,KAAK,GACJ,CACL,CAAA,EAAA,CACG;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Switch-OAB7pfNn.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":["PrimitiveSwitch"],"mappings":";;;;;;AAwBA,MAAM,MAAA,GAAS,UAAA;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,cAAc,KAAA,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,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,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,0BAAA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,mBAAA;AAAA,gBACA,WAAW,aAAA,GAAgB;AAAA,eAC7B;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAACA,QAAA;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,qBACT,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uBAAA,EACZ,QAAA,EAAA;AAAA,kBAAA,KAAA,oBACC,IAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,OAAA,EAAS,EAAA;AAAA,sBACT,SAAA,EAAW,EAAA;AAAA,wBACT,gBAAA;AAAA,wBACA,QAAA,IAAY;AAAA,uBACd;AAAA,sBAEC,QAAA,EAAA;AAAA,wBAAA,KAAA;AAAA,wBACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD;AAAA;AAAA;AAAA,mBAEJ;AAAA,kBAED,4BACC,GAAA,CAAC,GAAA,EAAA,EAAE,IAAI,UAAA,EAAY,SAAA,EAAU,iCAC1B,QAAA,EAAA,QAAA,EACH;AAAA,iBAAA,EAEJ;AAAA;AAAA;AAAA,WAEJ;AAAA,UACC,KAAA,wBACE,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/Tabs-DTbbJITd.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, forwardRef, useContext } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { r as renderIcon } from './renderIcon-C6twJSqH.js';
+import { Tabs as Tabs$1, TabsList, TabsTrigger, TabsContent } from './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 = createContext("default");
+
+const TabsRoot = forwardRef(
+  ({ size = "default", children, ...props }, ref) => /* @__PURE__ */ jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(Tabs$1, { ref, ...props, children }) })
+);
+TabsRoot.displayName = "Tabs";
+const TabsListComponent = forwardRef(
+  ({ className, ...props }, ref) => {
+    const size = useContext(TabsSizeContext);
+    return /* @__PURE__ */ jsx(
+      TabsList,
+      {
+        ref,
+        className: cn(LIST_HEIGHT[size], className),
+        ...props
+      }
+    );
+  }
+);
+TabsListComponent.displayName = "Tabs.List";
+const TabsItemComponent = forwardRef(
+  ({ icon, className, children, ...otherProps }, ref) => {
+    const size = useContext(TabsSizeContext);
+    return /* @__PURE__ */ jsxs(
+      TabsTrigger,
+      {
+        ref,
+        className: cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
+        ...otherProps,
+        children: [
+          icon && renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
+          children
+        ]
+      }
+    );
+  }
+);
+TabsItemComponent.displayName = "Tabs.Item";
+const TabsContentComponent = forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(TabsContent, { ref, ...props })
+);
+TabsContentComponent.displayName = "Tabs.Content";
+const Tabs = Object.assign(TabsRoot, {
+  List: TabsListComponent,
+  Item: TabsItemComponent,
+  Content: TabsContentComponent
+});
+
+export { Tabs as T };
+//# sourceMappingURL=Tabs-DTbbJITd.js.map

package/dist/{Tabs-DWfKnl3S.js.map → Tabs-DTbbJITd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Tabs-DWfKnl3S.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":["_jsx","PrimitiveTabs","PrimitiveTabsList","_jsxs","PrimitiveTabsTrigger","PrimitiveTabsContent"],"mappings":";;;;;;AAIO,MAAM,YAAY,GAA6B;AACpD,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,EAAE,EAAE,yBAAyB;CAC9B;AAEM,MAAM,WAAW,GAA6B;AACnD,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,EAAE,EAAE,iCAAiC;CACtC;AAEM,MAAM,eAAe,GAAG,aAAa,CAAW,SAAS,CAAC;;ACiBjE,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC5CA,GAAA,CAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAA,QAAA,EACnCA,GAAA,CAACC,MAAa,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,QAAA,EAC/B,QAAQ,GACK,EAAA,CACS,CAC5B,CACF;AACD,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC/B,IAAA,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CAAC;IAExC,QACED,IAACE,QAAiB,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GACvC,KAAK,EAAA,CACT;AAEN,CAAC,CACF;AACD,iBAAiB,CAAC,WAAW,GAAG,WAAW;AAE3C,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACpD,IAAA,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CAAC;IAExC,QACEC,KAACC,WAAoB,EAAA,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,SAAS,EAAE,SAAS,CAAC,EAAA,GAC3D,UAAU,EAAA,QAAA,EAAA,CAEb,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAC7D,QAAQ,CAAA,EAAA,CACY;AAE3B,CAAC,CACF;AACD,iBAAiB,CAAC,WAAW,GAAG,WAAW;AAE3C,MAAM,oBAAoB,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,KAAKJ,GAAA,CAACK,WAAoB,IAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI,CAC9D;AACD,oBAAoB,CAAC,WAAW,GAAG,cAAc;AAEjD,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AACnC,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,OAAO,EAAE,oBAAoB;AAC9B,CAAA;;;;"}
+{"version":3,"file":"Tabs-DTbbJITd.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":["PrimitiveTabs","PrimitiveTabsList","PrimitiveTabsTrigger","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,GAAkB,cAAwB,SAAS,CAAA;;ACiBhE,MAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,qBACzC,GAAA,CAAC,gBAAgB,QAAA,EAAhB,EAAyB,OAAO,IAAA,EAC/B,QAAA,kBAAA,GAAA,CAACA,UAAc,GAAA,EAAW,GAAG,KAAA,EAC1B,QAAA,EACH,CAAA,EACF;AAEJ,CAAA;AACA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEvB,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,MAAM,IAAA,GAAO,WAAW,eAAe,CAAA;AAEvC,IAAA,uBACE,GAAA;AAAA,MAACC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,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,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,GAAG,UAAA,IAAc,GAAA,KAAQ;AACrD,IAAA,MAAM,IAAA,GAAO,WAAW,eAAe,CAAA;AAEvC,IAAA,uBACE,IAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,YAAA,CAAa,IAAI,CAAA,EAAG,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,QAC7D,GAAG,UAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,IAAQ,UAAA,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,GAAuB,UAAA;AAAA,EAC3B,CAAC,KAAA,EAAO,GAAA,yBAASC,WAAA,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/Textarea-B2Uhx-Yy.js

@@ -0,0 +1,181 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useId, useState } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from './primitives/Field.js';
+import { Textarea as Textarea$1 } from './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 = 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 = useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const [valueInternal, setValueInternal] = 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__ */ jsx(
+      Textarea$1,
+      {
+        ref,
+        id,
+        rows,
+        disabled,
+        required,
+        "aria-invalid": !!error || void 0,
+        "aria-describedby": ariaDescribedBy,
+        className: 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__ */ jsxs(
+      "div",
+      {
+        className: 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__ */ jsx("div", { className: "shrink-0 pt-0.5 text-muted-foreground", children: prefix }),
+          /* @__PURE__ */ jsx(
+            Textarea$1,
+            {
+              ref,
+              id,
+              rows,
+              disabled,
+              required,
+              "aria-invalid": !!error || void 0,
+              "aria-describedby": ariaDescribedBy,
+              className: 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__ */ jsx("div", { className: "shrink-0 pt-0.5 text-muted-foreground", children: suffix })
+        ]
+      }
+    ) : textareaElement;
+    if (!hasField) {
+      return /* @__PURE__ */ jsx("div", { className: cn(className), children: textareaWithAffixes });
+    }
+    return /* @__PURE__ */ jsxs(
+      Field,
+      {
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          (label || isCharacterLimitVisible) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            label && /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+            ] }),
+            isCharacterLimitVisible && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "text-xs tabular-nums",
+                  maxLengthError ? "text-destructive" : "text-muted-foreground"
+                ),
+                children: [
+                  valueLength,
+                  "/",
+                  maxLength
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(FieldContent, { children: [
+            textareaWithAffixes,
+            !!error && /* @__PURE__ */ jsx(FieldError, { id: errorId, children: error }),
+            helpText && /* @__PURE__ */ jsx(FieldDescription, { id: helpTextId, children: helpText })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea as T };
+//# sourceMappingURL=Textarea-B2Uhx-Yy.js.map