@spark-ui/components 13.1.4 → 13.2.0

package/dist/stepper/index.mjs

@@ -1,230 +1,178 @@
-import {
-  Input,
-  InputGroup
-} from "../chunk-VBX7BTNU.mjs";
-import {
-  IconButton
-} from "../chunk-DCXWGQVZ.mjs";
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
-import "../chunk-2YM6GKWW.mjs";
-import "../chunk-GAK4SC2F.mjs";
-import "../chunk-KEGAAGJW.mjs";
-import "../chunk-6QCEPQ3U.mjs";
-
-// src/stepper/Stepper.tsx
-import { useFormFieldControl } from "@spark-ui/components/form-field";
-import { createContext, useContext, useRef } from "react";
-
-// src/stepper/useStepper.ts
-import { useNumberField } from "@react-aria/numberfield";
-import { useNumberFieldState } from "@react-stately/numberfield";
-var useStepper = ({
-  inputRef,
-  locale = "fr",
-  ...rest
+import { jsx as o } from "react/jsx-runtime";
+import { useFormFieldControl as j } from "@spark-ui/components/form-field";
+import { createContext as A, useContext as _, useRef as m } from "react";
+import { InputGroup as b, Input as k } from "../input/index.mjs";
+import { useNumberField as $ } from "@react-aria/numberfield";
+import { useNumberFieldState as L } from "@react-stately/numberfield";
+import { useButton as B } from "@react-aria/button";
+import { Minus as M } from "@spark-ui/icons/Minus";
+import { Plus as T } from "@spark-ui/icons/Plus";
+import { I as P } from "../Icon-Ck-dhfLd.mjs";
+import { I as S } from "../IconButton-C62-axzv.mjs";
+import { useMergeRefs as V } from "@spark-ui/hooks/use-merge-refs";
+const W = ({
+  inputRef: r,
+  locale: s = "fr",
+  ...e
 }) => {
-  const state = useNumberFieldState({
-    ...rest,
-    isDisabled: rest.disabled,
-    isReadOnly: rest.readOnly,
-    isRequired: rest.required,
-    locale
-  });
-  const { groupProps, inputProps, incrementButtonProps, decrementButtonProps } = useNumberField(
+  const p = L({
+    ...e,
+    isDisabled: e.disabled,
+    isReadOnly: e.readOnly,
+    isRequired: e.required,
+    locale: s
+  }), { groupProps: n, inputProps: t, incrementButtonProps: i, decrementButtonProps: a } = $(
     {
-      isWheelDisabled: false,
-      ...rest,
-      isDisabled: rest.disabled,
-      isReadOnly: rest.readOnly,
-      isRequired: rest.required
+      isWheelDisabled: !1,
+      ...e,
+      isDisabled: e.disabled,
+      isReadOnly: e.readOnly,
+      isRequired: e.required
     },
-    state,
-    inputRef
+    p,
+    r
   );
   return {
-    groupProps,
-    inputProps,
-    incrementButtonProps,
-    decrementButtonProps
+    groupProps: n,
+    inputProps: t,
+    incrementButtonProps: i,
+    decrementButtonProps: a
   };
-};
-
-// src/stepper/Stepper.tsx
-import { jsx } from "react/jsx-runtime";
-var StepperContext = createContext(null);
-var Stepper = ({
-  children,
-  formatOptions,
-  minValue,
-  maxValue,
-  ref: forwardedRef,
-  ...stepperProps
+}, I = A(null), g = ({
+  children: r,
+  formatOptions: s,
+  minValue: e,
+  maxValue: p,
+  ref: n,
+  ...t
 }) => {
-  const inputRef = useRef(null);
-  const {
-    groupProps,
-    inputProps: _inputProps,
-    incrementButtonProps: _incrementButtonProps,
-    decrementButtonProps: _decrementButtonProps
-  } = useStepper({
-    ...{
-      ...stepperProps,
-      /**
-       * To enable the possibility to init the stepper with empty (undefined) value,
-       * we need to force the empty value to NaN.
-       * Cf. https://github.com/adobe/react-spectrum/issues/5524
-       */
-      ..."value" in stepperProps && { value: stepperProps.value ?? NaN },
-      onChange: stepperProps.onValueChange
-    },
-    formatOptions,
-    minValue,
-    maxValue,
-    inputRef
-  });
-  const formFieldControlProps = useFormFieldControl();
-  const isWrappedInFormField = !!formFieldControlProps.id;
-  const incrementButtonProps = {
-    ..._incrementButtonProps,
-    ...isWrappedInFormField && { "aria-controls": formFieldControlProps.id }
-  };
-  const decrementButtonProps = {
-    ..._decrementButtonProps,
-    ...isWrappedInFormField && { "aria-controls": formFieldControlProps.id }
-  };
-  const inputProps = {
-    ..._inputProps,
-    ...isWrappedInFormField && {
-      id: formFieldControlProps.id,
-      required: formFieldControlProps.isRequired,
-      "aria-invalid": formFieldControlProps.isInvalid ? true : void 0
+  const i = m(null), {
+    groupProps: a,
+    inputProps: d,
+    incrementButtonProps: u,
+    decrementButtonProps: D
+  } = W({
+    ...t,
+    /**
+     * To enable the possibility to init the stepper with empty (undefined) value,
+     * we need to force the empty value to NaN.
+     * Cf. https://github.com/adobe/react-spectrum/issues/5524
+     */
+    ..."value" in t && { value: t.value ?? NaN },
+    onChange: t.onValueChange,
+    formatOptions: s,
+    minValue: e,
+    maxValue: p,
+    inputRef: i
+  }), c = j(), l = !!c.id, O = {
+    ...u,
+    ...l && { "aria-controls": c.id }
+  }, F = {
+    ...D,
+    ...l && { "aria-controls": c.id }
+  }, R = {
+    ...d,
+    ...l && {
+      id: c.id,
+      required: c.isRequired,
+      "aria-invalid": c.isInvalid ? !0 : void 0
     }
-  };
-  const { onValueChange: _, ...remainingStepperProps } = stepperProps;
-  return /* @__PURE__ */ jsx(
-    StepperContext.Provider,
+  }, { onValueChange: E, ...q } = t;
+  return /* @__PURE__ */ o(
+    I.Provider,
     {
-      value: { incrementButtonProps, decrementButtonProps, inputProps, inputRef },
-      children: /* @__PURE__ */ jsx(
-        InputGroup,
+      value: { incrementButtonProps: O, decrementButtonProps: F, inputProps: R, inputRef: i },
+      children: /* @__PURE__ */ o(
+        b,
         {
-          ...remainingStepperProps,
-          ...groupProps,
+          ...q,
+          ...a,
           "data-spark-component": "stepper",
-          ref: forwardedRef,
-          children
+          ref: n,
+          children: r
         }
       )
     }
   );
 };
-Stepper.displayName = "Stepper";
-var useStepperContext = () => {
-  const context = useContext(StepperContext);
-  if (!context) {
+g.displayName = "Stepper";
+const f = () => {
+  const r = _(I);
+  if (!r)
     throw Error("useStepperContext must be used within a Stepper provider");
-  }
-  return context;
-};
-
-// src/stepper/StepperButton.tsx
-import { useButton } from "@react-aria/button";
-import { Minus } from "@spark-ui/icons/Minus";
-import { Plus } from "@spark-ui/icons/Plus";
-import { useRef as useRef2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var IncrementButton = ({
-  children,
-  design = "ghost",
-  intent = "neutral",
-  className,
-  ref: forwardedRef,
-  ...rest
+  return r;
+}, h = ({
+  children: r,
+  design: s = "ghost",
+  intent: e = "neutral",
+  className: p,
+  ref: n,
+  ...t
 }) => {
-  const innerRef = useRef2(null);
-  const ref = forwardedRef && typeof forwardedRef !== "function" ? forwardedRef : innerRef;
-  const { incrementButtonProps } = useStepperContext();
-  const { buttonProps } = useButton({ ...incrementButtonProps, ...rest }, ref);
-  return /* @__PURE__ */ jsx2(InputGroup.TrailingAddon, { asChild: true, "data-spark-component": "stepper-increment-button", children: /* @__PURE__ */ jsx2(
-    IconButton,
+  const i = m(null), a = n && typeof n != "function" ? n : i, { incrementButtonProps: d } = f(), { buttonProps: u } = B({ ...d, ...t }, a);
+  return /* @__PURE__ */ o(b.TrailingAddon, { asChild: !0, "data-spark-component": "stepper-increment-button", children: /* @__PURE__ */ o(
+    S,
     {
-      ref,
-      design,
-      intent,
-      className,
-      "aria-label": buttonProps["aria-label"],
-      ...buttonProps,
-      disabled: rest.disabled || buttonProps.disabled,
-      children: children || /* @__PURE__ */ jsx2(Icon, { children: /* @__PURE__ */ jsx2(Plus, {}) })
+      ref: a,
+      design: s,
+      intent: e,
+      className: p,
+      "aria-label": u["aria-label"],
+      ...u,
+      disabled: t.disabled || u.disabled,
+      children: r || /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(T, {}) })
     }
   ) });
-};
-var DecrementButton = ({
-  children,
-  design = "ghost",
-  intent = "neutral",
-  className,
-  ref: forwardedRef,
-  ...rest
+}, y = ({
+  children: r,
+  design: s = "ghost",
+  intent: e = "neutral",
+  className: p,
+  ref: n,
+  ...t
 }) => {
-  const innerRef = useRef2(null);
-  const ref = forwardedRef && typeof forwardedRef !== "function" ? forwardedRef : innerRef;
-  const { decrementButtonProps } = useStepperContext();
-  const { buttonProps } = useButton({ ...decrementButtonProps, ...rest }, ref);
-  return /* @__PURE__ */ jsx2(InputGroup.LeadingAddon, { asChild: true, "data-spark-component": "stepper-decrement-button", children: /* @__PURE__ */ jsx2(
-    IconButton,
+  const i = m(null), a = n && typeof n != "function" ? n : i, { decrementButtonProps: d } = f(), { buttonProps: u } = B({ ...d, ...t }, a);
+  return /* @__PURE__ */ o(b.LeadingAddon, { asChild: !0, "data-spark-component": "stepper-decrement-button", children: /* @__PURE__ */ o(
+    S,
     {
-      ref,
-      design,
-      intent,
-      className,
-      "aria-label": buttonProps["aria-label"],
-      ...buttonProps,
-      disabled: rest.disabled || buttonProps.disabled,
-      children: children || /* @__PURE__ */ jsx2(Icon, { children: /* @__PURE__ */ jsx2(Minus, {}) })
+      ref: a,
+      design: s,
+      intent: e,
+      className: p,
+      "aria-label": u["aria-label"],
+      ...u,
+      disabled: t.disabled || u.disabled,
+      children: r || /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(M, {}) })
     }
   ) });
-};
-var StepperIncrementButton = Object.assign(IncrementButton, {
+}, N = Object.assign(h, {
   id: "TrailingAddon"
-});
-var StepperDecrementButton = Object.assign(DecrementButton, {
+}), C = Object.assign(y, {
   id: "LeadingAddon"
 });
-IncrementButton.displayName = "Stepper.DecrementButton";
-DecrementButton.displayName = "Stepper.DecrementButton";
-
-// src/stepper/StepperInput.tsx
-import { useMergeRefs } from "@spark-ui/hooks/use-merge-refs";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Input2 = ({ ref: forwardedRef, ...props }) => {
-  const { inputRef, inputProps } = useStepperContext();
-  const ref = useMergeRefs(forwardedRef, inputRef);
-  const { className = "", ...remainingProps } = props;
-  return /* @__PURE__ */ jsx3(
-    Input,
+h.displayName = "Stepper.DecrementButton";
+y.displayName = "Stepper.DecrementButton";
+const v = ({ ref: r, ...s }) => {
+  const { inputRef: e, inputProps: p } = f(), n = V(r, e), { className: t = "", ...i } = s;
+  return /* @__PURE__ */ o(
+    k,
     {
-      ref,
-      ...remainingProps,
-      ...inputProps,
-      className: `min-w-sz-56 text-center ${className}`
+      ref: n,
+      ...i,
+      ...p,
+      className: `min-w-sz-56 text-center ${t}`
     }
   );
-};
-var StepperInput = Object.assign(Input2, {
+}, x = Object.assign(v, {
   id: "Input"
 });
-Input2.displayName = "Stepper.Input";
-
-// src/stepper/index.ts
-var Stepper2 = Object.assign(Stepper, { IncrementButton: StepperIncrementButton, DecrementButton: StepperDecrementButton, Input: StepperInput });
-Stepper2.displayName = "Stepper";
-StepperIncrementButton.displayName = "Stepper.IncrementButton";
-StepperDecrementButton.displayName = "Stepper.DecrementButton";
-StepperInput.displayName = "Stepper.Input";
+v.displayName = "Stepper.Input";
+const z = Object.assign(g, { IncrementButton: N, DecrementButton: C, Input: x });
+z.displayName = "Stepper";
+N.displayName = "Stepper.IncrementButton";
+C.displayName = "Stepper.DecrementButton";
+x.displayName = "Stepper.Input";
 export {
-  Stepper2 as Stepper
+  z as Stepper
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/stepper/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/stepper/Stepper.tsx","../../src/stepper/useStepper.ts","../../src/stepper/StepperButton.tsx","../../src/stepper/StepperInput.tsx","../../src/stepper/index.ts"],"sourcesContent":["import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { createContext, type PropsWithChildren, RefObject, useContext, useRef } from 'react'\n\nimport { InputGroup } from '../input'\nimport type { StepperProps, UseStepperReturn } from './types'\nimport { useStepper } from './useStepper'\n\nconst StepperContext = createContext<\n  (Omit<UseStepperReturn, 'groupProps'> & { inputRef: RefObject<HTMLInputElement | null> }) | null\n>(null)\n\nexport const Stepper = ({\n  children,\n  formatOptions,\n  minValue,\n  maxValue,\n  ref: forwardedRef,\n  ...stepperProps\n}: PropsWithChildren<StepperProps>) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    groupProps,\n    inputProps: _inputProps,\n    incrementButtonProps: _incrementButtonProps,\n    decrementButtonProps: _decrementButtonProps,\n  } = useStepper({\n    ...{\n      ...stepperProps,\n      /**\n       * To enable the possibility to init the stepper with empty (undefined) value,\n       * we need to force the empty value to NaN.\n       * Cf. https://github.com/adobe/react-spectrum/issues/5524\n       */\n      ...('value' in stepperProps && { value: stepperProps.value ?? NaN }),\n      onChange: stepperProps.onValueChange,\n    },\n    formatOptions,\n    minValue,\n    maxValue,\n    inputRef,\n  })\n\n  const formFieldControlProps = useFormFieldControl()\n  const isWrappedInFormField = !!formFieldControlProps.id\n\n  const incrementButtonProps = {\n    ..._incrementButtonProps,\n    ...(isWrappedInFormField && { 'aria-controls': formFieldControlProps.id }),\n  }\n\n  const decrementButtonProps = {\n    ..._decrementButtonProps,\n    ...(isWrappedInFormField && { 'aria-controls': formFieldControlProps.id }),\n  }\n\n  const inputProps = {\n    ..._inputProps,\n    ...(isWrappedInFormField && {\n      id: formFieldControlProps.id,\n      required: formFieldControlProps.isRequired,\n      'aria-invalid': formFieldControlProps.isInvalid ? true : undefined,\n    }),\n  }\n\n  const { onValueChange: _, ...remainingStepperProps } = stepperProps\n\n  return (\n    <StepperContext.Provider\n      value={{ incrementButtonProps, decrementButtonProps, inputProps, inputRef }}\n    >\n      <InputGroup\n        {...remainingStepperProps}\n        {...groupProps}\n        data-spark-component=\"stepper\"\n        ref={forwardedRef}\n      >\n        {children}\n      </InputGroup>\n    </StepperContext.Provider>\n  )\n}\n\nStepper.displayName = 'Stepper'\n\nexport const useStepperContext = () => {\n  const context = useContext(StepperContext)\n\n  if (!context) {\n    throw Error('useStepperContext must be used within a Stepper provider')\n  }\n\n  return context\n}\n","import { useNumberField } from '@react-aria/numberfield'\nimport { useNumberFieldState } from '@react-stately/numberfield'\n\nimport type { UseStepperArgs, UseStepperReturn } from './types'\n\nexport const useStepper = ({\n  inputRef,\n  locale = 'fr',\n  ...rest\n}: UseStepperArgs): UseStepperReturn => {\n  const state = useNumberFieldState({\n    ...rest,\n    isDisabled: rest.disabled,\n    isReadOnly: rest.readOnly,\n    isRequired: rest.required,\n    locale,\n  })\n\n  const { groupProps, inputProps, incrementButtonProps, decrementButtonProps } = useNumberField(\n    {\n      isWheelDisabled: false,\n      ...rest,\n      isDisabled: rest.disabled,\n      isReadOnly: rest.readOnly,\n      isRequired: rest.required,\n    },\n    state,\n    inputRef\n  )\n\n  return {\n    groupProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n  }\n}\n","import { useButton } from '@react-aria/button'\nimport { Minus } from '@spark-ui/icons/Minus'\nimport { Plus } from '@spark-ui/icons/Plus'\nimport { type PropsWithChildren, useRef } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { InputGroup } from '../input'\nimport { useStepperContext } from './Stepper'\nimport type { StepperButtonProps } from './types'\n\nconst IncrementButton = ({\n  children,\n  design = 'ghost',\n  intent = 'neutral',\n  className,\n  ref: forwardedRef,\n  ...rest\n}: PropsWithChildren<StepperButtonProps>) => {\n  const innerRef = useRef<HTMLButtonElement>(null)\n  const ref = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef : innerRef\n\n  const { incrementButtonProps } = useStepperContext()\n  const { buttonProps } = useButton({ ...incrementButtonProps, ...rest }, ref)\n\n  return (\n    <InputGroup.TrailingAddon asChild data-spark-component=\"stepper-increment-button\">\n      <IconButton\n        ref={ref}\n        design={design}\n        intent={intent}\n        className={className}\n        aria-label={buttonProps['aria-label'] as string}\n        {...buttonProps}\n        disabled={rest.disabled || buttonProps.disabled}\n      >\n        {children || (\n          <Icon>\n            <Plus />\n          </Icon>\n        )}\n      </IconButton>\n    </InputGroup.TrailingAddon>\n  )\n}\n\nconst DecrementButton = ({\n  children,\n  design = 'ghost',\n  intent = 'neutral',\n  className,\n  ref: forwardedRef,\n  ...rest\n}: PropsWithChildren<StepperButtonProps>) => {\n  const innerRef = useRef<HTMLButtonElement>(null)\n  const ref = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef : innerRef\n\n  const { decrementButtonProps } = useStepperContext()\n  const { buttonProps } = useButton({ ...decrementButtonProps, ...rest }, ref)\n\n  return (\n    <InputGroup.LeadingAddon asChild data-spark-component=\"stepper-decrement-button\">\n      <IconButton\n        ref={ref}\n        design={design}\n        intent={intent}\n        className={className}\n        aria-label={buttonProps['aria-label'] as string}\n        {...buttonProps}\n        disabled={rest.disabled || buttonProps.disabled}\n      >\n        {children || (\n          <Icon>\n            <Minus />\n          </Icon>\n        )}\n      </IconButton>\n    </InputGroup.LeadingAddon>\n  )\n}\n\nexport const StepperIncrementButton = Object.assign(IncrementButton, {\n  id: 'TrailingAddon',\n})\n\nexport const StepperDecrementButton = Object.assign(DecrementButton, {\n  id: 'LeadingAddon',\n})\n\nIncrementButton.displayName = 'Stepper.DecrementButton'\nDecrementButton.displayName = 'Stepper.DecrementButton'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\n\nimport { Input as SparkInput } from '../input'\nimport { useStepperContext } from './Stepper'\nimport type { StepperInputProps } from './types'\n\nconst Input = ({ ref: forwardedRef, ...props }: StepperInputProps) => {\n  const { inputRef, inputProps } = useStepperContext()\n  const ref = useMergeRefs(forwardedRef, inputRef)\n  const { className = '', ...remainingProps } = props\n\n  return (\n    <SparkInput\n      ref={ref}\n      {...remainingProps}\n      {...inputProps}\n      className={`min-w-sz-56 text-center ${className}`}\n    />\n  )\n}\n\nexport const StepperInput = Object.assign(Input, {\n  id: 'Input',\n})\n\nInput.displayName = 'Stepper.Input'\n","import { Stepper as Root } from './Stepper'\nimport {\n  StepperDecrementButton as DecrementButton,\n  StepperIncrementButton as IncrementButton,\n} from './StepperButton'\nimport { StepperInput as Input } from './StepperInput'\n\nexport const Stepper: typeof Root & {\n  IncrementButton: typeof IncrementButton\n  DecrementButton: typeof DecrementButton\n  Input: typeof Input\n} = Object.assign(Root, { IncrementButton, DecrementButton, Input })\n\nStepper.displayName = 'Stepper'\nIncrementButton.displayName = 'Stepper.IncrementButton'\nDecrementButton.displayName = 'Stepper.DecrementButton'\nInput.displayName = 'Stepper.Input'\n\nexport type { StepperProps, StepperButtonProps, StepperInputProps } from './types'\n"],"mappings":"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","names":["useRef","jsx","useRef","jsx","Input","Stepper"]}
+{"version":3,"file":"index.mjs","sources":["../../src/stepper/useStepper.ts","../../src/stepper/Stepper.tsx","../../src/stepper/StepperButton.tsx","../../src/stepper/StepperInput.tsx","../../src/stepper/index.ts"],"sourcesContent":["import { useNumberField } from '@react-aria/numberfield'\nimport { useNumberFieldState } from '@react-stately/numberfield'\n\nimport type { UseStepperArgs, UseStepperReturn } from './types'\n\nexport const useStepper = ({\n  inputRef,\n  locale = 'fr',\n  ...rest\n}: UseStepperArgs): UseStepperReturn => {\n  const state = useNumberFieldState({\n    ...rest,\n    isDisabled: rest.disabled,\n    isReadOnly: rest.readOnly,\n    isRequired: rest.required,\n    locale,\n  })\n\n  const { groupProps, inputProps, incrementButtonProps, decrementButtonProps } = useNumberField(\n    {\n      isWheelDisabled: false,\n      ...rest,\n      isDisabled: rest.disabled,\n      isReadOnly: rest.readOnly,\n      isRequired: rest.required,\n    },\n    state,\n    inputRef\n  )\n\n  return {\n    groupProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n  }\n}\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { createContext, type PropsWithChildren, RefObject, useContext, useRef } from 'react'\n\nimport { InputGroup } from '../input'\nimport type { StepperProps, UseStepperReturn } from './types'\nimport { useStepper } from './useStepper'\n\nconst StepperContext = createContext<\n  (Omit<UseStepperReturn, 'groupProps'> & { inputRef: RefObject<HTMLInputElement | null> }) | null\n>(null)\n\nexport const Stepper = ({\n  children,\n  formatOptions,\n  minValue,\n  maxValue,\n  ref: forwardedRef,\n  ...stepperProps\n}: PropsWithChildren<StepperProps>) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const {\n    groupProps,\n    inputProps: _inputProps,\n    incrementButtonProps: _incrementButtonProps,\n    decrementButtonProps: _decrementButtonProps,\n  } = useStepper({\n    ...{\n      ...stepperProps,\n      /**\n       * To enable the possibility to init the stepper with empty (undefined) value,\n       * we need to force the empty value to NaN.\n       * Cf. https://github.com/adobe/react-spectrum/issues/5524\n       */\n      ...('value' in stepperProps && { value: stepperProps.value ?? NaN }),\n      onChange: stepperProps.onValueChange,\n    },\n    formatOptions,\n    minValue,\n    maxValue,\n    inputRef,\n  })\n\n  const formFieldControlProps = useFormFieldControl()\n  const isWrappedInFormField = !!formFieldControlProps.id\n\n  const incrementButtonProps = {\n    ..._incrementButtonProps,\n    ...(isWrappedInFormField && { 'aria-controls': formFieldControlProps.id }),\n  }\n\n  const decrementButtonProps = {\n    ..._decrementButtonProps,\n    ...(isWrappedInFormField && { 'aria-controls': formFieldControlProps.id }),\n  }\n\n  const inputProps = {\n    ..._inputProps,\n    ...(isWrappedInFormField && {\n      id: formFieldControlProps.id,\n      required: formFieldControlProps.isRequired,\n      'aria-invalid': formFieldControlProps.isInvalid ? true : undefined,\n    }),\n  }\n\n  const { onValueChange: _, ...remainingStepperProps } = stepperProps\n\n  return (\n    <StepperContext.Provider\n      value={{ incrementButtonProps, decrementButtonProps, inputProps, inputRef }}\n    >\n      <InputGroup\n        {...remainingStepperProps}\n        {...groupProps}\n        data-spark-component=\"stepper\"\n        ref={forwardedRef}\n      >\n        {children}\n      </InputGroup>\n    </StepperContext.Provider>\n  )\n}\n\nStepper.displayName = 'Stepper'\n\nexport const useStepperContext = () => {\n  const context = useContext(StepperContext)\n\n  if (!context) {\n    throw Error('useStepperContext must be used within a Stepper provider')\n  }\n\n  return context\n}\n","import { useButton } from '@react-aria/button'\nimport { Minus } from '@spark-ui/icons/Minus'\nimport { Plus } from '@spark-ui/icons/Plus'\nimport { type PropsWithChildren, useRef } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { InputGroup } from '../input'\nimport { useStepperContext } from './Stepper'\nimport type { StepperButtonProps } from './types'\n\nconst IncrementButton = ({\n  children,\n  design = 'ghost',\n  intent = 'neutral',\n  className,\n  ref: forwardedRef,\n  ...rest\n}: PropsWithChildren<StepperButtonProps>) => {\n  const innerRef = useRef<HTMLButtonElement>(null)\n  const ref = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef : innerRef\n\n  const { incrementButtonProps } = useStepperContext()\n  const { buttonProps } = useButton({ ...incrementButtonProps, ...rest }, ref)\n\n  return (\n    <InputGroup.TrailingAddon asChild data-spark-component=\"stepper-increment-button\">\n      <IconButton\n        ref={ref}\n        design={design}\n        intent={intent}\n        className={className}\n        aria-label={buttonProps['aria-label'] as string}\n        {...buttonProps}\n        disabled={rest.disabled || buttonProps.disabled}\n      >\n        {children || (\n          <Icon>\n            <Plus />\n          </Icon>\n        )}\n      </IconButton>\n    </InputGroup.TrailingAddon>\n  )\n}\n\nconst DecrementButton = ({\n  children,\n  design = 'ghost',\n  intent = 'neutral',\n  className,\n  ref: forwardedRef,\n  ...rest\n}: PropsWithChildren<StepperButtonProps>) => {\n  const innerRef = useRef<HTMLButtonElement>(null)\n  const ref = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef : innerRef\n\n  const { decrementButtonProps } = useStepperContext()\n  const { buttonProps } = useButton({ ...decrementButtonProps, ...rest }, ref)\n\n  return (\n    <InputGroup.LeadingAddon asChild data-spark-component=\"stepper-decrement-button\">\n      <IconButton\n        ref={ref}\n        design={design}\n        intent={intent}\n        className={className}\n        aria-label={buttonProps['aria-label'] as string}\n        {...buttonProps}\n        disabled={rest.disabled || buttonProps.disabled}\n      >\n        {children || (\n          <Icon>\n            <Minus />\n          </Icon>\n        )}\n      </IconButton>\n    </InputGroup.LeadingAddon>\n  )\n}\n\nexport const StepperIncrementButton = Object.assign(IncrementButton, {\n  id: 'TrailingAddon',\n})\n\nexport const StepperDecrementButton = Object.assign(DecrementButton, {\n  id: 'LeadingAddon',\n})\n\nIncrementButton.displayName = 'Stepper.DecrementButton'\nDecrementButton.displayName = 'Stepper.DecrementButton'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\n\nimport { Input as SparkInput } from '../input'\nimport { useStepperContext } from './Stepper'\nimport type { StepperInputProps } from './types'\n\nconst Input = ({ ref: forwardedRef, ...props }: StepperInputProps) => {\n  const { inputRef, inputProps } = useStepperContext()\n  const ref = useMergeRefs(forwardedRef, inputRef)\n  const { className = '', ...remainingProps } = props\n\n  return (\n    <SparkInput\n      ref={ref}\n      {...remainingProps}\n      {...inputProps}\n      className={`min-w-sz-56 text-center ${className}`}\n    />\n  )\n}\n\nexport const StepperInput = Object.assign(Input, {\n  id: 'Input',\n})\n\nInput.displayName = 'Stepper.Input'\n","import { Stepper as Root } from './Stepper'\nimport {\n  StepperDecrementButton as DecrementButton,\n  StepperIncrementButton as IncrementButton,\n} from './StepperButton'\nimport { StepperInput as Input } from './StepperInput'\n\nexport const Stepper: typeof Root & {\n  IncrementButton: typeof IncrementButton\n  DecrementButton: typeof DecrementButton\n  Input: typeof Input\n} = Object.assign(Root, { IncrementButton, DecrementButton, Input })\n\nStepper.displayName = 'Stepper'\nIncrementButton.displayName = 'Stepper.IncrementButton'\nDecrementButton.displayName = 'Stepper.DecrementButton'\nInput.displayName = 'Stepper.Input'\n\nexport type { StepperProps, StepperButtonProps, StepperInputProps } from './types'\n"],"names":["useStepper","inputRef","locale","rest","state","useNumberFieldState","groupProps","inputProps","incrementButtonProps","decrementButtonProps","useNumberField","StepperContext","createContext","Stepper","children","formatOptions","minValue","maxValue","forwardedRef","stepperProps","useRef","_inputProps","_incrementButtonProps","_decrementButtonProps","formFieldControlProps","useFormFieldControl","isWrappedInFormField","_","remainingStepperProps","jsx","InputGroup","useStepperContext","context","useContext","IncrementButton","design","intent","className","innerRef","ref","buttonProps","useButton","IconButton","Icon","Plus","DecrementButton","Minus","StepperIncrementButton","StepperDecrementButton","Input","props","useMergeRefs","remainingProps","SparkInput","StepperInput","Root"],"mappings":"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"}

package/dist/stepper/types.d.ts

@@ -0,0 +1,46 @@
+import { AriaButtonOptions } from '@react-aria/button';
+import { NumberFieldAria } from '@react-aria/numberfield';
+import { NumberFieldStateOptions } from '@react-stately/numberfield';
+import { AriaNumberFieldProps } from '@react-types/numberfield';
+import { Ref, RefObject } from 'react';
+import { IconButtonProps } from '../icon-button';
+import { InputGroupProps, InputProps } from '../input';
+/**
+ * As we're using React Spectrum library to build this component, we also want
+ * to build our typing uppon theirs.
+ * Still, we have to adapt it to avoid exposing useless props.
+ */
+export type StepperButtonProps = Omit<IconButtonProps, 'shape' | 'size' | 'disabled' | 'asChild' | 'isLoading' | 'loadingLabel'> & Omit<AriaButtonOptions<'button'>, 'elementType' | 'href' | 'target' | 'isDisabled' | 'excludeFromTabOrder' | 'aria-label' | 'preventFocusOnPress'> & {
+    disabled?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+};
+type SpectrumNumberFieldPropsFilter = 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'validationState' | 'validationBehavior' | 'validate' | 'label' | 'description' | 'errorMessage' | 'isWheelDisabled' | 'id' | 'onCopy' | 'onCut' | 'onPaste' | 'onCompositionStart' | 'onCompositionEnd' | 'onCompositionUpdate' | 'onSelect' | 'onBeforeInput' | 'onInput';
+export interface UseStepperArgs extends Omit<Omit<NumberFieldStateOptions, 'locale'> & Omit<AriaNumberFieldProps, 'incrementAriaLabel' | 'decrementAriaLabel'>, SpectrumNumberFieldPropsFilter> {
+    inputRef: RefObject<HTMLInputElement | null>;
+    /**
+     * Sets the component as interactive or not.
+     */
+    disabled?: boolean;
+    /**
+     * Sets the component as editable or not.
+     */
+    readOnly?: boolean;
+    /**
+     * Sets the component as mandatory for form validation.
+     */
+    required?: boolean;
+    /**
+     * The [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code for the locale.
+     * @default 'fr'
+     */
+    locale?: string;
+}
+export type UseStepperReturn = Pick<NumberFieldAria, 'groupProps' | 'inputProps' | 'incrementButtonProps' | 'decrementButtonProps'>;
+export type StepperProps = Omit<Omit<UseStepperArgs, 'inputRef' | 'aria-label'> & Omit<InputGroupProps, 'onClear'>, 'onChange'> & {
+    onValueChange?: (e: number) => void;
+    ref?: Ref<HTMLDivElement>;
+};
+export type StepperInputProps = Omit<InputProps, 'asChild'> & {
+    ref?: Ref<HTMLInputElement>;
+};
+export {};

package/dist/stepper/useStepper.d.ts

@@ -0,0 +1,2 @@
+import { UseStepperArgs, UseStepperReturn } from './types';
+export declare const useStepper: ({ inputRef, locale, ...rest }: UseStepperArgs) => UseStepperReturn;

package/dist/switch/Switch.d.ts

@@ -0,0 +1,6 @@
+import { SwitchInputProps } from './SwitchInput';
+export type SwitchProps = SwitchInputProps;
+export declare const Switch: {
+    ({ size, children, className, id, disabled, reverse, ref, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/switch/SwitchInput.d.ts

@@ -0,0 +1,51 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { StylesProps } from './SwitchInput.styles';
+export interface SwitchInputProps extends StylesProps, Omit<ComponentPropsWithRef<'button'>, 'value'> {
+    /**
+     * The state of the switch when it is initially rendered. Use when you do not need to control its state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * The controlled state of the switch. Must be used in conjunction with `onCheckedChange`.
+     */
+    checked?: boolean;
+    /**
+     * When true, prevents the user from interacting with the switch.
+     */
+    /**
+     * Event handler called when the state of the switch changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * When `true`, prevents the user from interacting with the switch.
+     */
+    disabled?: boolean;
+    /**
+     * When true, indicates that the user must check the switch before the owning form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * The name of the switch. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The value given as data when submitted with a name.
+     */
+    value?: string;
+    /**
+     * Icon shown inside the thumb of the Switch whenever it is checked
+     */
+    checkedIcon?: ReactNode;
+    /**
+     * Icon shown inside the thumb of the Switch whenever it is unchecked
+     */
+    uncheckedIcon?: ReactNode;
+    /**
+     * When true, the label will be placed on the left side of the Switch
+     */
+    reverse?: boolean;
+}
+export declare const SwitchInput: {
+    ({ checked, checkedIcon, defaultChecked, intent: intentProp, uncheckedIcon, size, value, onCheckedChange, className, required, ref, ...rest }: SwitchInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/switch/SwitchInput.styles.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const styles: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    intent?: "main" | "alert" | "error" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type StylesProps = VariantProps<typeof styles>;
+export declare const thumbWrapperStyles: (props?: ({
+    checked?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const thumbStyles: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    checked?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const thumbCheckSVGStyles: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/switch/SwitchLabel.d.ts

@@ -0,0 +1,17 @@
+import { LabelProps } from '../label';
+import { LabelStylesProps } from './SwitchLabel.styles';
+export interface SwitchLabelProps extends LabelStylesProps, LabelProps {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * The id of the element the label is associated with.
+     */
+    htmlFor?: string;
+    /**
+     * When true, prevents the user from interacting with the switch item.
+     */
+    disabled?: boolean;
+}
+export declare const SwitchLabel: ({ className, disabled, ...others }: SwitchLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/switch/SwitchLabel.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const labelStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type LabelStylesProps = VariantProps<typeof labelStyles>;