@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133-beta2

package/dist/cjs/Slider-DIUSlx_m.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var primitives_Slider = require('./primitives/Slider.js');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Field = require('./primitives/Field.js');
+var fieldIds = require('./fieldIds-DiVU6GVS.js');
+
+const toArray = (value) => {
+  if (value === void 0) return void 0;
+  return Array.isArray(value) ? value : [value];
+};
+const Slider = React.forwardRef(
+  ({
+    label,
+    error,
+    helpText,
+    required = false,
+    className,
+    labelProps,
+    dataTestId,
+    disabled,
+    id: idProp,
+    value,
+    defaultValue,
+    onValueChange,
+    onValueCommit,
+    ...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;
+    const hasField = !!(label || error || helpText);
+    const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
+    const inputShapeIsScalar = value !== void 0 ? !Array.isArray(value) : defaultValue !== void 0 ? !Array.isArray(defaultValue) : false;
+    const unwrap = React.useCallback(
+      (next) => inputShapeIsScalar ? next[0] : next,
+      [inputShapeIsScalar]
+    );
+    const handleValueChange = React.useCallback(
+      (next) => onValueChange?.(unwrap(next)),
+      [onValueChange, unwrap]
+    );
+    const handleValueCommit = React.useCallback(
+      (next) => onValueCommit?.(unwrap(next)),
+      [onValueCommit, unwrap]
+    );
+    const slider = /* @__PURE__ */ jsxRuntime.jsx(
+      primitives_Slider.Slider,
+      {
+        ref,
+        id,
+        disabled,
+        "aria-invalid": !!error || void 0,
+        "aria-describedby": ariaDescribedBy,
+        "aria-label": !label ? void 0 : label,
+        className: utils.cn(!hasField && className),
+        value: toArray(value),
+        defaultValue: toArray(defaultValue),
+        onValueChange: onValueChange ? handleValueChange : void 0,
+        onValueCommit: onValueCommit ? handleValueCommit : void 0,
+        ...otherProps
+      }
+    );
+    if (!hasField) {
+      return slider;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Field.Field,
+      {
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsxs(
+            primitives_Field.FieldLabel,
+            {
+              htmlFor: id,
+              "data-testid": `${testIdPrefix}-slider-label`,
+              ...labelProps,
+              children: [
+                label,
+                required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
+            slider,
+            !!error && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Field.FieldError,
+              {
+                id: errorId,
+                "data-testid": `${testIdPrefix}-input-error`,
+                children: error
+              }
+            ),
+            helpText && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Field.FieldDescription,
+              {
+                id: helpTextId,
+                "data-testid": `${testIdPrefix}-input-help`,
+                children: helpText
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+Slider.displayName = "Slider";
+
+exports.Slider = Slider;
+//# sourceMappingURL=Slider-DIUSlx_m.js.map

package/dist/cjs/Slider-DIUSlx_m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-DIUSlx_m.js","sources":["../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useId } from \"react\";\n\nimport { Slider as PrimitiveSlider } from \"src/primitives/Slider\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport { buildTestIdPrefix } from \"src/utils/fieldIds\";\n\ntype SliderValue = number | number[];\n\ntype PrimitiveSliderProps = React.ComponentProps<typeof PrimitiveSlider>;\n\nexport interface SliderProps extends Omit<\n  PrimitiveSliderProps,\n  \"value\" | \"defaultValue\" | \"onValueChange\" | \"onValueCommit\"\n> {\n  /** Current value. Pass a number for a single-thumb slider or an array for a range slider. */\n  value?: SliderValue;\n  /** Default value (uncontrolled). Shape mirrors `value`. */\n  defaultValue?: SliderValue;\n  /** Called on every change. Emits a number if `value`/`defaultValue` was a number, an array otherwise. */\n  onValueChange?: (value: SliderValue) => void;\n  /** Called when the user stops dragging. Emits a number if `value`/`defaultValue` was a number, an array otherwise. */\n  onValueCommit?: (value: SliderValue) => void;\n  /** Label displayed above the slider. */\n  label?: string;\n  /** Error message displayed below the slider. */\n  error?: string;\n  /** Help text displayed below the slider. 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  /** Props forwarded to the FieldLabel element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Prefix for the field's testid family(slider-label, input-error, input-help). Falls back to the hyphenized label. */\n  dataTestId?: string;\n}\n\nconst toArray = (value: SliderValue | undefined): number[] | undefined => {\n  if (value === undefined) return undefined;\n  return Array.isArray(value) ? value : [value];\n};\n\nconst Slider = forwardRef<\n  React.ComponentRef<typeof PrimitiveSlider>,\n  SliderProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      className,\n      labelProps,\n      dataTestId,\n      disabled,\n      id: idProp,\n      value,\n      defaultValue,\n      onValueChange,\n      onValueCommit,\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    const hasField = !!(label || error || helpText);\n    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\n\n    const inputShapeIsScalar =\n      value !== undefined\n        ? !Array.isArray(value)\n        : defaultValue !== undefined\n          ? !Array.isArray(defaultValue)\n          : false;\n\n    const unwrap = useCallback(\n      (next: number[]): SliderValue =>\n        inputShapeIsScalar ? (next[0] as number) : next,\n      [inputShapeIsScalar]\n    );\n\n    const handleValueChange = useCallback(\n      (next: number[]) => onValueChange?.(unwrap(next)),\n      [onValueChange, unwrap]\n    );\n\n    const handleValueCommit = useCallback(\n      (next: number[]) => onValueCommit?.(unwrap(next)),\n      [onValueCommit, unwrap]\n    );\n\n    const slider = (\n      <PrimitiveSlider\n        ref={ref}\n        id={id}\n        disabled={disabled}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-label={!label ? undefined : label}\n        className={cn(!hasField && className)}\n        value={toArray(value)}\n        defaultValue={toArray(defaultValue)}\n        onValueChange={onValueChange ? handleValueChange : undefined}\n        onValueCommit={onValueCommit ? handleValueCommit : undefined}\n        {...otherProps}\n      />\n    );\n\n    if (!hasField) {\n      return slider;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel\n            htmlFor={id}\n            data-testid={`${testIdPrefix}-slider-label`}\n            {...labelProps}\n          >\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {slider}\n          {!!error && (\n            <FieldError\n              id={errorId}\n              data-testid={`${testIdPrefix}-input-error`}\n            >\n              {error}\n            </FieldError>\n          )}\n          {helpText && (\n            <FieldDescription\n              id={helpTextId}\n              data-testid={`${testIdPrefix}-input-help`}\n            >\n              {helpText}\n            </FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nSlider.displayName = \"Slider\";\n\nexport { Slider };\n"],"names":["forwardRef","useId","buildTestIdPrefix","useCallback","jsx","PrimitiveSlider","cn","jsxs","Field","FieldLabel","FieldContent","FieldError","FieldDescription"],"mappings":"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"}

package/dist/cjs/Spinner-DRoghJA8.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Spinner = require('./primitives/Spinner.js');
+
+const SIZE_CONFIG = {
+  sm: "size-3",
+  default: "size-4",
+  lg: "size-6",
+  xl: "size-8"
+};
+
+const Spinner = React.forwardRef(
+  ({ size = "default", className, ...otherProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    primitives_Spinner.Spinner,
+    {
+      ref,
+      className: utils.cn(SIZE_CONFIG[size], className),
+      "data-testid": "neeto-ui-spinner",
+      ...otherProps
+    }
+  )
+);
+Spinner.displayName = "Spinner";
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinner-DRoghJA8.js.map

package/dist/cjs/Spinner-DRoghJA8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-DRoghJA8.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      data-testid=\"neeto-ui-spinner\"\n      {...otherProps}\n    />\n  )\n);\n\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner };\n"],"names":["forwardRef","jsx","PrimitiveSpinner","cn"],"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,GAAUA,gBAAA;AAAA,EACd,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,WAAW,GAAG,UAAA,IAAc,GAAA,qBAC/CC,cAAA;AAAA,IAACC,0BAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,QAAA,CAAG,WAAA,CAAY,IAAI,GAAG,SAAS,CAAA;AAAA,MAC1C,aAAA,EAAY,kBAAA;AAAA,MACX,GAAG;AAAA;AAAA;AAGV;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;;"}

package/dist/cjs/Stepper-BZBdL6JW.js

@@ -0,0 +1,117 @@
+'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",
+                    "data-testid": "stepper-navigation-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",
+                "data-testid": `stepper-item-${step.id}`,
+                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-BZBdL6JW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper-BZBdL6JW.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                  data-testid=\"stepper-navigation-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                data-testid={`stepper-item-${step.id}`}\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":"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"}

package/dist/cjs/Switch-BbRK3HUZ.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var primitives_Field = require('./primitives/Field.js');
+var primitives_Switch = require('./primitives/Switch.js');
+var utils = require('./utils-BhM0B89p.js');
+var fieldIds = require('./fieldIds-DiVU6GVS.js');
+
+const Switch = React.forwardRef(
+  ({
+    label,
+    error,
+    helpText,
+    required = false,
+    className,
+    size = "default",
+    disabled,
+    id: idProp,
+    labelProps,
+    dataTestId,
+    ...otherProps
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = idProp ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
+    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,
+        "data-testid": "nui-switch-wrapper",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils.cn(
+                "relative inline-flex gap-2",
+                helpText ? "items-start" : "items-center"
+              ),
+              "data-testid": `${testIdPrefix}-switch`,
+              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,
+                    "data-testid": "nui-switch-item",
+                    ...otherProps
+                  }
+                ),
+                (label || helpText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+                  label && /* @__PURE__ */ jsxRuntime.jsxs(
+                    primitives_Field.FieldLabel,
+                    {
+                      htmlFor: id,
+                      "data-testid": `${testIdPrefix.replace(/[^a-z0-9-]/gi, "")}-switch-label`,
+                      ...labelProps,
+                      className: utils.cn(
+                        "cursor-pointer",
+                        disabled && "cursor-not-allowed opacity-50",
+                        labelProps?.className
+                      ),
+                      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",
+              "data-testid": `${testIdPrefix}-switch-error`,
+              children: error
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+
+exports.Switch = Switch;
+//# sourceMappingURL=Switch-BbRK3HUZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-BbRK3HUZ.js","sources":["../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { FieldLabel } from \"src/primitives/Field\";\nimport { Switch as PrimitiveSwitch } from \"src/primitives/Switch\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { buildTestIdPrefix } from \"src/utils/fieldIds\";\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  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Prefix for the field's testid family(switch, switch-label, switch-error). Falls back to the hyphenized label. */\n  dataTestId?: string;\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      labelProps,\n      dataTestId,\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    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\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        data-testid=\"nui-switch-wrapper\"\n      >\n        {/* relative contains Radix's hidden form input (an absolutely\n            positioned sibling of the switch button); without a positioned\n            ancestor it resolves against the document and can inflate the\n            page's scroll height. */}\n        <div\n          className={cn(\n            \"relative inline-flex gap-2\",\n            helpText ? \"items-start\" : \"items-center\"\n          )}\n          data-testid={`${testIdPrefix}-switch`}\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            data-testid=\"nui-switch-item\"\n            {...otherProps}\n          />\n          {(label || helpText) && (\n            <div className=\"flex flex-col gap-0.5\">\n              {label && (\n                <FieldLabel\n                  htmlFor={id}\n                  data-testid={`${testIdPrefix.replace(/[^a-z0-9-]/gi, \"\")}-switch-label`}\n                  {...labelProps}\n                  className={cn(\n                    \"cursor-pointer\",\n                    disabled && \"cursor-not-allowed opacity-50\",\n                    labelProps?.className\n                  )}\n                >\n                  {label}\n                  {required && (\n                    <span aria-hidden=\"true\" className=\"text-destructive\">\n                      *\n                    </span>\n                  )}\n                </FieldLabel>\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\n            id={errorId}\n            role=\"alert\"\n            className=\"text-xs text-destructive\"\n            data-testid={`${testIdPrefix}-switch-error`}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch };\n"],"names":["forwardRef","useId","buildTestIdPrefix","jsxs","cn","jsx","PrimitiveSwitch","FieldLabel"],"mappings":";;;;;;;;;AA6BA,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,UAAA;AAAA,IACA,UAAA;AAAA,IACA,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;AACjC,IAAA,MAAM,YAAA,GAAeC,0BAAA,CAAkB,UAAA,EAAY,KAAK,CAAA;AAExD,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,QACzB,aAAA,EAAY,oBAAA;AAAA,QAMZ,QAAA,EAAA;AAAA,0BAAAD,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWC,QAAA;AAAA,gBACT,4BAAA;AAAA,gBACA,WAAW,aAAA,GAAgB;AAAA,eAC7B;AAAA,cACA,aAAA,EAAa,GAAG,YAAY,CAAA,OAAA,CAAA;AAAA,cAE5B,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,oBACjC,aAAA,EAAY,iBAAA;AAAA,oBACX,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,2BAAA;AAAA,oBAAA;AAAA,sBACC,OAAA,EAAS,EAAA;AAAA,sBACT,eAAa,CAAA,EAAG,YAAA,CAAa,OAAA,CAAQ,cAAA,EAAgB,EAAE,CAAC,CAAA,aAAA,CAAA;AAAA,sBACvD,GAAG,UAAA;AAAA,sBACJ,SAAA,EAAWH,QAAA;AAAA,wBACT,gBAAA;AAAA,wBACA,QAAA,IAAY,+BAAA;AAAA,wBACZ,UAAA,EAAY;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,oBACCA,cAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,OAAA;AAAA,cACJ,IAAA,EAAK,OAAA;AAAA,cACL,SAAA,EAAU,0BAAA;AAAA,cACV,aAAA,EAAa,GAAG,YAAY,CAAA,aAAA,CAAA;AAAA,cAE3B,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/dist/cjs/Tabs-BQl63Ewe.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactRouterDom = require('react-router-dom');
+var utils = require('./utils-BhM0B89p.js');
+var renderIcon = require('./renderIcon-BRrpZu9a.js');
+var hyphenize = require('./hyphenize-BTrVNVv3.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, "data-testid": "tab-container", ...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, to, dataTestid, ...otherProps }, ref) => {
+    const size = React.useContext(TabsSizeContext);
+    const testId = dataTestid ?? (otherProps.value != null ? `${hyphenize.hyphenize(String(otherProps.value))}-tab` : void 0);
+    const content = icon ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      renderIcon.renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
+      children
+    ] }) : children;
+    if (to !== void 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Tabs.TabsTrigger,
+        {
+          asChild: true,
+          ref,
+          className: utils.cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
+          "data-testid": testId,
+          ...otherProps,
+          children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to, children: content })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      primitives_Tabs.TabsTrigger,
+      {
+        ref,
+        className: utils.cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
+        "data-testid": testId,
+        ...otherProps,
+        children: content
+      }
+    );
+  }
+);
+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-BQl63Ewe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs-BQl63Ewe.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\";\nimport { Link } from \"react-router-dom\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { hyphenize } from \"src/utils/hyphenize\";\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 LinkTo = React.ComponentProps<typeof Link>[\"to\"];\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  /** When set, the trigger renders as a react-router-dom Link to this path. */\n  to?: LinkTo;\n  /** Custom data-testid attribute. Defaults to `${hyphenize(value)}-tab`. */\n  dataTestid?: string;\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} data-testid=\"tab-container\" {...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, to, dataTestid, ...otherProps }, ref) => {\n    const size = useContext(TabsSizeContext);\n    const testId =\n      dataTestid ??\n      (otherProps.value != null\n        ? `${hyphenize(String(otherProps.value))}-tab`\n        : undefined);\n    const content = icon ? (\n      <>\n        {renderIcon(icon, size === \"lg\" ? \"size-5\" : \"size-4\")}\n        {children}\n      </>\n    ) : (\n      children\n    );\n\n    if (to !== undefined) {\n      return (\n        <PrimitiveTabsTrigger\n          asChild\n          ref={ref}\n          className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n          data-testid={testId}\n          {...otherProps}\n        >\n          <Link to={to}>{content}</Link>\n        </PrimitiveTabsTrigger>\n      );\n    }\n\n    return (\n      <PrimitiveTabsTrigger\n        ref={ref}\n        className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n        data-testid={testId}\n        {...otherProps}\n      >\n        {content}\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","hyphenize","jsxs","Fragment","renderIcon","PrimitiveTabsTrigger","Link","PrimitiveTabsContent"],"mappings":"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"}