@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/browser/modules/statistic/statistic.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/statistic.css');
 var __webpack_require__ = {};
 (()=>{
@@ -31,15 +32,17 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     Countdown: ()=>Countdown,
-    Statistic: ()=>Statistic
+    Statistic: ()=>Statistic,
+    StatisticControl: ()=>StatisticControl
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const motion_cjs_namespaceObject = require("../shared/motion.cjs");
 const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
-function Statistic({ title, value, precision, grouping = true, prefix, suffix, formatter, loading, className, ...props }) {
+function StatisticControl({ title, value, precision, grouping = true, prefix, suffix, formatter, loading, className, ...props }) {
     const { locale, messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const number = (0, external_react_namespaceObject.useRef)(null);
     const previous = (0, external_react_namespaceObject.useRef)(value);
@@ -90,7 +93,7 @@ function Statistic({ title, value, precision, grouping = true, prefix, suffix, f
                         ref: number,
                         className: "leaf-statistic__number",
                         "data-loading": loading || void 0,
-                        children: loading ? messages.loading : formatter ? formatter(value) : 'number' == typeof value ? new Intl.NumberFormat(locale, {
+                        children: loading ? messages.common.loading : formatter ? formatter(value) : 'number' == typeof value ? new Intl.NumberFormat(locale, {
                             minimumFractionDigits: digits,
                             maximumFractionDigits: digits ?? 6,
                             useGrouping: grouping
@@ -105,7 +108,8 @@ function Statistic({ title, value, precision, grouping = true, prefix, suffix, f
         ]
     });
 }
-function Countdown({ value, format = 'HH:mm:ss', onFinish, onChange, initialRemaining, ...props }) {
+function Countdown(rawProps) {
+    const { value, format = 'HH:mm:ss', onFinish, onChange, initialRemaining, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Countdown', rawProps);
     const rawDeadline = value instanceof Date ? value.getTime() : value;
     const deadline = Number.isFinite(rawDeadline) ? rawDeadline : 0;
     const [now, setNow] = (0, external_react_namespaceObject.useState)(()=>void 0 !== initialRemaining && Number.isFinite(initialRemaining) ? deadline - Math.max(0, initialRemaining) : Date.now());
@@ -140,16 +144,24 @@ function Countdown({ value, format = 'HH:mm:ss', onFinish, onChange, initialRema
     const remaining = Math.max(0, deadline - now);
     const days = Math.floor(remaining / 86400000), hours = Math.floor(remaining / 3600000), minutes = Math.floor(remaining / 60000) % 60, seconds = Math.floor(remaining / 1000) % 60;
     const label = format.replace(/DD|HH|mm|ss|SSS/g, (token)=>String('DD' === token ? days : 'HH' === token ? format.includes('DD') ? hours % 24 : hours : 'mm' === token ? minutes : 'ss' === token ? seconds : remaining % 1000).padStart('SSS' === token ? 3 : 2, '0'));
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Statistic, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StatisticControl, {
         ...props,
         value: label
     });
 }
+function Statistic(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Statistic', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StatisticControl, {
+        ...props
+    });
+}
 exports.Countdown = __webpack_exports__.Countdown;
 exports.Statistic = __webpack_exports__.Statistic;
+exports.StatisticControl = __webpack_exports__.StatisticControl;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Countdown",
-    "Statistic"
+    "Statistic",
+    "StatisticControl"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/browser/modules/statistic/statistic.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"statistic/statistic.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/statistic/statistic.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport interface StatisticProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'prefix'> {\n  title?: ReactNode;\n  value: number | string;\n  precision?: number;\n  grouping?: boolean;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  formatter?: (value: number | string) => ReactNode;\n  loading?: boolean;\n}\nexport function Statistic({\n  title,\n  value,\n  precision,\n  grouping = true,\n  prefix,\n  suffix,\n  formatter,\n  loading,\n  className,\n  ...props\n}: StatisticProps) {\n  const { locale, messages } = useLeafConfig();\n  const number = useRef<HTMLSpanElement>(null);\n  const previous = useRef(value);\n  const animation = useRef<Animation | undefined>(undefined);\n  const motion = useMotionEnabled();\n  useBrowserLayoutEffect(() => {\n    const node = number.current;\n    const changed = previous.current !== value;\n    const interrupted =\n      animation.current?.playState === 'running' && node ? getComputedStyle(node) : null;\n    const opacity = interrupted?.opacity ?? 0.65;\n    const transform =\n      interrupted?.transform ??\n      `translateY(${typeof value === 'number' && typeof previous.current === 'number' && value < previous.current ? -4 : 4}px)`;\n    animation.current?.cancel();\n    if (\n      motion &&\n      changed &&\n      node &&\n      !loading &&\n      !formatter &&\n      typeof value === 'number' &&\n      Number.isFinite(value)\n    ) {\n      animation.current = animateMotion(\n        node,\n        [\n          { opacity, transform },\n          { opacity: 1, transform: 'translateY(0)' },\n        ],\n        { durationMultiplier: 1.6 },\n      );\n    }\n    previous.current = value;\n  }, [value, loading, formatter, motion]);\n  useEffect(() => () => animation.current?.cancel(), []);\n  const digits = precision === undefined ? undefined : Math.max(0, Math.min(20, precision));\n  return (\n    <div\n      {...props}\n      className={classes('leaf-statistic', className)}\n      aria-busy={loading || undefined}\n    >\n      {title && <div className=\"leaf-statistic__title\">{title}</div>}\n      <div className=\"leaf-statistic__value\">\n        {prefix}\n        <span ref={number} className=\"leaf-statistic__number\" data-loading={loading || undefined}>\n          {loading\n            ? messages.loading\n            : formatter\n              ? formatter(value)\n              : typeof value === 'number'\n                ? new Intl.NumberFormat(locale, {\n                    minimumFractionDigits: digits,\n                    maximumFractionDigits: digits ?? 6,\n                    useGrouping: grouping,\n                  }).format(value)\n                : value}\n        </span>\n        {suffix && <span className=\"leaf-statistic__suffix\">{suffix}</span>}\n      </div>\n    </div>\n  );\n}\nexport interface CountdownProps\n  extends Omit<StatisticProps, 'value' | 'precision' | 'grouping' | 'formatter' | 'onChange'> {\n  value: number | Date;\n  format?: string;\n  onFinish?: () => void;\n  onChange?: (remaining: number) => void;\n  initialRemaining?: number;\n}\nexport function Countdown({\n  value,\n  format = 'HH:mm:ss',\n  onFinish,\n  onChange,\n  initialRemaining,\n  ...props\n}: CountdownProps) {\n  const rawDeadline = value instanceof Date ? value.getTime() : value;\n  const deadline = Number.isFinite(rawDeadline) ? rawDeadline : 0;\n  const [now, setNow] = useState(() =>\n    initialRemaining !== undefined && Number.isFinite(initialRemaining)\n      ? deadline - Math.max(0, initialRemaining)\n      : Date.now(),\n  );\n  const callbacks = useRef({ onFinish, onChange });\n  const finishedDeadline = useRef<number | null>(null);\n  callbacks.current = { onFinish, onChange };\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const tick = () => {\n      const current = Date.now();\n      const remaining = Math.max(0, deadline - current);\n      setNow(current);\n      callbacks.current.onChange?.(remaining);\n      if (remaining === 0 && finishedDeadline.current !== deadline) {\n        finishedDeadline.current = deadline;\n        callbacks.current.onFinish?.();\n      }\n      if (remaining > 0)\n        timer = setTimeout(tick, Math.min(remaining, format.includes('SSS') ? 50 : 1000));\n    };\n    tick();\n    return () => clearTimeout(timer);\n  }, [deadline, format]);\n  const remaining = Math.max(0, deadline - now);\n  const days = Math.floor(remaining / 86400000),\n    hours = Math.floor(remaining / 3600000),\n    minutes = Math.floor(remaining / 60000) % 60,\n    seconds = Math.floor(remaining / 1000) % 60;\n  const label = format.replace(/DD|HH|mm|ss|SSS/g, (token) =>\n    String(\n      token === 'DD'\n        ? days\n        : token === 'HH'\n          ? format.includes('DD')\n            ? hours % 24\n            : hours\n          : token === 'mm'\n            ? minutes\n            : token === 'ss'\n              ? seconds\n              : remaining % 1000,\n    ).padStart(token === 'SSS' ? 3 : 2, '0'),\n  );\n  return <Statistic {...props} value={label} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Statistic","title","value","precision","grouping","prefix","suffix","formatter","loading","className","props","locale","messages","useLeafConfig","number","useRef","previous","animation","undefined","motion","useMotionEnabled","node","changed","interrupted","getComputedStyle","opacity","transform","Number","animateMotion","digits","Math","classes","Intl","Countdown","format","onFinish","onChange","initialRemaining","rawDeadline","Date","deadline","now","setNow","useState","callbacks","finishedDeadline","timer","tick","current","remaining","setTimeout","clearTimeout","days","hours","minutes","seconds","label","token","String"],"mappings":"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"}
+{"version":3,"file":"statistic/statistic.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/statistic/statistic.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import {\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nexport interface StatisticProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'prefix'> {\n  title?: ReactNode;\n  value: number | string;\n  precision?: number;\n  grouping?: boolean;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  formatter?: (value: number | string) => ReactNode;\n  loading?: boolean;\n}\nexport function StatisticControl({\n  title,\n  value,\n  precision,\n  grouping = true,\n  prefix,\n  suffix,\n  formatter,\n  loading,\n  className,\n  ...props\n}: StatisticProps) {\n  const { locale, messages } = useLeafConfig();\n  const number = useRef<HTMLSpanElement>(null);\n  const previous = useRef(value);\n  const animation = useRef<Animation | undefined>(undefined);\n  const motion = useMotionEnabled();\n  useBrowserLayoutEffect(() => {\n    const node = number.current;\n    const changed = previous.current !== value;\n    const interrupted =\n      animation.current?.playState === 'running' && node ? getComputedStyle(node) : null;\n    const opacity = interrupted?.opacity ?? 0.65;\n    const transform =\n      interrupted?.transform ??\n      `translateY(${typeof value === 'number' && typeof previous.current === 'number' && value < previous.current ? -4 : 4}px)`;\n    animation.current?.cancel();\n    if (\n      motion &&\n      changed &&\n      node &&\n      !loading &&\n      !formatter &&\n      typeof value === 'number' &&\n      Number.isFinite(value)\n    ) {\n      animation.current = animateMotion(\n        node,\n        [\n          { opacity, transform },\n          { opacity: 1, transform: 'translateY(0)' },\n        ],\n        { durationMultiplier: 1.6 },\n      );\n    }\n    previous.current = value;\n  }, [value, loading, formatter, motion]);\n  useEffect(() => () => animation.current?.cancel(), []);\n  const digits = precision === undefined ? undefined : Math.max(0, Math.min(20, precision));\n  return (\n    <div\n      {...props}\n      className={classes('leaf-statistic', className)}\n      aria-busy={loading || undefined}\n    >\n      {title && <div className=\"leaf-statistic__title\">{title}</div>}\n      <div className=\"leaf-statistic__value\">\n        {prefix}\n        <span ref={number} className=\"leaf-statistic__number\" data-loading={loading || undefined}>\n          {loading\n            ? messages.common.loading\n            : formatter\n              ? formatter(value)\n              : typeof value === 'number'\n                ? new Intl.NumberFormat(locale, {\n                    minimumFractionDigits: digits,\n                    maximumFractionDigits: digits ?? 6,\n                    useGrouping: grouping,\n                  }).format(value)\n                : value}\n        </span>\n        {suffix && <span className=\"leaf-statistic__suffix\">{suffix}</span>}\n      </div>\n    </div>\n  );\n}\nexport interface CountdownProps\n  extends Omit<StatisticProps, 'value' | 'precision' | 'grouping' | 'formatter' | 'onChange'> {\n  value: number | Date;\n  format?: string;\n  onFinish?: () => void;\n  onChange?: (remaining: number) => void;\n  initialRemaining?: number;\n}\nexport function Countdown(rawProps: CountdownProps) {\n  const {\n    value,\n    format = 'HH:mm:ss',\n    onFinish,\n    onChange,\n    initialRemaining,\n    ...props\n  } = useComponentProps('Countdown', rawProps);\n  const rawDeadline = value instanceof Date ? value.getTime() : value;\n  const deadline = Number.isFinite(rawDeadline) ? rawDeadline : 0;\n  const [now, setNow] = useState(() =>\n    initialRemaining !== undefined && Number.isFinite(initialRemaining)\n      ? deadline - Math.max(0, initialRemaining)\n      : Date.now(),\n  );\n  const callbacks = useRef({ onFinish, onChange });\n  const finishedDeadline = useRef<number | null>(null);\n  callbacks.current = { onFinish, onChange };\n  useEffect(() => {\n    let timer: ReturnType<typeof setTimeout> | undefined;\n    const tick = () => {\n      const current = Date.now();\n      const remaining = Math.max(0, deadline - current);\n      setNow(current);\n      callbacks.current.onChange?.(remaining);\n      if (remaining === 0 && finishedDeadline.current !== deadline) {\n        finishedDeadline.current = deadline;\n        callbacks.current.onFinish?.();\n      }\n      if (remaining > 0)\n        timer = setTimeout(tick, Math.min(remaining, format.includes('SSS') ? 50 : 1000));\n    };\n    tick();\n    return () => clearTimeout(timer);\n  }, [deadline, format]);\n  const remaining = Math.max(0, deadline - now);\n  const days = Math.floor(remaining / 86400000),\n    hours = Math.floor(remaining / 3600000),\n    minutes = Math.floor(remaining / 60000) % 60,\n    seconds = Math.floor(remaining / 1000) % 60;\n  const label = format.replace(/DD|HH|mm|ss|SSS/g, (token) =>\n    String(\n      token === 'DD'\n        ? days\n        : token === 'HH'\n          ? format.includes('DD')\n            ? hours % 24\n            : hours\n          : token === 'mm'\n            ? minutes\n            : token === 'ss'\n              ? seconds\n              : remaining % 1000,\n    ).padStart(token === 'SSS' ? 3 : 2, '0'),\n  );\n  return <StatisticControl {...props} value={label} />;\n}\n\nexport function Statistic(rawProps: StatisticProps) {\n  const props = useComponentProps('Statistic', rawProps);\n  return <StatisticControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","StatisticControl","title","value","precision","grouping","prefix","suffix","formatter","loading","className","props","locale","messages","useLeafConfig","number","useRef","previous","animation","undefined","motion","useMotionEnabled","node","changed","interrupted","getComputedStyle","opacity","transform","Number","animateMotion","digits","Math","classes","Intl","Countdown","rawProps","format","onFinish","onChange","initialRemaining","useComponentProps","rawDeadline","Date","deadline","now","setNow","useState","callbacks","finishedDeadline","timer","tick","current","remaining","setTimeout","clearTimeout","days","hours","minutes","seconds","label","token","String","Statistic"],"mappings":"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"}

package/dist/cjs/browser/modules/steps/steps.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/steps.css');
 var __webpack_require__ = {};
 (()=>{
@@ -35,10 +36,12 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const motion_cjs_namespaceObject = require("../shared/motion.cjs");
 const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
-function Steps({ items, current = 0, status = 'process', direction = 'horizontal', size = 'md', loading = false, onChange, progressDot, percent, className, ...props }) {
+function Steps(rawProps) {
+    const { items, current = 0, status = 'process', direction = 'horizontal', size = 'md', loading = false, onChange, progressDot, percent, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Steps', rawProps);
     const root = (0, external_react_namespaceObject.useRef)(null);
     const motion = (0, motion_cjs_namespaceObject.useMotionEnabled)();
     const states = items.map((item, index)=>item.status ?? (index < current ? 'finish' : index === current ? status : 'wait'));

package/dist/cjs/browser/modules/steps/steps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"steps/steps.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/steps/steps.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check, LoaderCircle, X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useEffect, useLayoutEffect, useRef } from 'react';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport type { ControlSize } from '../shared/types';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport interface StepItem {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  status?: 'wait' | 'process' | 'finish' | 'error';\n  disabled?: boolean;\n}\nexport interface StepsProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onChange'> {\n  items: readonly StepItem[];\n  current?: number;\n  status?: 'process' | 'finish' | 'error';\n  direction?: 'horizontal' | 'vertical';\n  size?: ControlSize;\n  loading?: boolean;\n  onChange?: (current: number) => void;\n  progressDot?: boolean | ((dot: ReactNode, info: { index: number; status: string }) => ReactNode);\n  percent?: number;\n}\n\nexport function Steps({\n  items,\n  current = 0,\n  status = 'process',\n  direction = 'horizontal',\n  size = 'md',\n  loading = false,\n  onChange,\n  progressDot,\n  percent,\n  className,\n  ...props\n}: StepsProps) {\n  const root = useRef<HTMLOListElement>(null);\n  const motion = useMotionEnabled();\n  const states = items.map(\n    (item, index) =>\n      item.status ?? (index < current ? 'finish' : index === current ? status : 'wait'),\n  );\n  const previous = useRef(states);\n  const animations = useRef<Animation[]>([]);\n  const signature = states.join(',');\n  useBrowserLayoutEffect(() => {\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    if (motion)\n      for (const [index, state] of states.entries()) {\n        if (previous.current[index] === state || previous.current[index] === undefined) continue;\n        const icon = root.current?.querySelector<HTMLElement>(\n          `[data-step-index=\"${index}\"] .leaf-steps__icon`,\n        );\n        if (icon) {\n          const animation = animateMotion(\n            icon,\n            [{ transform: 'scale(0.88)' }, { transform: 'scale(1)' }],\n            { durationMultiplier: 1.6, easing: 'spring' },\n          );\n          if (animation) animations.current.push(animation);\n        }\n      }\n    previous.current = states;\n  }, [signature, motion]);\n  useEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n  return (\n    <ol\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-steps',\n        `leaf-steps--${direction}`,\n        `leaf-steps--${size}`,\n        progressDot && 'leaf-steps--dot',\n        className,\n      )}\n    >\n      {items.map((item, index) => {\n        const state =\n          item.status ?? (index < current ? 'finish' : index === current ? status : 'wait');\n        const content = (\n          <>\n            <span className=\"leaf-steps__icon\" aria-hidden=\"true\">\n              {progressDot ? (\n                typeof progressDot === 'function' ? (\n                  progressDot(<span className=\"leaf-steps__dot\" />, { index, status: state })\n                ) : (\n                  <span className=\"leaf-steps__dot\" />\n                )\n              ) : (\n                <>\n                  {percent !== undefined && index === current && (\n                    <svg className=\"leaf-steps__progress\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n                      <circle className=\"leaf-steps__progress-trail\" cx=\"20\" cy=\"20\" r=\"18\" />\n                      <circle\n                        cx=\"20\"\n                        cy=\"20\"\n                        r=\"18\"\n                        strokeDasharray={`${113.097 * (Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0)) / 100)} 113.097`}\n                      />\n                    </svg>\n                  )}\n                  {item.icon ??\n                    (state === 'finish' ? (\n                      <Check />\n                    ) : state === 'error' ? (\n                      <X />\n                    ) : index === current && loading ? (\n                      <LoaderCircle className=\"leaf-steps__spinner\" />\n                    ) : (\n                      index + 1\n                    ))}\n                </>\n              )}\n            </span>\n            <span className=\"leaf-steps__copy\">\n              <span className=\"leaf-steps__title\">{item.title}</span>\n              {item.description && (\n                <span className=\"leaf-steps__description\">{item.description}</span>\n              )}\n            </span>\n          </>\n        );\n        return (\n          <li\n            key={item.key ?? index}\n            className=\"leaf-steps__item\"\n            data-status={state}\n            data-step-index={index}\n            aria-current={index === current ? 'step' : undefined}\n          >\n            {onChange ? (\n              <button\n                type=\"button\"\n                className=\"leaf-steps__content\"\n                disabled={item.disabled}\n                onClick={() => onChange(index)}\n              >\n                {content}\n              </button>\n            ) : (\n              <div className=\"leaf-steps__content\">{content}</div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Steps","items","current","status","direction","size","loading","onChange","progressDot","percent","className","props","root","useRef","motion","useMotionEnabled","states","item","index","previous","animations","signature","animation","state","undefined","icon","animateMotion","classes","content","Math","Number","Check","X","LoaderCircle"],"mappings":"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"}
+{"version":3,"file":"steps/steps.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/steps/steps.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check, LoaderCircle, X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useEffect, useLayoutEffect, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport type { ControlSize } from '../shared/types';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport interface StepItem {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  status?: 'wait' | 'process' | 'finish' | 'error';\n  disabled?: boolean;\n}\nexport interface StepsProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onChange'> {\n  items: readonly StepItem[];\n  current?: number;\n  status?: 'process' | 'finish' | 'error';\n  direction?: 'horizontal' | 'vertical';\n  size?: ControlSize;\n  loading?: boolean;\n  onChange?: (current: number) => void;\n  progressDot?: boolean | ((dot: ReactNode, info: { index: number; status: string }) => ReactNode);\n  percent?: number;\n}\n\nexport function Steps(rawProps: StepsProps) {\n  const {\n    items,\n    current = 0,\n    status = 'process',\n    direction = 'horizontal',\n    size = 'md',\n    loading = false,\n    onChange,\n    progressDot,\n    percent,\n    className,\n    ...props\n  } = useComponentProps('Steps', rawProps);\n  const root = useRef<HTMLOListElement>(null);\n  const motion = useMotionEnabled();\n  const states = items.map(\n    (item, index) =>\n      item.status ?? (index < current ? 'finish' : index === current ? status : 'wait'),\n  );\n  const previous = useRef(states);\n  const animations = useRef<Animation[]>([]);\n  const signature = states.join(',');\n  useBrowserLayoutEffect(() => {\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    if (motion)\n      for (const [index, state] of states.entries()) {\n        if (previous.current[index] === state || previous.current[index] === undefined) continue;\n        const icon = root.current?.querySelector<HTMLElement>(\n          `[data-step-index=\"${index}\"] .leaf-steps__icon`,\n        );\n        if (icon) {\n          const animation = animateMotion(\n            icon,\n            [{ transform: 'scale(0.88)' }, { transform: 'scale(1)' }],\n            { durationMultiplier: 1.6, easing: 'spring' },\n          );\n          if (animation) animations.current.push(animation);\n        }\n      }\n    previous.current = states;\n  }, [signature, motion]);\n  useEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n  return (\n    <ol\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-steps',\n        `leaf-steps--${direction}`,\n        `leaf-steps--${size}`,\n        progressDot && 'leaf-steps--dot',\n        className,\n      )}\n    >\n      {items.map((item, index) => {\n        const state =\n          item.status ?? (index < current ? 'finish' : index === current ? status : 'wait');\n        const content = (\n          <>\n            <span className=\"leaf-steps__icon\" aria-hidden=\"true\">\n              {progressDot ? (\n                typeof progressDot === 'function' ? (\n                  progressDot(<span className=\"leaf-steps__dot\" />, { index, status: state })\n                ) : (\n                  <span className=\"leaf-steps__dot\" />\n                )\n              ) : (\n                <>\n                  {percent !== undefined && index === current && (\n                    <svg className=\"leaf-steps__progress\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n                      <circle className=\"leaf-steps__progress-trail\" cx=\"20\" cy=\"20\" r=\"18\" />\n                      <circle\n                        cx=\"20\"\n                        cy=\"20\"\n                        r=\"18\"\n                        strokeDasharray={`${113.097 * (Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0)) / 100)} 113.097`}\n                      />\n                    </svg>\n                  )}\n                  {item.icon ??\n                    (state === 'finish' ? (\n                      <Check />\n                    ) : state === 'error' ? (\n                      <X />\n                    ) : index === current && loading ? (\n                      <LoaderCircle className=\"leaf-steps__spinner\" />\n                    ) : (\n                      index + 1\n                    ))}\n                </>\n              )}\n            </span>\n            <span className=\"leaf-steps__copy\">\n              <span className=\"leaf-steps__title\">{item.title}</span>\n              {item.description && (\n                <span className=\"leaf-steps__description\">{item.description}</span>\n              )}\n            </span>\n          </>\n        );\n        return (\n          <li\n            key={item.key ?? index}\n            className=\"leaf-steps__item\"\n            data-status={state}\n            data-step-index={index}\n            aria-current={index === current ? 'step' : undefined}\n          >\n            {onChange ? (\n              <button\n                type=\"button\"\n                className=\"leaf-steps__content\"\n                disabled={item.disabled}\n                onClick={() => onChange(index)}\n              >\n                {content}\n              </button>\n            ) : (\n              <div className=\"leaf-steps__content\">{content}</div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Steps","rawProps","items","current","status","direction","size","loading","onChange","progressDot","percent","className","props","useComponentProps","root","useRef","motion","useMotionEnabled","states","item","index","previous","animations","signature","animation","state","undefined","icon","animateMotion","classes","content","Math","Number","Check","X","LoaderCircle"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;ACCA,MAAMI,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,+BAAAA,SAASA,GAAGC,+BAAAA,eAAeA;AAsBnF,SAASC,MAAMC,QAAoB;IACxC,MAAM,EACJC,KAAK,EACLC,UAAU,CAAC,EACXC,SAAS,SAAS,EAClBC,YAAY,YAAY,EACxBC,OAAO,IAAI,EACXC,UAAU,KAAK,EACfC,QAAQ,EACRC,WAAW,EACXC,OAAO,EACPC,SAAS,EACT,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,SAASZ;IAC/B,MAAMa,OAAOC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAyB;IACtC,MAAMC,SAASC,AAAAA,IAAAA,2BAAAA,gBAAAA,AAAAA;IACf,MAAMC,SAAShB,MAAM,GAAG,CACtB,CAACiB,MAAMC,QACLD,KAAK,MAAM,IAAKC,CAAAA,QAAQjB,UAAU,WAAWiB,UAAUjB,UAAUC,SAAS,MAAK;IAEnF,MAAMiB,WAAWN,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAOG;IACxB,MAAMI,aAAaP,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAoB,EAAE;IACzC,MAAMQ,YAAYL,OAAO,IAAI,CAAC;IAC9BtB,uBAAuB;QACrB,KAAK,MAAM4B,aAAaF,WAAW,OAAO,CAAEE,UAAU,MAAM;QAC5DF,WAAW,OAAO,GAAG,EAAE;QACvB,IAAIN,QACF,KAAK,MAAM,CAACI,OAAOK,MAAM,IAAIP,OAAO,OAAO,GAAI;YAC7C,IAAIG,SAAS,OAAO,CAACD,MAAM,KAAKK,SAASJ,AAA4BK,WAA5BL,SAAS,OAAO,CAACD,MAAM,EAAgB;YAChF,MAAMO,OAAOb,KAAK,OAAO,EAAE,cACzB,CAAC,kBAAkB,EAAEM,MAAM,oBAAoB,CAAC;YAElD,IAAIO,MAAM;gBACR,MAAMH,YAAYI,AAAAA,IAAAA,2BAAAA,aAAAA,AAAAA,EAChBD,MACA;oBAAC;wBAAE,WAAW;oBAAc;oBAAG;wBAAE,WAAW;oBAAW;iBAAE,EACzD;oBAAE,oBAAoB;oBAAK,QAAQ;gBAAS;gBAE9C,IAAIH,WAAWF,WAAW,OAAO,CAAC,IAAI,CAACE;YACzC;QACF;QACFH,SAAS,OAAO,GAAGH;IACrB,GAAG;QAACK;QAAWP;KAAO;IACtBlB,IAAAA,+BAAAA,SAAAA,AAAAA,EACE,IAAM;YACJ,KAAK,MAAM0B,aAAaF,WAAW,OAAO,CAAEE,UAAU,MAAM;QAC9D,GACA,EAAE;IAEJ,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGZ,KAAK;QACT,KAAKE;QACL,WAAWe,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,cACA,CAAC,YAAY,EAAExB,WAAW,EAC1B,CAAC,YAAY,EAAEC,MAAM,EACrBG,eAAe,mBACfE;kBAGDT,MAAM,GAAG,CAAC,CAACiB,MAAMC;YAChB,MAAMK,QACJN,KAAK,MAAM,IAAKC,CAAAA,QAAQjB,UAAU,WAAWiB,UAAUjB,UAAUC,SAAS,MAAK;YACjF,MAAM0B,UACJ,AADc,WAAVA,GACJ;;kCACE,qCAAC;wBAAK,WAAU;wBAAmB,eAAY;kCAC5CrB,cACC,AAAuB,cAAvB,OAAOA,cACLA,YAAY,WAAZA,GAAY,qCAAC;4BAAK,WAAU;4BAAsB;4BAAEW;4BAAO,QAAQK;wBAAM,KAEzE,AAFyE,cAEzE,qCAAC;4BAAK,WAAU;6BAGlB;;gCACeC,WAAZhB,WAAyBU,UAAUjB,WAClC,AAD6C,WAAXA,GAClC,sCAAC;oCAAI,WAAU;oCAAuB,SAAQ;oCAAY,eAAY;;sDACpE,qCAAC;4CAAO,WAAU;4CAA6B,IAAG;4CAAK,IAAG;4CAAK,GAAE;;sDACjE,qCAAC;4CACC,IAAG;4CACH,IAAG;4CACH,GAAE;4CACF,iBAAiB,GAAG,UAAW4B,CAAAA,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,KAAKC,OAAO,QAAQ,CAACtB,WAAWA,UAAU,MAAM,GAAE,EAAG,QAAQ,CAAC;;;;gCAIvHS,KAAK,IAAI,IACPM,CAAAA,AAAU,aAAVA,QACC,AADoB,WAAX,GACT,qCAACQ,sCAAAA,KAAKA,EAAAA,CAAAA,KACJR,AAAU,YAAVA,QACF,AADsB,WAAV,GACZ,qCAACS,sCAAAA,CAACA,EAAAA,CAAAA,KACAd,UAAUjB,WAAWI,UACvB,AADiC,WAAVA,GACvB,qCAAC4B,sCAAAA,YAAYA,EAAAA;oCAAC,WAAU;qCAExBf,QAAQ;;;;kCAKlB,sCAAC;wBAAK,WAAU;;0CACd,qCAAC;gCAAK,WAAU;0CAAqBD,KAAK,KAAK;;4BAC9CA,KAAK,WAAW,IACf,AADmB,WAAJ,GACf,qCAAC;gCAAK,WAAU;0CAA2BA,KAAK,WAAW;;;;;;YAKnE,OACE,AADK,WAAP,GACE,qCAAC;gBAEC,WAAU;gBACV,eAAaM;gBACb,mBAAiBL;gBACjB,gBAAcA,UAAUjB,UAAU,SAASuB;0BAE1ClB,WACC,AADU,WAAXA,GACC,qCAAC;oBACC,MAAK;oBACL,WAAU;oBACV,UAAUW,KAAK,QAAQ;oBACvB,SAAS,IAAMX,SAASY;8BAEvBU;qBAGH,mDAAC;oBAAI,WAAU;8BAAuBA;;eAhBnCX,KAAK,GAAG,IAAIC;QAoBvB;;AAGN"}

package/dist/cjs/browser/modules/switch/index.cjs

@@ -1,29 +1,6 @@
 "use client";
 "use strict";
-var __webpack_modules__ = {
-    ny (module) {
-        module.exports = require("./switch.cjs");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
+var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -50,14 +27,15 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    var _switch__rspack_import_0 = __webpack_require__("ny");
-    var __rspack_reexport = {};
-    for(const __rspack_import_key in _switch__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_0[__rspack_import_key];
-    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-})();
-for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Switch: ()=>external_switch_cjs_namespaceObject.Switch
+});
+const external_switch_cjs_namespaceObject = require("./switch.cjs");
+exports.Switch = __webpack_exports__.Switch;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Switch"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/cjs/browser/modules/switch/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch/index.cjs","sources":["webpack://webpack/runtime/compat_get_default_export","webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","module","getter","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;;;;;;;;;;;;;;;IACAA,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAIC,SAASD,UAAUA,OAAO,UAAU,GACvC,IAAOA,MAAM,CAAC,UAAU,GACxB,IAAOA;QACRD,oBAAoB,CAAC,CAACE,QAAQ;YAAE,GAAGA;QAAO;QAC1C,OAAOA;IACR;;;ICPAF,oBAAoB,CAAC,GAAG,CAAC,UAASG,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGN,oBAAoB,CAAC,CAACM,MAAME,QAAQ,CAACR,oBAAoB,CAAC,CAAC,UAASQ,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAJ,oBAAoB,CAAC,GAAG,CAACU,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFX,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOY,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}
+{"version":3,"file":"switch/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/switch/switch.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/switch.css');
 var __webpack_require__ = {};
 (()=>{
@@ -35,9 +36,11 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const form_cjs_namespaceObject = require("../form/form.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
-const switch_Switch = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ size = 'md', loading = false, disabled: disabledProp, children, className, style, 'aria-busy': ariaBusy, ...props }, ref) {
+const switch_Switch = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { size = 'md', loading = false, disabled: disabledProp, children, className, style, 'aria-busy': ariaBusy, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Switch', rawProps);
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const disabled = disabledProp || field?.disabled;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("label", {

package/dist/cjs/browser/modules/switch/switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch/switch.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/switch/switch.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { LoaderCircle } from 'lucide-react';\nimport { forwardRef, type InputHTMLAttributes } from 'react';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nexport interface SwitchProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'role'> {\n  size?: ControlSize;\n  loading?: boolean;\n}\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  {\n    size = 'md',\n    loading = false,\n    disabled: disabledProp,\n    children,\n    className,\n    style,\n    'aria-busy': ariaBusy,\n    ...props\n  },\n  ref,\n) {\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <label\n      className={classes('leaf-switch', `leaf-switch--${size}`, className)}\n      style={style}\n      data-disabled={disabled || loading ? '' : undefined}\n      data-loading={loading ? '' : undefined}\n    >\n      <span className=\"leaf-switch__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-describedby={\n            [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={ref}\n          type=\"checkbox\"\n          // biome-ignore lint/a11y/useAriaPropsForRole: Native checked state supplies switch semantics and follows form reset.\n          role=\"switch\"\n          disabled={disabled || loading}\n          aria-busy={loading || ariaBusy}\n          className=\"leaf-switch__input\"\n        />\n        <span className=\"leaf-switch__track\" aria-hidden=\"true\">\n          <span className=\"leaf-switch__thumb\">\n            {loading && <LoaderCircle className=\"leaf-switch__spinner\" />}\n          </span>\n        </span>\n      </span>\n      {children && <span className=\"leaf-switch__label\">{children}</span>}\n    </label>\n  );\n});\nSwitch.displayName = 'Switch';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Switch","forwardRef","size","loading","disabledProp","children","className","style","ariaBusy","props","ref","field","useFormField","disabled","classes","undefined","Boolean","LoaderCircle"],"mappings":";;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;ACIO,MAAMI,gBAASC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAA0C,SAC9D,EACEC,OAAO,IAAI,EACXC,UAAU,KAAK,EACf,UAAUC,YAAY,EACtBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,aAAaC,QAAQ,EACrB,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMC,WAAWT,gBAAgBO,OAAO;IACxC,OACE,AADK,WAAP,GACE,sCAAC;QACC,WAAWG,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,eAAe,CAAC,aAAa,EAAEZ,MAAM,EAAEI;QAC1D,OAAOC;QACP,iBAAeM,YAAYV,UAAU,KAAKY;QAC1C,gBAAcZ,UAAU,KAAKY;;0BAE7B,sCAAC;gBAAK,WAAU;;kCACd,qCAAC;wBACE,GAAGN,KAAK;wBACT,IAAIA,MAAM,EAAE,IAAIE,OAAO;wBACvB,UAAUF,MAAM,QAAQ,IAAIE,OAAO;wBACnC,oBACE;4BAACF,KAAK,CAAC,mBAAmB;4BAAEE,OAAO;yBAAc,CAAC,MAAM,CAACK,SAAS,IAAI,CAAC,QAAQD;wBAEjF,gBAAcJ,OAAO,QAAQ,OAAOF,KAAK,CAAC,eAAe;wBACzD,KAAKC;wBACL,MAAK;wBAEL,MAAK;wBACL,UAAUG,YAAYV;wBACtB,aAAWA,WAAWK;wBACtB,WAAU;;kCAEZ,qCAAC;wBAAK,WAAU;wBAAqB,eAAY;kCAC/C,mDAAC;4BAAK,WAAU;sCACbL,WAAW,WAAXA,GAAW,qCAACc,sCAAAA,YAAYA,EAAAA;gCAAC,WAAU;;;;;;YAIzCZ,YAAY,WAAZA,GAAY,qCAAC;gBAAK,WAAU;0BAAsBA;;;;AAGzD;AACAL,cAAO,WAAW,GAAG"}
+{"version":3,"file":"switch/switch.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/switch/switch.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { LoaderCircle } from 'lucide-react';\nimport { forwardRef, type InputHTMLAttributes } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nexport interface SwitchProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'role'> {\n  size?: ControlSize;\n  loading?: boolean;\n}\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  rawProps: SwitchProps,\n  ref,\n) {\n  const {\n    size = 'md',\n    loading = false,\n    disabled: disabledProp,\n    children,\n    className,\n    style,\n    'aria-busy': ariaBusy,\n    ...props\n  } = useComponentProps('Switch', rawProps);\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <label\n      className={classes('leaf-switch', `leaf-switch--${size}`, className)}\n      style={style}\n      data-disabled={disabled || loading ? '' : undefined}\n      data-loading={loading ? '' : undefined}\n    >\n      <span className=\"leaf-switch__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-describedby={\n            [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={ref}\n          type=\"checkbox\"\n          // biome-ignore lint/a11y/useAriaPropsForRole: Native checked state supplies switch semantics and follows form reset.\n          role=\"switch\"\n          disabled={disabled || loading}\n          aria-busy={loading || ariaBusy}\n          className=\"leaf-switch__input\"\n        />\n        <span className=\"leaf-switch__track\" aria-hidden=\"true\">\n          <span className=\"leaf-switch__thumb\">\n            {loading && <LoaderCircle className=\"leaf-switch__spinner\" />}\n          </span>\n        </span>\n      </span>\n      {children && <span className=\"leaf-switch__label\">{children}</span>}\n    </label>\n  );\n});\nSwitch.displayName = 'Switch';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Switch","forwardRef","rawProps","ref","size","loading","disabledProp","children","className","style","ariaBusy","props","useComponentProps","field","useFormField","disabled","classes","undefined","Boolean","LoaderCircle"],"mappings":";;;;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;;;ACKO,MAAMI,gBAASC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAA0C,SAC9DC,QAAqB,EACrBC,GAAG;IAEH,MAAM,EACJC,OAAO,IAAI,EACXC,UAAU,KAAK,EACf,UAAUC,YAAY,EACtBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,aAAaC,QAAQ,EACrB,GAAGC,OACJ,GAAGC,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,UAAUV;IAChC,MAAMW,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMC,WAAWT,gBAAgBO,OAAO;IACxC,OACE,AADK,WAAP,GACE,sCAAC;QACC,WAAWG,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,eAAe,CAAC,aAAa,EAAEZ,MAAM,EAAEI;QAC1D,OAAOC;QACP,iBAAeM,YAAYV,UAAU,KAAKY;QAC1C,gBAAcZ,UAAU,KAAKY;;0BAE7B,sCAAC;gBAAK,WAAU;;kCACd,qCAAC;wBACE,GAAGN,KAAK;wBACT,IAAIA,MAAM,EAAE,IAAIE,OAAO;wBACvB,UAAUF,MAAM,QAAQ,IAAIE,OAAO;wBACnC,oBACE;4BAACF,KAAK,CAAC,mBAAmB;4BAAEE,OAAO;yBAAc,CAAC,MAAM,CAACK,SAAS,IAAI,CAAC,QAAQD;wBAEjF,gBAAcJ,OAAO,QAAQ,OAAOF,KAAK,CAAC,eAAe;wBACzD,KAAKR;wBACL,MAAK;wBAEL,MAAK;wBACL,UAAUY,YAAYV;wBACtB,aAAWA,WAAWK;wBACtB,WAAU;;kCAEZ,qCAAC;wBAAK,WAAU;wBAAqB,eAAY;kCAC/C,mDAAC;4BAAK,WAAU;sCACbL,WAAW,WAAXA,GAAW,qCAACc,sCAAAA,YAAYA,EAAAA;gCAAC,WAAU;;;;;;YAIzCZ,YAAY,WAAZA,GAAY,qCAAC;gBAAK,WAAU;0BAAsBA;;;;AAGzD;AACAP,cAAO,WAAW,GAAG"}