@bigbinary/neeto-atoms 1.0.7 → 1.0.9

package/dist/components/SelectFieldWrapper.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '../primitives/Field.js';
+import 'react';
+import '../index-D7Zy7P05.js';
+import '../utils-DdHUxIdC.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+
+function SelectFieldWrapper({ id, label, error, helpText, errorId, helpTextId, isDisabled, required, testIdPrefix, labelProps, className, children, }) {
+    const hasField = !!(label || error || helpText);
+    if (!hasField) {
+        return (jsx("div", { className: className, ...(testIdPrefix
+                ? { "data-testid": `${testIdPrefix}-select-container-wrapper` }
+                : {}), children: children }));
+    }
+    return (jsxs(Field, { "data-disabled": isDisabled || undefined, "data-invalid": !!error || undefined, className: className, ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-container-wrapper` }
+            : {}), children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, ...(testIdPrefix
+                    ? { "data-testid": `${testIdPrefix}-input-label` }
+                    : {}), children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), jsxs(FieldContent, { children: [children, !!error && (jsx(FieldError, { id: errorId, ...(testIdPrefix
+                            ? { "data-testid": `${testIdPrefix}-select-error` }
+                            : {}), children: error })), helpText && (jsx(FieldDescription, { id: helpTextId, ...(testIdPrefix
+                            ? { "data-testid": `${testIdPrefix}-select-help-text` }
+                            : {}), children: helpText }))] })] }));
+}
+
+export { SelectFieldWrapper };
+//# sourceMappingURL=SelectFieldWrapper.js.map

package/dist/components/SelectFieldWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFieldWrapper.js","sources":["../../src/components/SelectFieldWrapper.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\ninterface SelectFieldWrapperProps {\n  id: string;\n  label: string;\n  error: string;\n  helpText: React.ReactNode;\n  errorId: string;\n  helpTextId: string;\n  isDisabled: boolean;\n  required: boolean;\n  testIdPrefix?: string;\n  labelProps?: Omit<\n    React.ComponentProps<typeof FieldLabel>,\n    \"htmlFor\" | \"children\"\n  >;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function SelectFieldWrapper({\n  id,\n  label,\n  error,\n  helpText,\n  errorId,\n  helpTextId,\n  isDisabled,\n  required,\n  testIdPrefix,\n  labelProps,\n  className,\n  children,\n}: SelectFieldWrapperProps) {\n  const hasField = !!(label || error || helpText);\n\n  if (!hasField) {\n    return (\n      <div\n        className={className}\n        {...(testIdPrefix\n          ? { \"data-testid\": `${testIdPrefix}-select-container-wrapper` }\n          : {})}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Field\n      data-disabled={isDisabled || undefined}\n      data-invalid={!!error || undefined}\n      className={className}\n      {...(testIdPrefix\n        ? { \"data-testid\": `${testIdPrefix}-select-container-wrapper` }\n        : {})}\n    >\n      {label && (\n        <FieldLabel\n          htmlFor={id}\n          {...labelProps}\n          {...(testIdPrefix\n            ? { \"data-testid\": `${testIdPrefix}-input-label` }\n            : {})}\n        >\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"text-destructive\">\n              *\n            </span>\n          )}\n        </FieldLabel>\n      )}\n      <FieldContent>\n        {children}\n        {!!error && (\n          <FieldError\n            id={errorId}\n            {...(testIdPrefix\n              ? { \"data-testid\": `${testIdPrefix}-select-error` }\n              : {})}\n          >\n            {error}\n          </FieldError>\n        )}\n        {helpText && (\n          <FieldDescription\n            id={helpTextId}\n            {...(testIdPrefix\n              ? { \"data-testid\": `${testIdPrefix}-select-help-text` }\n              : {})}\n          >\n            {helpText}\n          </FieldDescription>\n        )}\n      </FieldContent>\n    </Field>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AA4BM,SAAU,kBAAkB,CAAC,EACjC,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,QAAQ,GACgB,EAAA;IACxB,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC;IAE/C,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,EAAA,IACf;AACH,kBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,2BAA2B;AAC7D,kBAAE,EAAE,CAAC,YAEN,QAAQ,EAAA,CACL;IAEV;AAEA,IAAA,QACEC,IAAA,CAAC,KAAK,qBACW,UAAU,IAAI,SAAS,EAAA,cAAA,EACxB,CAAC,CAAC,KAAK,IAAI,SAAS,EAClC,SAAS,EAAE,SAAS,EAAA,IACf;AACH,cAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,2BAA2B;AAC7D,cAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEN,KAAK,KACJA,IAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,EAAE,KACP,UAAU,EAAA,IACT;AACH,sBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,cAAc;AAChD,sBAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEN,KAAK,EACL,QAAQ,KACPD,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACU,CACd,EACDC,IAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACV,QAAQ,EACR,CAAC,CAAC,KAAK,KACND,GAAA,CAAC,UAAU,EAAA,EACT,EAAE,EAAE,OAAO,EAAA,IACN;AACH,8BAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,eAAe;AACjD,8BAAE,EAAE,CAAC,YAEN,KAAK,EAAA,CACK,CACd,EACA,QAAQ,KACPA,GAAA,CAAC,gBAAgB,EAAA,EACf,EAAE,EAAE,UAAU,EAAA,IACT;AACH,8BAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,mBAAmB;8BACnD,EAAE,CAAC,EAAA,QAAA,EAEN,QAAQ,GACQ,CACpB,CAAA,EAAA,CACY,CAAA,EAAA,CACT;AAEZ;;;;"}

package/dist/components/SelectOptions.d.ts

@@ -0,0 +1,2 @@
+import type { SelectOption } from "./Select.types";
+export declare function renderOptions(options: SelectOption[], testId?: string): import("react/jsx-runtime").JSX.Element[];

package/dist/components/SelectOptions.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SelectGroup, SelectLabel, SelectItem } from '../primitives/Select.js';
+import { isOptionGroup } from './shared.js';
+import '../utils-DdHUxIdC.js';
+import '../chevron-down-BNi0ntys.js';
+import '../createLucideIcon-C8ycilSN.js';
+import 'react';
+import '../chevron-up-Bf2G3AAU.js';
+import '../check-Cpkv29p1.js';
+import 'react-dom';
+import '../index-BfAAoDv6.js';
+import '../index-DNzunGHb.js';
+import '../index-Dd1i1d2M.js';
+import '../index-CiyxEyB0.js';
+import '../index-BtkPdosV.js';
+import '../index-BA158WEj.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-Cor698lu.js';
+import '../index-30QpKM0j.js';
+import '../index-CSggBaQF.js';
+
+function renderOptions(options, testId) {
+    return options.map(opt => {
+        if (isOptionGroup(opt)) {
+            return (jsxs(SelectGroup, { children: [jsx(SelectLabel, { children: opt.label }), opt.options.map(item => (jsx(SelectItem, { value: item.value, disabled: item.disabled, ...(testId ? { "data-testid": `${testId}-select-option` } : {}), children: item.label }, item.value)))] }, opt.label));
+        }
+        return (jsx(SelectItem, { value: opt.value, disabled: opt.disabled, ...(testId ? { "data-testid": `${testId}-select-option` } : {}), children: opt.label }, opt.value));
+    });
+}
+
+export { renderOptions };
+//# sourceMappingURL=SelectOptions.js.map

package/dist/components/SelectOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptions.js","sources":["../../src/components/SelectOptions.tsx"],"sourcesContent":["import { SelectGroup, SelectItem, SelectLabel } from \"src/primitives/Select\";\nimport { isOptionGroup } from \"./shared.types\";\nimport type { SelectOption } from \"./Select.types\";\n\nexport function renderOptions(options: SelectOption[], testId?: string) {\n  return options.map(opt => {\n    if (isOptionGroup(opt)) {\n      return (\n        <SelectGroup key={opt.label}>\n          <SelectLabel>{opt.label}</SelectLabel>\n          {opt.options.map(item => (\n            <SelectItem\n              key={item.value}\n              value={item.value}\n              disabled={item.disabled}\n              {...(testId ? { \"data-testid\": `${testId}-select-option` } : {})}\n            >\n              {item.label}\n            </SelectItem>\n          ))}\n        </SelectGroup>\n      );\n    }\n\n    return (\n      <SelectItem\n        key={opt.value}\n        value={opt.value}\n        disabled={opt.disabled}\n        {...(testId ? { \"data-testid\": `${testId}-select-option` } : {})}\n      >\n        {opt.label}\n      </SelectItem>\n    );\n  });\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIM,SAAU,aAAa,CAAC,OAAuB,EAAE,MAAe,EAAA;AACpE,IAAA,OAAO,OAAO,CAAC,GAAG,CAAC,GAAG,IAAG;AACvB,QAAA,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;AACtB,YAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAA,CACVC,IAAC,WAAW,EAAA,EAAA,QAAA,EAAE,GAAG,CAAC,KAAK,EAAA,CAAe,EACrC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,KACnBA,IAAC,UAAU,EAAA,EAET,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,IAClB,MAAM,GAAG,EAAE,aAAa,EAAE,CAAA,EAAG,MAAM,CAAA,cAAA,CAAgB,EAAE,GAAG,EAAE,CAAC,EAAA,QAAA,EAE/D,IAAI,CAAC,KAAK,EAAA,EALN,IAAI,CAAC,KAAK,CAMJ,CACd,CAAC,KAXc,GAAG,CAAC,KAAK,CAYb;QAElB;AAEA,QAAA,QACEA,GAAA,CAAC,UAAU,IAET,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,QAAQ,EAAE,GAAG,CAAC,QAAQ,MACjB,MAAM,GAAG,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA,cAAA,CAAgB,EAAE,GAAG,EAAE,CAAC,YAE/D,GAAG,CAAC,KAAK,EAAA,EALL,GAAG,CAAC,KAAK,CAMH;AAEjB,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/components/SelectTriggerContent.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface SelectTriggerContentProps {
+    id: string;
+    sizeConfig: {
+        trigger: string;
+        size: "sm" | "default";
+        clearBtn: string;
+    };
+    error: string;
+    ariaDescribedBy?: string;
+    triggerClassName?: string;
+    testIdPrefix?: string;
+    placeholder: string;
+    showClearButton: boolean;
+    handleClear: (e: React.MouseEvent) => void;
+}
+export declare const SelectTriggerContent: React.ForwardRefExoticComponent<SelectTriggerContentProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/SelectTriggerContent.js

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { SelectTrigger, SelectValue } from '../primitives/Select.js';
+import { X } from '../x-_o2T3n6D.js';
+import '../chevron-down-BNi0ntys.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../chevron-up-Bf2G3AAU.js';
+import '../check-Cpkv29p1.js';
+import 'react-dom';
+import '../index-BfAAoDv6.js';
+import '../index-DNzunGHb.js';
+import '../index-Dd1i1d2M.js';
+import '../index-CiyxEyB0.js';
+import '../index-BtkPdosV.js';
+import '../index-BA158WEj.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-Cor698lu.js';
+import '../index-30QpKM0j.js';
+import '../index-CSggBaQF.js';
+
+const SelectTriggerContent = forwardRef(({ id, sizeConfig, error, ariaDescribedBy, triggerClassName, testIdPrefix, placeholder, showClearButton, handleClear, }, ref) => {
+    const { t } = useTranslation();
+    return (jsxs(SelectTrigger, { ref: ref, id: id, size: sizeConfig.size, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, className: cn("w-full", sizeConfig.trigger, triggerClassName), ...(testIdPrefix
+            ? { "data-testid": `${testIdPrefix}-select-container` }
+            : {}), children: [jsx(SelectValue, { placeholder: placeholder, ...(testIdPrefix
+                    ? { "data-testid": `${testIdPrefix}-select-value` }
+                    : {}) }), showClearButton && (jsx("button", { type: "button", "aria-label": t("neetoatoms.select.clearSelection", "Clear selection"), tabIndex: -1, className: cn("ms-auto shrink-0 rounded-sm opacity-50", "hover:opacity-100 focus-visible:outline-none"), onClick: handleClear, onPointerDown: e => e.preventDefault(), ...(testIdPrefix
+                    ? { "data-testid": `${testIdPrefix}-clear-indicator` }
+                    : {}), children: jsx(X, { "aria-hidden": "true", className: sizeConfig.clearBtn }) }))] }));
+});
+SelectTriggerContent.displayName = "SelectTriggerContent";
+
+export { SelectTriggerContent };
+//# sourceMappingURL=SelectTriggerContent.js.map

package/dist/components/SelectTriggerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTriggerContent.js","sources":["../../src/components/SelectTriggerContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { X } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { SelectTrigger, SelectValue } from \"src/primitives/Select\";\n\ninterface SelectTriggerContentProps {\n  id: string;\n  sizeConfig: { trigger: string; size: \"sm\" | \"default\"; clearBtn: string };\n  error: string;\n  ariaDescribedBy?: string;\n  triggerClassName?: string;\n  testIdPrefix?: string;\n  placeholder: string;\n  showClearButton: boolean;\n  handleClear: (e: React.MouseEvent) => void;\n}\n\nexport const SelectTriggerContent = forwardRef<\n  HTMLButtonElement,\n  SelectTriggerContentProps\n>(\n  (\n    {\n      id,\n      sizeConfig,\n      error,\n      ariaDescribedBy,\n      triggerClassName,\n      testIdPrefix,\n      placeholder,\n      showClearButton,\n      handleClear,\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    return (\n      <SelectTrigger\n        ref={ref}\n        id={id}\n        size={sizeConfig.size}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        className={cn(\"w-full\", sizeConfig.trigger, triggerClassName)}\n        {...(testIdPrefix\n          ? { \"data-testid\": `${testIdPrefix}-select-container` }\n          : {})}\n      >\n        <SelectValue\n          placeholder={placeholder}\n          {...(testIdPrefix\n            ? { \"data-testid\": `${testIdPrefix}-select-value` }\n            : {})}\n        />\n        {showClearButton && (\n          <button\n            type=\"button\"\n            aria-label={t(\n              \"neetoatoms.select.clearSelection\",\n              \"Clear selection\"\n            )}\n            tabIndex={-1}\n            className={cn(\n              \"ms-auto shrink-0 rounded-sm opacity-50\",\n              \"hover:opacity-100 focus-visible:outline-none\"\n            )}\n            onClick={handleClear}\n            onPointerDown={e => e.preventDefault()}\n            {...(testIdPrefix\n              ? { \"data-testid\": `${testIdPrefix}-clear-indicator` }\n              : {})}\n          >\n            <X aria-hidden=\"true\" className={sizeConfig.clearBtn} />\n          </button>\n        )}\n      </SelectTrigger>\n    );\n  }\n);\n\nSelectTriggerContent.displayName = \"SelectTriggerContent\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,oBAAoB,GAAG,UAAU,CAI5C,CACE,EACE,EAAE,EACF,UAAU,EACV,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,eAAe,EACf,WAAW,GACZ,EACD,GAAG,KACD;AACF,IAAA,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE;AAE9B,IAAA,QACEA,IAAA,CAAC,aAAa,IACZ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,UAAU,CAAC,IAAI,kBACP,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,kBAAA,EAChB,eAAe,EACjC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAAA,IACxD;AACH,cAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,mBAAmB;AACrD,cAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CAEPC,GAAA,CAAC,WAAW,EAAA,EACV,WAAW,EAAE,WAAW,EAAA,IACnB;AACH,sBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,eAAe;sBAC/C,EAAE,CAAC,EAAA,CACP,EACD,eAAe,KACdA,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,CAAC,CACX,kCAAkC,EAClC,iBAAiB,CAClB,EACD,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,EAAE,CACX,wCAAwC,EACxC,8CAA8C,CAC/C,EACD,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAA,IACjC;AACH,sBAAE,EAAE,aAAa,EAAE,CAAA,EAAG,YAAY,kBAAkB;AACpD,sBAAE,EAAE,CAAC,YAEPA,GAAA,CAAC,CAAC,mBAAa,MAAM,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAA,CAAI,GACjD,CACV,CAAA,EAAA,CACa;AAEpB,CAAC;AAGH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/dist/components/Sheet.d.ts

@@ -0,0 +1,54 @@
+import React, { type ReactNode, type RefObject } from "react";
+import { SheetContent as PrimitiveSheetContent } from "src/primitives/Sheet";
+type SheetSize = "small" | "large" | "extraLarge";
+/** Radix Sheet.Content props we forward via ...otherProps. */
+type SheetContentProps = React.ComponentProps<typeof PrimitiveSheetContent>;
+export interface SheetProps extends Omit<SheetContentProps, "children" | "className" | "side" | "showCloseButton" | "onEscapeKeyDown" | "onInteractOutside"> {
+    /** Size of the sheet. */
+    size?: SheetSize;
+    /** Whether the sheet is open. */
+    isOpen?: boolean;
+    /** Callback invoked when the sheet is closed. */
+    onClose?: () => void;
+    /** Content rendered inside the sheet. */
+    children?: ReactNode;
+    /** Additional CSS class names applied to the sheet content. */
+    className?: string;
+    /** Close on pressing the Esc key. */
+    closeOnEsc?: boolean;
+    /** Show the close button. */
+    closeButton?: boolean;
+    /** Additional CSS class names applied to the backdrop/overlay. */
+    backdropClassName?: string;
+    /** Close on clicking outside the sheet. */
+    closeOnOutsideClick?: boolean;
+    /** Ref of the element to receive focus when the sheet opens. */
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    /** Ref of the element to receive focus when the sheet closes. */
+    finalFocusRef?: RefObject<HTMLElement | null>;
+    /** Which side the sheet slides in from. */
+    side?: "top" | "right" | "bottom" | "left";
+    /** Radix Dialog `modal` prop — controls modal vs non-modal behaviour. */
+    modal?: boolean;
+    /** Radix Dialog `defaultOpen` prop. */
+    defaultOpen?: boolean;
+}
+interface SheetSubcomponentProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+}
+declare const SheetHeader: React.ForwardRefExoticComponent<Omit<SheetSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetBody: React.ForwardRefExoticComponent<Omit<SheetSubcomponentProps & {
+    hasFooter?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetFooter: React.ForwardRefExoticComponent<Omit<SheetSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const Sheet: React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof SheetHeader;
+    Body: typeof SheetBody;
+    Footer: typeof SheetFooter;
+    Title: typeof SheetTitle;
+    Description: typeof SheetDescription;
+};
+export { Sheet };

package/dist/components/Sheet.js

@@ -0,0 +1,89 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { SheetHeader as SheetHeader$1, SheetFooter as SheetFooter$1, SheetTitle as SheetTitle$1, SheetDescription as SheetDescription$1, Sheet as Sheet$1, SheetContent } from '../primitives/Sheet.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../sheet-C763FqIh.js';
+import 'react-i18next';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../index-9HvIbmnI.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-Cor698lu.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+
+// ---------------------------------------------------------------------------
+// Size mapping
+// ---------------------------------------------------------------------------
+// Uses data-[side] selector to match primitive specificity so tailwind-merge
+// can override the default sm:max-w-sm from the primitive.
+const SIZE_CLASS_MAP = {
+    small: "data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+    large: "data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg",
+    extraLarge: "data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl",
+};
+const SheetHeader = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(SheetHeader$1, { ref: ref, className: cn(className), "data-testid": "sheet-header", ...otherProps, children: children })));
+SheetHeader.displayName = "Sheet.Header";
+const SheetBody = forwardRef(({ children, className, hasFooter = true, ...otherProps }, ref) => (jsx("div", { ref: ref, "data-slot": "sheet-body", "data-testid": "sheet-body", className: cn("flex flex-1 flex-col items-start justify-start overflow-y-auto px-4", hasFooter && "pb-0", className), ...otherProps, children: children })));
+SheetBody.displayName = "Sheet.Body";
+const SheetFooter = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(SheetFooter$1, { ref: ref, className: cn("flex flex-row items-center justify-start gap-2 border-t", className), "data-testid": "sheet-footer", ...otherProps, children: children })));
+SheetFooter.displayName = "Sheet.Footer";
+const SheetTitle = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(SheetTitle$1, { ref: ref, className: cn("text-2xl font-semibold", className), ...otherProps, children: children })));
+SheetTitle.displayName = "Sheet.Title";
+const SheetDescription = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(SheetDescription$1, { ref: ref, className: cn(className), ...otherProps, children: children })));
+SheetDescription.displayName = "Sheet.Description";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Sheet = forwardRef(({ size = "small", isOpen = false, onClose = () => { }, children, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, initialFocusRef, finalFocusRef, side = "right", modal, defaultOpen, 
+// Radix content handlers — intercept and merge
+onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ...otherProps }, ref) => {
+    const handleOpenChange = (open) => {
+        if (!open)
+            onClose();
+    };
+    const handleInteractOutside = (e) => {
+        if (!closeOnOutsideClick)
+            e.preventDefault();
+    };
+    const handleEscapeKeyDown = (e) => {
+        if (!closeOnEsc)
+            e.preventDefault();
+    };
+    const handleOpenAutoFocus = (e) => {
+        if (initialFocusRef?.current) {
+            e.preventDefault();
+            initialFocusRef.current.focus();
+        }
+        onOpenAutoFocusProp?.(e);
+    };
+    const handleCloseAutoFocus = (e) => {
+        if (finalFocusRef?.current) {
+            e.preventDefault();
+            finalFocusRef.current.focus();
+        }
+        onCloseAutoFocusProp?.(e);
+    };
+    return (jsx(Sheet$1, { open: isOpen, onOpenChange: handleOpenChange, modal: modal, defaultOpen: defaultOpen, children: jsx(SheetContent, { ref: ref, side: side, showCloseButton: closeButton, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: cn(SIZE_CLASS_MAP[size], className), "data-testid": "sheet-wrapper", ...otherProps, children: children }) }));
+});
+Sheet.displayName = "Sheet";
+Sheet.Header = SheetHeader;
+Sheet.Body = SheetBody;
+Sheet.Footer = SheetFooter;
+Sheet.Title = SheetTitle;
+Sheet.Description = SheetDescription;
+
+export { Sheet };
+//# sourceMappingURL=Sheet.js.map

package/dist/components/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","sources":["../../src/components/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type RefObject } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Sheet as PrimitiveSheet,\n  SheetContent as PrimitiveSheetContent,\n  SheetDescription as PrimitiveSheetDescription,\n  SheetFooter as PrimitiveSheetFooter,\n  SheetHeader as PrimitiveSheetHeader,\n  SheetTitle as PrimitiveSheetTitle,\n} from \"src/primitives/Sheet\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype SheetSize = \"small\" | \"large\" | \"extraLarge\";\n\n/** Radix Sheet.Content props we forward via ...otherProps. */\ntype SheetContentProps = React.ComponentProps<typeof PrimitiveSheetContent>;\n\nexport interface SheetProps extends Omit<\n  SheetContentProps,\n  | \"children\"\n  | \"className\"\n  | \"side\"\n  | \"showCloseButton\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the sheet. */\n  size?: SheetSize;\n  /** Whether the sheet is open. */\n  isOpen?: boolean;\n  /** Callback invoked when the sheet is closed. */\n  onClose?: () => void;\n  /** Content rendered inside the sheet. */\n  children?: ReactNode;\n  /** Additional CSS class names applied to the sheet content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the sheet. */\n  closeOnOutsideClick?: boolean;\n  /** Ref of the element to receive focus when the sheet opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Ref of the element to receive focus when the sheet closes. */\n  finalFocusRef?: RefObject<HTMLElement | null>;\n  /** Which side the sheet slides in from. */\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  /** Radix Dialog `modal` prop — controls modal vs non-modal behaviour. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Size mapping\n// ---------------------------------------------------------------------------\n\n// Uses data-[side] selector to match primitive specificity so tailwind-merge\n// can override the default sm:max-w-sm from the primitive.\nconst SIZE_CLASS_MAP: Record<SheetSize, string> = {\n  small: \"data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n  large: \"data-[side=left]:sm:max-w-lg data-[side=right]:sm:max-w-lg\",\n  extraLarge: \"data-[side=left]:sm:max-w-2xl data-[side=right]:sm:max-w-2xl\",\n};\n\n// ---------------------------------------------------------------------------\n// Subcomponents\n// ---------------------------------------------------------------------------\n\ninterface SheetSubcomponentProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n}\n\nconst SheetHeader = forwardRef<HTMLDivElement, SheetSubcomponentProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <PrimitiveSheetHeader\n      ref={ref}\n      className={cn(className)}\n      data-testid=\"sheet-header\"\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveSheetHeader>\n  )\n);\nSheetHeader.displayName = \"Sheet.Header\";\n\nconst SheetBody = forwardRef<\n  HTMLDivElement,\n  SheetSubcomponentProps & { hasFooter?: boolean }\n>(({ children, className, hasFooter = true, ...otherProps }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"sheet-body\"\n    data-testid=\"sheet-body\"\n    className={cn(\n      \"flex flex-1 flex-col items-start justify-start overflow-y-auto px-4\",\n      hasFooter && \"pb-0\",\n      className\n    )}\n    {...otherProps}\n  >\n    {children}\n  </div>\n));\nSheetBody.displayName = \"Sheet.Body\";\n\nconst SheetFooter = forwardRef<HTMLDivElement, SheetSubcomponentProps>(\n  ({ children, className, ...otherProps }, ref) => (\n    <PrimitiveSheetFooter\n      ref={ref}\n      className={cn(\n        \"flex flex-row items-center justify-start gap-2 border-t\",\n        className\n      )}\n      data-testid=\"sheet-footer\"\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveSheetFooter>\n  )\n);\nSheetFooter.displayName = \"Sheet.Footer\";\n\nconst SheetTitle = forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof PrimitiveSheetTitle>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveSheetTitle\n    ref={ref}\n    className={cn(\"text-2xl font-semibold\", className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveSheetTitle>\n));\nSheetTitle.displayName = \"Sheet.Title\";\n\nconst SheetDescription = forwardRef<\n  HTMLParagraphElement,\n  React.ComponentProps<typeof PrimitiveSheetDescription>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveSheetDescription\n    ref={ref}\n    className={cn(className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveSheetDescription>\n));\nSheetDescription.displayName = \"Sheet.Description\";\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Sheet = forwardRef<HTMLDivElement, SheetProps>(\n  (\n    {\n      size = \"small\",\n      isOpen = false,\n      onClose = () => {},\n      children,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      initialFocusRef,\n      finalFocusRef,\n      side = \"right\",\n      modal,\n      defaultOpen,\n      // Radix content handlers — intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      if (finalFocusRef?.current) {\n        e.preventDefault();\n        finalFocusRef.current.focus();\n      }\n      onCloseAutoFocusProp?.(e);\n    };\n\n    return (\n      <PrimitiveSheet\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={modal}\n        defaultOpen={defaultOpen}\n      >\n        <PrimitiveSheetContent\n          ref={ref}\n          side={side}\n          showCloseButton={closeButton}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"sheet-wrapper\"\n          {...otherProps}\n        >\n          {children}\n        </PrimitiveSheetContent>\n      </PrimitiveSheet>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  SheetProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Header: typeof SheetHeader;\n  Body: typeof SheetBody;\n  Footer: typeof SheetFooter;\n  Title: typeof SheetTitle;\n  Description: typeof SheetDescription;\n};\n\nSheet.displayName = \"Sheet\";\nSheet.Header = SheetHeader;\nSheet.Body = SheetBody;\nSheet.Footer = SheetFooter;\nSheet.Title = SheetTitle;\nSheet.Description = SheetDescription;\n\nexport { Sheet };\n"],"names":["_jsx","PrimitiveSheetHeader","PrimitiveSheetFooter","PrimitiveSheetTitle","PrimitiveSheetDescription","PrimitiveSheet","PrimitiveSheetContent"],"mappings":"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"}

package/dist/components/Slider.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { Slider as PrimitiveSlider } from "src/primitives/Slider";
+import { FieldLabel } from "src/primitives/Field";
+export interface SliderProps extends React.ComponentProps<typeof PrimitiveSlider> {
+    /** Label displayed above the slider. */
+    label?: string;
+    /** Error message displayed below the slider. */
+    error?: string;
+    /** Help text displayed below the slider. Accepts string or ReactNode. */
+    helpText?: React.ReactNode;
+    /** Shows a required indicator next to the label. */
+    required?: boolean;
+    /** Additional class name for the outermost wrapper. */
+    className?: string;
+    /** Props forwarded to the FieldLabel element. */
+    labelProps?: React.ComponentProps<typeof FieldLabel>;
+}
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Slider };

package/dist/components/Slider.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useId } from 'react';
+import { Slider as Slider$1 } from '../primitives/Slider.js';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '../primitives/Field.js';
+import '../index-BfAAoDv6.js';
+import '../index-DNzunGHb.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-BA158WEj.js';
+import '../index-30QpKM0j.js';
+import '../index-BYZaLNq1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-Dd1i1d2M.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../separator-BbhgePmX.js';
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Slider = forwardRef(({ label, error, helpText, required = false, className, labelProps, 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(" ") || undefined;
+    const hasField = !!(label || error || helpText);
+    const slider = (jsx(Slider$1, { ref: ref, id: id, disabled: disabled, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, "aria-label": !label ? undefined : label, className: cn(!hasField && className), ...otherProps }));
+    if (!hasField) {
+        return slider;
+    }
+    return (jsxs(Field, { "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, className: className, children: [label && (jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), jsxs(FieldContent, { children: [slider, !!error && jsx(FieldError, { id: errorId, children: error }), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }));
+});
+Slider.displayName = "Slider";
+
+export { Slider };
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../src/components/Slider.tsx"],"sourcesContent":["import React, { forwardRef, 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\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface SliderProps extends React.ComponentProps<\n  typeof PrimitiveSlider\n> {\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}\n\n// ---------------------------------------------------------------------------\n// Component\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      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    const hasField = !!(label || error || helpText);\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        {...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 htmlFor={id} {...labelProps}>\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 && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nSlider.displayName = \"Slider\";\n\nexport { Slider };\n"],"names":["_jsx","PrimitiveSlider","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiCA;AACA;AACA;AAEA,MAAM,MAAM,GAAG,UAAU,CAIvB,CACE,EACE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,UAAU,EACV,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;IAE3B,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC;IAE/C,MAAM,MAAM,IACVA,GAAA,CAACC,QAAe,EAAA,EACd,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,kBAAA,EAChB,eAAe,gBACrB,CAAC,KAAK,GAAG,SAAS,GAAG,KAAK,EACtC,SAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC,EAAA,GACjC,UAAU,EAAA,CACd,CACH;IAED,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,QACEC,IAAA,CAAC,KAAK,EAAA,EAAA,eAAA,EACW,QAAQ,IAAI,SAAS,EAAA,cAAA,EACtB,CAAC,CAAC,KAAK,IAAI,SAAS,EAClC,SAAS,EAAE,SAAS,EAAA,QAAA,EAAA,CAEnB,KAAK,KACJA,KAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA,GAAM,UAAU,EAAA,QAAA,EAAA,CACpC,KAAK,EACL,QAAQ,KACPF,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACU,CACd,EACDE,IAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACV,MAAM,EACN,CAAC,CAAC,KAAK,IAAIF,IAAC,UAAU,EAAA,EAAC,EAAE,EAAE,OAAO,EAAA,QAAA,EAAG,KAAK,GAAc,EACxD,QAAQ,KACPA,GAAA,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAE,UAAU,YAAG,QAAQ,EAAA,CAAoB,CAChE,CAAA,EAAA,CACY,CAAA,EAAA,CACT;AAEZ,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Spinner.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Spinner as PrimitiveSpinner } from "src/primitives/Spinner";
+export interface SpinnerProps extends React.ComponentProps<typeof PrimitiveSpinner> {
+    /** Size variant of the spinner. */
+    size?: "sm" | "default" | "lg" | "xl";
+    /** Additional CSS class names. */
+    className?: string;
+}
+declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export { Spinner };

package/dist/components/Spinner.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { Spinner as Spinner$1 } from '../primitives/Spinner.js';
+import 'react-i18next';
+import '../loader-circle-DycHUAWN.js';
+import '../createLucideIcon-C8ycilSN.js';
+
+// ---------------------------------------------------------------------------
+// Size config
+// ---------------------------------------------------------------------------
+const SIZE_CONFIG = {
+    sm: "size-3",
+    default: "size-4",
+    lg: "size-6",
+    xl: "size-8",
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Spinner = forwardRef(({ size = "default", className, ...otherProps }, ref) => (jsx(Spinner$1, { ref: ref, className: cn(SIZE_CONFIG[size], className), ...otherProps })));
+Spinner.displayName = "Spinner";
+
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../src/components/Spinner.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Spinner as PrimitiveSpinner } from \"src/primitives/Spinner\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\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\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst SIZE_CONFIG: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\n  sm: \"size-3\",\n  default: \"size-4\",\n  lg: \"size-6\",\n  xl: \"size-8\",\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\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":";;;;;;;;AAkBA;AACA;AACA;AAEA,MAAM,WAAW,GAAsD;AACrE,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,EAAE,EAAE,QAAQ;AACZ,IAAA,EAAE,EAAE,QAAQ;CACb;AAED;AACA;AACA;AAEA,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;;;;"}

package/dist/components/Stepper.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export interface StepperProps {
+    /** Step definitions. */
+    steps: Array<{
+        id: string | number;
+        label: string;
+    }>;
+    /** Current active step (0-based). */
+    activeIndex?: number;
+    /** Callback when a step indicator is clicked. */
+    onStepClick?: (index: number) => void;
+    /** Additional class name for the outermost wrapper. */
+    className?: string;
+    /** Layout direction. */
+    orientation?: "horizontal" | "vertical";
+}
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export { Stepper };

package/dist/components/Stepper.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default, { forwardRef } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { C as Check } from '../check-Cpkv29p1.js';
+import '../createLucideIcon-C8ycilSN.js';
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Stepper = forwardRef(({ steps, activeIndex = 0, onStepClick, className, orientation = "horizontal", }, ref) => {
+    const isHorizontal = orientation === "horizontal";
+    return (jsx("div", { ref: 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 = (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 ? (jsx(Check, { className: "size-3.5", "aria-hidden": "true" })) : (index + 1) }));
+            const stepContent = (jsxs("div", { className: cn("flex min-w-0", isHorizontal
+                    ? "flex-row items-center gap-2"
+                    : "flex-row items-center gap-3"), children: [isClickable ? (jsx("button", { type: "button", onClick: () => onStepClick(index), "aria-current": isActive ? "step" : undefined, className: "cursor-pointer rounded-full focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: indicator })) : (jsx("span", { "aria-current": isActive ? "step" : undefined, children: indicator })), 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 && (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 (jsxs(React__default.Fragment, { children: [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 };
+//# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../src/components/Stepper.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\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\n// ---------------------------------------------------------------------------\n// Component\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":";;;;;;AAsBA;AACA;AACA;AAEA,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;;;;"}

package/dist/components/Switch.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Switch as PrimitiveSwitch } from "src/primitives/Switch";
+export interface SwitchProps extends Omit<React.ComponentProps<typeof PrimitiveSwitch>, "children"> {
+    /** Text label displayed next to the switch. */
+    label?: string;
+    /** Error message displayed below the switch. */
+    error?: string;
+    /** Helper text displayed below the label. Accepts string or ReactNode. */
+    helpText?: React.ReactNode;
+    /** Shows a required indicator next to the label. */
+    required?: boolean;
+    /** Additional class name for the outermost wrapper. */
+    className?: string;
+    /** Size of the switch. */
+    size?: "sm" | "default" | "lg";
+}
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/components/Switch.js

@@ -0,0 +1,33 @@
+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-DdHUxIdC.js';
+import '../index-DNzunGHb.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-30QpKM0j.js';
+import '../index-BYZaLNq1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../label-B4qDF3W1.js';
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+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(" ") || undefined;
+    return (jsxs("div", { className: cn("inline-flex flex-col gap-1.5", className), "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, children: [jsxs("div", { className: cn("inline-flex gap-2", helpText ? "items-start" : "items-center"), children: [jsx(Switch$1, { ref: ref, id: id, size: size, disabled: disabled, "aria-invalid": !!error || undefined, "aria-describedby": ariaDescribedBy, "aria-required": required || undefined, className: helpText ? "mt-0.5" : undefined, ...otherProps }), (label || helpText) && (jsxs("div", { className: "flex flex-col gap-0.5", children: [label && (jsxs(Label, { htmlFor: id, className: cn("cursor-pointer", disabled && "cursor-not-allowed opacity-50"), children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), helpText && (jsx("p", { id: helpTextId, className: "text-sm text-muted-foreground", children: helpText }))] }))] }), error && (jsx("p", { id: errorId, role: "alert", className: "text-xs text-destructive", children: error }))] }));
+});
+Switch.displayName = "Switch";
+
+export { Switch };
+//# sourceMappingURL=Switch.js.map