@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/browser/modules/inputnumber/string.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/inputnumber.css');
 var __webpack_require__ = {};
 (()=>{
@@ -100,12 +101,12 @@ const string_ExactInputNumber = /*#__PURE__*/ (0, external_react_namespaceObject
         max
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
-        input.current?.setCustomValidity(draft.trim() && (null === parsed || !within(parsed)) ? config.messages.invalidNumber : '');
+        input.current?.setCustomValidity(draft.trim() && (null === parsed || !within(parsed)) ? config.messages.inputNumber.invalid : '');
     }, [
         draft,
         parsed,
         within,
-        config.messages.invalidNumber
+        config.messages.inputNumber.invalid
     ]);
     const emit = (next)=>{
         if (disabled || readOnly) return;
@@ -206,7 +207,7 @@ const string_ExactInputNumber = /*#__PURE__*/ (0, external_react_namespaceObject
                 ].map((direction)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                         type: "button",
                         tabIndex: -1,
-                        "aria-label": 1 === direction ? config.messages.increase : config.messages.decrease,
+                        "aria-label": 1 === direction ? config.messages.inputNumber.increase : config.messages.inputNumber.decrease,
                         disabled: disabled || readOnly || null !== parsed && (1 === direction ? void 0 !== max && (0, external_decimal_cjs_namespaceObject.compareDecimal)(parsed, max) >= 0 : void 0 !== min && (0, external_decimal_cjs_namespaceObject.compareDecimal)(parsed, min) <= 0),
                         onMouseDown: (event)=>event.preventDefault(),
                         onClick: ()=>increment(direction),

package/dist/cjs/browser/modules/inputnumber/string.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"inputnumber/string.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/inputnumber/string.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 { ChevronDown, ChevronUp } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport { addDecimal, compareDecimal, decimalParts, roundDecimal } from './decimal';\nimport type { NumericInputNumberProps } from './inputnumber';\nexport interface StringInputNumberProps\n  extends Omit<\n    NumericInputNumberProps,\n    'stringMode' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n  > {\n  stringMode: true;\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: (value: string | null) => void;\n  min?: string;\n  max?: string;\n  step?: string;\n}\nexport const ExactInputNumber = forwardRef<HTMLInputElement, StringInputNumberProps>(\n  function ExactInputNumber(\n    {\n      value,\n      defaultValue = null,\n      onChange,\n      min,\n      max,\n      step = '1',\n      precision,\n      formatter,\n      parser,\n      grouping,\n      locale: numberLocale,\n      controls = true,\n      keyboard = true,\n      size = 'md',\n      status,\n      prefix,\n      suffix,\n      disabled: disabledProp,\n      readOnly,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      className,\n      style,\n      stringMode: _stringMode,\n      name,\n      ...props\n    },\n    ref,\n  ) {\n    const field = useFormField();\n    const config = useLeafConfig();\n    const disabled = disabledProp || field?.disabled;\n    const input = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(input, ref);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, input, props.form);\n    const symbols = new Intl.NumberFormat(numberLocale ?? config.locale).formatToParts(10000.1);\n    const group = symbols.find((part) => part.type === 'group')?.value ?? ',';\n    const decimal = symbols.find((part) => part.type === 'decimal')?.value ?? '.';\n    const format = useCallback(\n      (raw: string | null) => {\n        if (formatter) return formatter(raw, { userTyping: false, input: '' });\n        if (raw === null) return '';\n        const text = roundDecimal(raw, precision);\n        if (!grouping) return text;\n        const [whole = '', fraction] = text.split('.');\n        return (\n          whole.replace(/\\B(?=(\\d{3})+(?!\\d))/g, group) +\n          (fraction === undefined ? '' : decimal + fraction)\n        );\n      },\n      [formatter, precision, grouping, group, decimal],\n    );\n    const parse = (text: string) => {\n      const raw = parser\n        ? String(parser(text))\n        : grouping\n          ? text.split(group).join('').replace(decimal, '.')\n          : text;\n      return decimalParts(raw) ? roundDecimal(raw) : null;\n    };\n    const [draft, setDraft] = useState(() => format(current));\n    const editing = useRef(false);\n    useEffect(() => {\n      if (!editing.current) setDraft(format(current));\n    }, [current, format]);\n    useEffect(() => {\n      const owner = input.current?.form;\n      const reset = (event: Event) =>\n        queueMicrotask(() => {\n          if (!event.defaultPrevented && value === undefined) {\n            editing.current = false;\n            setDraft(format(defaultValue));\n          }\n        });\n      owner?.addEventListener('reset', reset);\n      return () => owner?.removeEventListener('reset', reset);\n    }, [value, defaultValue, format]);\n    const parsed = parse(draft);\n    const within = useCallback(\n      (raw: string) =>\n        (min === undefined || compareDecimal(raw, min) >= 0) &&\n        (max === undefined || compareDecimal(raw, max) <= 0),\n      [min, max],\n    );\n    useEffect(() => {\n      input.current?.setCustomValidity(\n        draft.trim() && (parsed === null || !within(parsed)) ? config.messages.invalidNumber : '',\n      );\n    }, [draft, parsed, within, config.messages.invalidNumber]);\n    const emit = (next: string | null) => {\n      if (disabled || readOnly) return;\n      setCurrent(next);\n      if (next !== current) onChange?.(next);\n    };\n    const normalize = (raw: string) => {\n      let next = roundDecimal(raw, precision);\n      if (min !== undefined && compareDecimal(next, min) < 0) next = min;\n      if (max !== undefined && compareDecimal(next, max) > 0) next = max;\n      return next;\n    };\n    const commit = () => {\n      if (disabled || readOnly) return;\n      const next = !draft.trim() ? null : parsed === null ? current : normalize(parsed);\n      setDraft(format(next));\n      emit(next);\n    };\n    const increment = (direction: number) => {\n      if (disabled || readOnly) return;\n      const amount = decimalParts(step) && compareDecimal(step, 0) > 0 ? step : '1';\n      const next = normalize(addDecimal(parsed ?? current ?? '0', amount, direction));\n      setDraft(format(next));\n      emit(next);\n      input.current?.focus();\n    };\n    return (\n      <div\n        className={classes('leaf-input-number', `leaf-input-number--${size}`, className)}\n        style={style}\n        data-status={status ?? (field?.error ? 'error' : undefined)}\n        data-disabled={disabled || undefined}\n      >\n        {prefix && <span className=\"leaf-input__affix\">{prefix}</span>}\n        <input\n          {...props}\n          ref={merged}\n          id={props.id ?? field?.id}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode=\"decimal\"\n          className=\"leaf-input-number__input\"\n          value={draft}\n          readOnly={readOnly}\n          disabled={disabled}\n          required={props.required ?? field?.required}\n          aria-valuetext={draft}\n          aria-describedby={field?.descriptionId}\n          onChange={(event) => {\n            if (disabled || readOnly) return;\n            const text = event.target.value;\n            setDraft(text);\n            const raw = parse(text);\n            if (!text.trim()) emit(null);\n            else if (raw !== null && within(raw)) emit(raw);\n          }}\n          onFocus={(event) => {\n            editing.current = true;\n            onFocus?.(event);\n          }}\n          onBlur={(event) => {\n            editing.current = false;\n            commit();\n            onBlur?.(event);\n          }}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n            if (event.key === 'Enter') commit();\n            if (keyboard && ['ArrowUp', 'ArrowDown'].includes(event.key)) {\n              event.preventDefault();\n              increment(event.key === 'ArrowUp' ? 1 : -1);\n            }\n          }}\n        />\n        <FormValue\n          name={name}\n          form={props.form}\n          value={current ?? ''}\n          disabled={disabled}\n          triggerRef={input}\n        />\n        {suffix && <span className=\"leaf-input__affix\">{suffix}</span>}\n        {controls && (\n          <span className=\"leaf-input-number__controls\">\n            {[1, -1].map((direction) => (\n              <button\n                key={direction}\n                type=\"button\"\n                tabIndex={-1}\n                aria-label={direction === 1 ? config.messages.increase : config.messages.decrease}\n                disabled={\n                  disabled ||\n                  readOnly ||\n                  (parsed !== null &&\n                    (direction === 1\n                      ? max !== undefined && compareDecimal(parsed, max) >= 0\n                      : min !== undefined && compareDecimal(parsed, min) <= 0))\n                }\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => increment(direction)}\n              >\n                {direction === 1 ? <ChevronUp size={12} /> : <ChevronDown size={12} />}\n              </button>\n            ))}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ExactInputNumber","forwardRef","value","defaultValue","onChange","min","max","step","precision","formatter","parser","grouping","numberLocale","controls","keyboard","size","status","prefix","suffix","disabledProp","readOnly","onBlur","onKeyDown","onFocus","className","style","_stringMode","name","props","ref","field","useFormField","config","useLeafConfig","disabled","input","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","symbols","Intl","group","part","decimal","format","useCallback","raw","text","roundDecimal","whole","fraction","undefined","parse","String","decimalParts","draft","setDraft","useState","editing","useEffect","owner","reset","event","queueMicrotask","parsed","within","compareDecimal","emit","next","normalize","commit","increment","direction","amount","addDecimal","classes","FormValue","ChevronUp","ChevronDown"],"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;;;;;;;;;;;;;;;ACeO,MAAMI,0BAAmBC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAC9B,SACE,EACEC,KAAK,EACLC,eAAe,IAAI,EACnBC,QAAQ,EACRC,GAAG,EACHC,GAAG,EACHC,OAAO,GAAG,EACVC,SAAS,EACTC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACR,QAAQC,YAAY,EACpBC,WAAW,IAAI,EACfC,WAAW,IAAI,EACfC,OAAO,IAAI,EACXC,MAAM,EACNC,MAAM,EACNC,MAAM,EACN,UAAUC,YAAY,EACtBC,QAAQ,EACRC,MAAM,EACNC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,KAAK,EACL,YAAYC,WAAW,EACvBC,IAAI,EACJ,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMC,SAASC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACf,MAAMC,WAAWf,gBAAgBW,OAAO;IACxC,MAAMK,QAAQC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAyB;IACvC,MAAMC,SAASC,AAAAA,IAAAA,0BAAAA,YAAAA,AAAAA,EAAaH,OAAON;IACnC,MAAM,CAACU,SAASC,WAAW,GAAGC,AAAAA,IAAAA,0BAAAA,aAAAA,AAAAA,EAAcvC,OAAOC,cAAcgC,OAAOP,MAAM,IAAI;IAClF,MAAMc,UAAU,IAAIC,KAAK,YAAY,CAAC/B,gBAAgBoB,OAAO,MAAM,EAAE,aAAa,CAAC;IACnF,MAAMY,QAAQF,QAAQ,IAAI,CAAC,CAACG,OAASA,AAAc,YAAdA,KAAK,IAAI,GAAe,SAAS;IACtE,MAAMC,UAAUJ,QAAQ,IAAI,CAAC,CAACG,OAASA,AAAc,cAAdA,KAAK,IAAI,GAAiB,SAAS;IAC1E,MAAME,SAASC,AAAAA,IAAAA,+BAAAA,WAAAA,AAAAA,EACb,CAACC;QACC,IAAIxC,WAAW,OAAOA,UAAUwC,KAAK;YAAE,YAAY;YAAO,OAAO;QAAG;QACpE,IAAIA,AAAQ,SAARA,KAAc,OAAO;QACzB,MAAMC,OAAOC,AAAAA,IAAAA,qCAAAA,YAAAA,AAAAA,EAAaF,KAAKzC;QAC/B,IAAI,CAACG,UAAU,OAAOuC;QACtB,MAAM,CAACE,QAAQ,EAAE,EAAEC,SAAS,GAAGH,KAAK,KAAK,CAAC;QAC1C,OACEE,MAAM,OAAO,CAAC,yBAAyBR,SACtCS,CAAAA,AAAaC,WAAbD,WAAyB,KAAKP,UAAUO,QAAO;IAEpD,GACA;QAAC5C;QAAWD;QAAWG;QAAUiC;QAAOE;KAAQ;IAElD,MAAMS,QAAQ,CAACL;QACb,MAAMD,MAAMvC,SACR8C,OAAO9C,OAAOwC,SACdvC,WACEuC,KAAK,KAAK,CAACN,OAAO,IAAI,CAAC,IAAI,OAAO,CAACE,SAAS,OAC5CI;QACN,OAAOO,AAAAA,IAAAA,qCAAAA,YAAAA,AAAAA,EAAaR,OAAOE,AAAAA,IAAAA,qCAAAA,YAAAA,AAAAA,EAAaF,OAAO;IACjD;IACA,MAAM,CAACS,OAAOC,SAAS,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAS,IAAMb,OAAOR;IAChD,MAAMsB,UAAUzB,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAO;IACvB0B,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,IAAI,CAACD,QAAQ,OAAO,EAAEF,SAASZ,OAAOR;IACxC,GAAG;QAACA;QAASQ;KAAO;IACpBe,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,MAAMC,QAAQ5B,MAAM,OAAO,EAAE;QAC7B,MAAM6B,QAAQ,CAACC,QACbC,eAAe;gBACb,IAAI,CAACD,MAAM,gBAAgB,IAAI/D,AAAUoD,WAAVpD,OAAqB;oBAClD2D,QAAQ,OAAO,GAAG;oBAClBF,SAASZ,OAAO5C;gBAClB;YACF;QACF4D,OAAO,iBAAiB,SAASC;QACjC,OAAO,IAAMD,OAAO,oBAAoB,SAASC;IACnD,GAAG;QAAC9D;QAAOC;QAAc4C;KAAO;IAChC,MAAMoB,SAASZ,MAAMG;IACrB,MAAMU,SAASpB,AAAAA,IAAAA,+BAAAA,WAAAA,AAAAA,EACb,CAACC,MACE5C,AAAAA,CAAAA,AAAQiD,WAARjD,OAAqBgE,AAAAA,IAAAA,qCAAAA,cAAAA,AAAAA,EAAepB,KAAK5C,QAAQ,MACjDC,CAAAA,AAAQgD,WAARhD,OAAqB+D,AAAAA,IAAAA,qCAAAA,cAAAA,AAAAA,EAAepB,KAAK3C,QAAQ,IACpD;QAACD;QAAKC;KAAI;IAEZwD,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR3B,MAAM,OAAO,EAAE,kBACbuB,MAAM,IAAI,MAAOS,CAAAA,AAAW,SAAXA,UAAmB,CAACC,OAAOD,OAAM,IAAKnC,OAAO,QAAQ,CAAC,aAAa,GAAG;IAE3F,GAAG;QAAC0B;QAAOS;QAAQC;QAAQpC,OAAO,QAAQ,CAAC,aAAa;KAAC;IACzD,MAAMsC,OAAO,CAACC;QACZ,IAAIrC,YAAYd,UAAU;QAC1BoB,WAAW+B;QACX,IAAIA,SAAShC,SAASnC,WAAWmE;IACnC;IACA,MAAMC,YAAY,CAACvB;QACjB,IAAIsB,OAAOpB,AAAAA,IAAAA,qCAAAA,YAAAA,AAAAA,EAAaF,KAAKzC;QAC7B,IAAIH,AAAQiD,WAARjD,OAAqBgE,AAAAA,IAAAA,qCAAAA,cAAAA,AAAAA,EAAeE,MAAMlE,OAAO,GAAGkE,OAAOlE;QAC/D,IAAIC,AAAQgD,WAARhD,OAAqB+D,AAAAA,IAAAA,qCAAAA,cAAAA,AAAAA,EAAeE,MAAMjE,OAAO,GAAGiE,OAAOjE;QAC/D,OAAOiE;IACT;IACA,MAAME,SAAS;QACb,IAAIvC,YAAYd,UAAU;QAC1B,MAAMmD,OAAO,AAACb,MAAM,IAAI,KAAYS,AAAW,SAAXA,SAAkB5B,UAAUiC,UAAUL,UAA7C;QAC7BR,SAASZ,OAAOwB;QAChBD,KAAKC;IACP;IACA,MAAMG,YAAY,CAACC;QACjB,IAAIzC,YAAYd,UAAU;QAC1B,MAAMwD,SAASnB,AAAAA,IAAAA,qCAAAA,YAAAA,AAAAA,EAAalD,SAAS8D,AAAAA,IAAAA,qCAAAA,cAAAA,AAAAA,EAAe9D,MAAM,KAAK,IAAIA,OAAO;QAC1E,MAAMgE,OAAOC,UAAUK,AAAAA,IAAAA,qCAAAA,UAAAA,AAAAA,EAAWV,UAAU5B,WAAW,KAAKqC,QAAQD;QACpEhB,SAASZ,OAAOwB;QAChBD,KAAKC;QACLpC,MAAM,OAAO,EAAE;IACjB;IACA,OACE,AADK,WAAP,GACE,sCAAC;QACC,WAAW2C,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EAAQ,qBAAqB,CAAC,mBAAmB,EAAE/D,MAAM,EAAES;QACtE,OAAOC;QACP,eAAaT,UAAWc,CAAAA,OAAO,QAAQ,UAAUwB,MAAQ;QACzD,iBAAepB,YAAYoB;;YAE1BrC,UAAU,WAAVA,GAAU,qCAAC;gBAAK,WAAU;0BAAqBA;;0BAChD,qCAAC;gBACE,GAAGW,KAAK;gBACT,KAAKS;gBACL,IAAIT,MAAM,EAAE,IAAIE,OAAO;gBACvB,MAAK;gBACL,MAAK;gBACL,WAAU;gBACV,WAAU;gBACV,OAAO4B;gBACP,UAAUtC;gBACV,UAAUc;gBACV,UAAUN,MAAM,QAAQ,IAAIE,OAAO;gBACnC,kBAAgB4B;gBAChB,oBAAkB5B,OAAO;gBACzB,UAAU,CAACmC;oBACT,IAAI/B,YAAYd,UAAU;oBAC1B,MAAM8B,OAAOe,MAAM,MAAM,CAAC,KAAK;oBAC/BN,SAAST;oBACT,MAAMD,MAAMM,MAAML;oBAClB,IAAKA,KAAK,IAAI,IACT;wBAAA,IAAID,AAAQ,SAARA,OAAgBmB,OAAOnB,MAAMqB,KAAKrB;oBAAI,OAD7BqB,KAAK;gBAEzB;gBACA,SAAS,CAACL;oBACRJ,QAAQ,OAAO,GAAG;oBAClBtC,UAAU0C;gBACZ;gBACA,QAAQ,CAACA;oBACPJ,QAAQ,OAAO,GAAG;oBAClBY;oBACApD,SAAS4C;gBACX;gBACA,WAAW,CAACA;oBACV3C,YAAY2C;oBACZ,IAAIA,MAAM,gBAAgB,IAAIA,MAAM,WAAW,CAAC,WAAW,EAAE;oBAC7D,IAAIA,AAAc,YAAdA,MAAM,GAAG,EAAcQ;oBAC3B,IAAI3D,YAAY;wBAAC;wBAAW;qBAAY,CAAC,QAAQ,CAACmD,MAAM,GAAG,GAAG;wBAC5DA,MAAM,cAAc;wBACpBS,UAAUT,AAAc,cAAdA,MAAM,GAAG,GAAiB,IAAI;oBAC1C;gBACF;;0BAEF,qCAACc,0BAAAA,SAASA,EAAAA;gBACR,MAAMpD;gBACN,MAAMC,MAAM,IAAI;gBAChB,OAAOW,WAAW;gBAClB,UAAUL;gBACV,YAAYC;;YAEbjB,UAAU,WAAVA,GAAU,qCAAC;gBAAK,WAAU;0BAAqBA;;YAC/CL,YACC,AADW,WAAZA,GACC,qCAAC;gBAAK,WAAU;0BACb;oBAAC;oBAAG;iBAAG,CAAC,GAAG,CAAC,CAAC8D,YACZ,AADYA,WAAAA,GACZ,qCAAC;wBAEC,MAAK;wBACL,UAAU;wBACV,cAAYA,AAAc,MAAdA,YAAkB3C,OAAO,QAAQ,CAAC,QAAQ,GAAGA,OAAO,QAAQ,CAAC,QAAQ;wBACjF,UACEE,YACAd,YACC+C,AAAW,SAAXA,UACEQ,CAAAA,AAAc,MAAdA,YACGrE,AAAQgD,WAARhD,OAAqB+D,AAAAA,IAAAA,qCAAAA,cAAAA,AAAAA,EAAeF,QAAQ7D,QAAQ,IACpDD,AAAQiD,WAARjD,OAAqBgE,AAAAA,IAAAA,qCAAAA,cAAAA,AAAAA,EAAeF,QAAQ9D,QAAQ;wBAE5D,aAAa,CAAC4D,QAAUA,MAAM,cAAc;wBAC5C,SAAS,IAAMS,UAAUC;kCAExBA,AAAc,MAAdA,YAAkB,WAAJ,GAAI,qCAACK,sCAAAA,SAASA,EAAAA;4BAAC,MAAM;6BAAS,mDAACC,sCAAAA,WAAWA,EAAAA;4BAAC,MAAM;;uBAf3DN;;;;AAsBnB"}
+{"version":3,"file":"inputnumber/string.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/inputnumber/string.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 { ChevronDown, ChevronUp } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport { addDecimal, compareDecimal, decimalParts, roundDecimal } from './decimal';\nimport type { NumericInputNumberProps } from './inputnumber';\nexport interface StringInputNumberProps\n  extends Omit<\n    NumericInputNumberProps,\n    'stringMode' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n  > {\n  stringMode: true;\n  value?: string | null;\n  defaultValue?: string | null;\n  onChange?: (value: string | null) => void;\n  min?: string;\n  max?: string;\n  step?: string;\n}\nexport const ExactInputNumber = forwardRef<HTMLInputElement, StringInputNumberProps>(\n  function ExactInputNumber(\n    {\n      value,\n      defaultValue = null,\n      onChange,\n      min,\n      max,\n      step = '1',\n      precision,\n      formatter,\n      parser,\n      grouping,\n      locale: numberLocale,\n      controls = true,\n      keyboard = true,\n      size = 'md',\n      status,\n      prefix,\n      suffix,\n      disabled: disabledProp,\n      readOnly,\n      onBlur,\n      onKeyDown,\n      onFocus,\n      className,\n      style,\n      stringMode: _stringMode,\n      name,\n      ...props\n    },\n    ref,\n  ) {\n    const field = useFormField();\n    const config = useLeafConfig();\n    const disabled = disabledProp || field?.disabled;\n    const input = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(input, ref);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, input, props.form);\n    const symbols = new Intl.NumberFormat(numberLocale ?? config.locale).formatToParts(10000.1);\n    const group = symbols.find((part) => part.type === 'group')?.value ?? ',';\n    const decimal = symbols.find((part) => part.type === 'decimal')?.value ?? '.';\n    const format = useCallback(\n      (raw: string | null) => {\n        if (formatter) return formatter(raw, { userTyping: false, input: '' });\n        if (raw === null) return '';\n        const text = roundDecimal(raw, precision);\n        if (!grouping) return text;\n        const [whole = '', fraction] = text.split('.');\n        return (\n          whole.replace(/\\B(?=(\\d{3})+(?!\\d))/g, group) +\n          (fraction === undefined ? '' : decimal + fraction)\n        );\n      },\n      [formatter, precision, grouping, group, decimal],\n    );\n    const parse = (text: string) => {\n      const raw = parser\n        ? String(parser(text))\n        : grouping\n          ? text.split(group).join('').replace(decimal, '.')\n          : text;\n      return decimalParts(raw) ? roundDecimal(raw) : null;\n    };\n    const [draft, setDraft] = useState(() => format(current));\n    const editing = useRef(false);\n    useEffect(() => {\n      if (!editing.current) setDraft(format(current));\n    }, [current, format]);\n    useEffect(() => {\n      const owner = input.current?.form;\n      const reset = (event: Event) =>\n        queueMicrotask(() => {\n          if (!event.defaultPrevented && value === undefined) {\n            editing.current = false;\n            setDraft(format(defaultValue));\n          }\n        });\n      owner?.addEventListener('reset', reset);\n      return () => owner?.removeEventListener('reset', reset);\n    }, [value, defaultValue, format]);\n    const parsed = parse(draft);\n    const within = useCallback(\n      (raw: string) =>\n        (min === undefined || compareDecimal(raw, min) >= 0) &&\n        (max === undefined || compareDecimal(raw, max) <= 0),\n      [min, max],\n    );\n    useEffect(() => {\n      input.current?.setCustomValidity(\n        draft.trim() && (parsed === null || !within(parsed))\n          ? config.messages.inputNumber.invalid\n          : '',\n      );\n    }, [draft, parsed, within, config.messages.inputNumber.invalid]);\n    const emit = (next: string | null) => {\n      if (disabled || readOnly) return;\n      setCurrent(next);\n      if (next !== current) onChange?.(next);\n    };\n    const normalize = (raw: string) => {\n      let next = roundDecimal(raw, precision);\n      if (min !== undefined && compareDecimal(next, min) < 0) next = min;\n      if (max !== undefined && compareDecimal(next, max) > 0) next = max;\n      return next;\n    };\n    const commit = () => {\n      if (disabled || readOnly) return;\n      const next = !draft.trim() ? null : parsed === null ? current : normalize(parsed);\n      setDraft(format(next));\n      emit(next);\n    };\n    const increment = (direction: number) => {\n      if (disabled || readOnly) return;\n      const amount = decimalParts(step) && compareDecimal(step, 0) > 0 ? step : '1';\n      const next = normalize(addDecimal(parsed ?? current ?? '0', amount, direction));\n      setDraft(format(next));\n      emit(next);\n      input.current?.focus();\n    };\n    return (\n      <div\n        className={classes('leaf-input-number', `leaf-input-number--${size}`, className)}\n        style={style}\n        data-status={status ?? (field?.error ? 'error' : undefined)}\n        data-disabled={disabled || undefined}\n      >\n        {prefix && <span className=\"leaf-input__affix\">{prefix}</span>}\n        <input\n          {...props}\n          ref={merged}\n          id={props.id ?? field?.id}\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode=\"decimal\"\n          className=\"leaf-input-number__input\"\n          value={draft}\n          readOnly={readOnly}\n          disabled={disabled}\n          required={props.required ?? field?.required}\n          aria-valuetext={draft}\n          aria-describedby={field?.descriptionId}\n          onChange={(event) => {\n            if (disabled || readOnly) return;\n            const text = event.target.value;\n            setDraft(text);\n            const raw = parse(text);\n            if (!text.trim()) emit(null);\n            else if (raw !== null && within(raw)) emit(raw);\n          }}\n          onFocus={(event) => {\n            editing.current = true;\n            onFocus?.(event);\n          }}\n          onBlur={(event) => {\n            editing.current = false;\n            commit();\n            onBlur?.(event);\n          }}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n            if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n            if (event.key === 'Enter') commit();\n            if (keyboard && ['ArrowUp', 'ArrowDown'].includes(event.key)) {\n              event.preventDefault();\n              increment(event.key === 'ArrowUp' ? 1 : -1);\n            }\n          }}\n        />\n        <FormValue\n          name={name}\n          form={props.form}\n          value={current ?? ''}\n          disabled={disabled}\n          triggerRef={input}\n        />\n        {suffix && <span className=\"leaf-input__affix\">{suffix}</span>}\n        {controls && (\n          <span className=\"leaf-input-number__controls\">\n            {[1, -1].map((direction) => (\n              <button\n                key={direction}\n                type=\"button\"\n                tabIndex={-1}\n                aria-label={\n                  direction === 1\n                    ? config.messages.inputNumber.increase\n                    : config.messages.inputNumber.decrease\n                }\n                disabled={\n                  disabled ||\n                  readOnly ||\n                  (parsed !== null &&\n                    (direction === 1\n                      ? max !== undefined && compareDecimal(parsed, max) >= 0\n                      : min !== undefined && compareDecimal(parsed, min) <= 0))\n                }\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => increment(direction)}\n              >\n                {direction === 1 ? <ChevronUp size={12} /> : <ChevronDown size={12} />}\n              </button>\n            ))}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ExactInputNumber","forwardRef","value","defaultValue","onChange","min","max","step","precision","formatter","parser","grouping","numberLocale","controls","keyboard","size","status","prefix","suffix","disabledProp","readOnly","onBlur","onKeyDown","onFocus","className","style","_stringMode","name","props","ref","field","useFormField","config","useLeafConfig","disabled","input","useRef","merged","useMergedRef","current","setCurrent","useFieldValue","symbols","Intl","group","part","decimal","format","useCallback","raw","text","roundDecimal","whole","fraction","undefined","parse","String","decimalParts","draft","setDraft","useState","editing","useEffect","owner","reset","event","queueMicrotask","parsed","within","compareDecimal","emit","next","normalize","commit","increment","direction","amount","addDecimal","classes","FormValue","ChevronUp","ChevronDown"],"mappings":"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"}

package/dist/cjs/browser/modules/inputotp/inputotp.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/inputotp.css');
 var __webpack_require__ = {};
 (()=>{
@@ -34,11 +35,13 @@ __webpack_require__.d(__webpack_exports__, {
 });
 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 form_cjs_namespaceObject = require("../form/form.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const field_cjs_namespaceObject = require("../shared/field.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
-const inputotp_InputOTP = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ length = 6, value, defaultValue = '', onChange, onComplete, mode = 'numeric', mask = false, separator, size = 'md', status, className, style, disabled: disabledProp, onSelect, onFocus, onBlur, onClick, ...props }, ref) {
+const inputotp_InputOTP = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { length = 6, value, defaultValue = '', onChange, onComplete, mode = 'numeric', mask = false, separator, size = 'md', status, className, style, disabled: disabledProp, onSelect, onFocus, onBlur, onClick, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('InputOTP', rawProps);
     const t = (0, use_text_cjs_namespaceObject.useText)();
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const input = (0, external_react_namespaceObject.useRef)(null);
@@ -81,7 +84,7 @@ const inputotp_InputOTP = /*#__PURE__*/ (0, external_react_namespaceObject.forwa
                 type: "text",
                 className: "leaf-input-otp__input",
                 id: props.id ?? field?.id,
-                "aria-label": props['aria-label'] ?? t('验证码', 'Verification code'),
+                "aria-label": props['aria-label'] ?? t('inputOTP.verificationCode'),
                 "aria-describedby": [
                     props['aria-describedby'],
                     field?.descriptionId

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

@@ -1 +1 @@
-{"version":3,"file":"inputotp/inputotp.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/inputotp/inputotp.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  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useText } from '../shared/use-text';\nexport interface InputOTPProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'maxLength'\n  > {\n  length?: number;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  mode?: 'numeric' | 'alphanumeric';\n  mask?: boolean | string;\n  separator?: (index: number) => ReactNode;\n  size?: ControlSize;\n  status?: ControlStatus;\n}\nexport const InputOTP = forwardRef<HTMLInputElement, InputOTPProps>(function InputOTP(\n  {\n    length = 6,\n    value,\n    defaultValue = '',\n    onChange,\n    onComplete,\n    mode = 'numeric',\n    mask = false,\n    separator,\n    size = 'md',\n    status,\n    className,\n    style,\n    disabled: disabledProp,\n    onSelect,\n    onFocus,\n    onBlur,\n    onClick,\n    ...props\n  },\n  ref,\n) {\n  const t = useText();\n  const field = useFormField();\n  const input = useRef<HTMLInputElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const merged = useMergedRef(input, ref);\n  const count = Math.max(1, Math.min(32, Math.floor(length)));\n  const normalize = (text: string) =>\n    text.replace(mode === 'numeric' ? /\\D/g : /[^a-z0-9]/gi, '').slice(0, count);\n  const [current, setCurrent] = useFieldValue(value, normalize(defaultValue), input, props.form);\n  const [focused, setFocused] = useState(false);\n  const [active, setActive] = useState(0);\n  const completed = useRef('');\n  useEffect(() => {\n    if (current.length < count) completed.current = '';\n  }, [current, count]);\n  const disabled = disabledProp || field?.disabled;\n  const update = (text: string) => {\n    const next = normalize(text);\n    setCurrent(next);\n    if (next !== current) onChange?.(next);\n    if (next.length === count && completed.current !== next) {\n      completed.current = next;\n      onComplete?.(next);\n    }\n    if (next.length < count) completed.current = '';\n    setActive(Math.min(next.length, count - 1));\n  };\n  return (\n    <div\n      ref={root}\n      className={classes('leaf-input-otp', `leaf-input-otp--${size}`, className)}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n      data-status={status ?? (field?.error ? 'error' : undefined)}\n    >\n      <input\n        {...props}\n        ref={merged}\n        type=\"text\"\n        className=\"leaf-input-otp__input\"\n        id={props.id ?? field?.id}\n        aria-label={props['aria-label'] ?? t('验证码', 'Verification code')}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        aria-invalid={status === 'error' || Boolean(field?.error) || props['aria-invalid']}\n        autoComplete={props.autoComplete ?? 'one-time-code'}\n        inputMode={props.inputMode ?? (mode === 'numeric' ? 'numeric' : 'text')}\n        pattern={\n          props.pattern ?? (mode === 'numeric' ? `[0-9]{${count}}` : `[a-zA-Z0-9]{${count}}`)\n        }\n        required={props.required ?? field?.required}\n        maxLength={count}\n        value={current}\n        disabled={disabled}\n        onChange={(event) => update(event.target.value)}\n        onPaste={(event) => {\n          props.onPaste?.(event);\n          if (event.defaultPrevented || props.readOnly) return;\n          event.preventDefault();\n          const selectionStart = event.currentTarget.selectionStart ?? current.length;\n          const selectionEnd = event.currentTarget.selectionEnd ?? selectionStart;\n          const pasted = normalize(event.clipboardData.getData('text'));\n          const next = current.slice(0, selectionStart) + pasted + current.slice(selectionEnd);\n          update(next);\n          queueMicrotask(() =>\n            input.current?.setSelectionRange(\n              Math.min(count, selectionStart + pasted.length),\n              Math.min(count, selectionStart + pasted.length),\n            ),\n          );\n        }}\n        onFocus={(event) => {\n          setFocused(true);\n          setActive(Math.min(count - 1, event.currentTarget.selectionStart ?? 0));\n          onFocus?.(event);\n        }}\n        onBlur={(event) => {\n          setFocused(false);\n          onBlur?.(event);\n        }}\n        onSelect={(event) => {\n          setActive(Math.min(count - 1, event.currentTarget.selectionStart ?? 0));\n          onSelect?.(event);\n        }}\n        onClick={(event) => {\n          onClick?.(event);\n          if (event.defaultPrevented) return;\n          const slots = root.current?.querySelectorAll<HTMLElement>('[data-otp-slot]');\n          const index = slots\n            ? Array.from(slots).findIndex((slot) => {\n                const rect = slot.getBoundingClientRect();\n                return event.clientX >= rect.left && event.clientX <= rect.right;\n              })\n            : -1;\n          if (index >= 0) {\n            const position = Math.min(index, current.length);\n            input.current?.setSelectionRange(position, Math.min(current.length, position + 1));\n            setActive(position);\n          }\n        }}\n      />\n      <div className=\"leaf-input-otp__slots\" aria-hidden=\"true\">\n        {Array.from({ length: count }, (_, index) => (\n          // biome-ignore lint/suspicious/noArrayIndexKey: Slots represent fixed character positions, not reorderable data.\n          <span key={`slot-${index}`} className=\"leaf-input-otp__item\">\n            <span\n              data-otp-slot=\"\"\n              data-active={focused && active === index ? '' : undefined}\n              data-filled={current[index] ? '' : undefined}\n              className=\"leaf-input-otp__slot\"\n            >\n              {current[index] && (\n                <span className=\"leaf-input-otp__character\" key={current[index]}>\n                  {mask ? (typeof mask === 'string' ? mask : '•') : current[index]}\n                </span>\n              )}\n            </span>\n            {index < count - 1 && separator?.(index)}\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","InputOTP","forwardRef","length","value","defaultValue","onChange","onComplete","mode","mask","separator","size","status","className","style","disabledProp","onSelect","onFocus","onBlur","onClick","props","ref","t","useText","field","useFormField","input","useRef","root","merged","useMergedRef","count","Math","normalize","text","current","setCurrent","useFieldValue","focused","setFocused","useState","active","setActive","completed","useEffect","disabled","update","next","classes","undefined","Boolean","event","selectionStart","selectionEnd","pasted","queueMicrotask","slots","index","Array","slot","rect","position","_"],"mappings":"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"}
+{"version":3,"file":"inputotp/inputotp.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/inputotp/inputotp.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  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useText } from '../shared/use-text';\nexport interface InputOTPProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'type' | 'maxLength'\n  > {\n  length?: number;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  mode?: 'numeric' | 'alphanumeric';\n  mask?: boolean | string;\n  separator?: (index: number) => ReactNode;\n  size?: ControlSize;\n  status?: ControlStatus;\n}\nexport const InputOTP = forwardRef<HTMLInputElement, InputOTPProps>(function InputOTP(\n  rawProps: InputOTPProps,\n  ref,\n) {\n  const {\n    length = 6,\n    value,\n    defaultValue = '',\n    onChange,\n    onComplete,\n    mode = 'numeric',\n    mask = false,\n    separator,\n    size = 'md',\n    status,\n    className,\n    style,\n    disabled: disabledProp,\n    onSelect,\n    onFocus,\n    onBlur,\n    onClick,\n    ...props\n  } = useComponentProps('InputOTP', rawProps);\n  const t = useText();\n  const field = useFormField();\n  const input = useRef<HTMLInputElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const merged = useMergedRef(input, ref);\n  const count = Math.max(1, Math.min(32, Math.floor(length)));\n  const normalize = (text: string) =>\n    text.replace(mode === 'numeric' ? /\\D/g : /[^a-z0-9]/gi, '').slice(0, count);\n  const [current, setCurrent] = useFieldValue(value, normalize(defaultValue), input, props.form);\n  const [focused, setFocused] = useState(false);\n  const [active, setActive] = useState(0);\n  const completed = useRef('');\n  useEffect(() => {\n    if (current.length < count) completed.current = '';\n  }, [current, count]);\n  const disabled = disabledProp || field?.disabled;\n  const update = (text: string) => {\n    const next = normalize(text);\n    setCurrent(next);\n    if (next !== current) onChange?.(next);\n    if (next.length === count && completed.current !== next) {\n      completed.current = next;\n      onComplete?.(next);\n    }\n    if (next.length < count) completed.current = '';\n    setActive(Math.min(next.length, count - 1));\n  };\n  return (\n    <div\n      ref={root}\n      className={classes('leaf-input-otp', `leaf-input-otp--${size}`, className)}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n      data-status={status ?? (field?.error ? 'error' : undefined)}\n    >\n      <input\n        {...props}\n        ref={merged}\n        type=\"text\"\n        className=\"leaf-input-otp__input\"\n        id={props.id ?? field?.id}\n        aria-label={props['aria-label'] ?? t('inputOTP.verificationCode')}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        aria-invalid={status === 'error' || Boolean(field?.error) || props['aria-invalid']}\n        autoComplete={props.autoComplete ?? 'one-time-code'}\n        inputMode={props.inputMode ?? (mode === 'numeric' ? 'numeric' : 'text')}\n        pattern={\n          props.pattern ?? (mode === 'numeric' ? `[0-9]{${count}}` : `[a-zA-Z0-9]{${count}}`)\n        }\n        required={props.required ?? field?.required}\n        maxLength={count}\n        value={current}\n        disabled={disabled}\n        onChange={(event) => update(event.target.value)}\n        onPaste={(event) => {\n          props.onPaste?.(event);\n          if (event.defaultPrevented || props.readOnly) return;\n          event.preventDefault();\n          const selectionStart = event.currentTarget.selectionStart ?? current.length;\n          const selectionEnd = event.currentTarget.selectionEnd ?? selectionStart;\n          const pasted = normalize(event.clipboardData.getData('text'));\n          const next = current.slice(0, selectionStart) + pasted + current.slice(selectionEnd);\n          update(next);\n          queueMicrotask(() =>\n            input.current?.setSelectionRange(\n              Math.min(count, selectionStart + pasted.length),\n              Math.min(count, selectionStart + pasted.length),\n            ),\n          );\n        }}\n        onFocus={(event) => {\n          setFocused(true);\n          setActive(Math.min(count - 1, event.currentTarget.selectionStart ?? 0));\n          onFocus?.(event);\n        }}\n        onBlur={(event) => {\n          setFocused(false);\n          onBlur?.(event);\n        }}\n        onSelect={(event) => {\n          setActive(Math.min(count - 1, event.currentTarget.selectionStart ?? 0));\n          onSelect?.(event);\n        }}\n        onClick={(event) => {\n          onClick?.(event);\n          if (event.defaultPrevented) return;\n          const slots = root.current?.querySelectorAll<HTMLElement>('[data-otp-slot]');\n          const index = slots\n            ? Array.from(slots).findIndex((slot) => {\n                const rect = slot.getBoundingClientRect();\n                return event.clientX >= rect.left && event.clientX <= rect.right;\n              })\n            : -1;\n          if (index >= 0) {\n            const position = Math.min(index, current.length);\n            input.current?.setSelectionRange(position, Math.min(current.length, position + 1));\n            setActive(position);\n          }\n        }}\n      />\n      <div className=\"leaf-input-otp__slots\" aria-hidden=\"true\">\n        {Array.from({ length: count }, (_, index) => (\n          // biome-ignore lint/suspicious/noArrayIndexKey: Slots represent fixed character positions, not reorderable data.\n          <span key={`slot-${index}`} className=\"leaf-input-otp__item\">\n            <span\n              data-otp-slot=\"\"\n              data-active={focused && active === index ? '' : undefined}\n              data-filled={current[index] ? '' : undefined}\n              className=\"leaf-input-otp__slot\"\n            >\n              {current[index] && (\n                <span className=\"leaf-input-otp__character\" key={current[index]}>\n                  {mask ? (typeof mask === 'string' ? mask : '•') : current[index]}\n                </span>\n              )}\n            </span>\n            {index < count - 1 && separator?.(index)}\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","InputOTP","forwardRef","rawProps","ref","length","value","defaultValue","onChange","onComplete","mode","mask","separator","size","status","className","style","disabledProp","onSelect","onFocus","onBlur","onClick","props","useComponentProps","t","useText","field","useFormField","input","useRef","root","merged","useMergedRef","count","Math","normalize","text","current","setCurrent","useFieldValue","focused","setFocused","useState","active","setActive","completed","useEffect","disabled","update","next","classes","undefined","Boolean","event","selectionStart","selectionEnd","pasted","queueMicrotask","slots","index","Array","slot","rect","position","_"],"mappings":"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"}

package/dist/cjs/browser/modules/layout/layout.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/layout.css');
 var __webpack_require__ = {};
 (()=>{
@@ -38,18 +39,21 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
-const LayoutRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ direction = 'vertical', className, ...props }, ref) {
+const LayoutRoot = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { direction = 'vertical', className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Layout', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ...props,
         ref: ref,
         className: (0, classes_cjs_namespaceObject.classes)('leaf-layout', `leaf-layout--${direction}`, className)
     });
 });
-const layout_LayoutSider = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ width = 220, collapsedWidth = 64, collapsed, defaultCollapsed = false, collapsible = false, breakpoint, onCollapse, trigger, className, children, style, ...props }, ref) {
+const layout_LayoutSider = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { width = 220, collapsedWidth = 64, collapsed, defaultCollapsed = false, collapsible = false, breakpoint, onCollapse, trigger, className, children, style, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LayoutSider', rawProps);
     const t = (0, use_text_cjs_namespaceObject.useText)();
     const [compact, setCompact] = (0, use_controllable_cjs_namespaceObject.useControllable)(collapsed, defaultCollapsed, onCollapse);
     const [narrow, setNarrow] = (0, external_react_namespaceObject.useState)(false);
@@ -78,32 +82,35 @@ const layout_LayoutSider = /*#__PURE__*/ (0, external_react_namespaceObject.forw
                 className: "leaf-layout__sider-content",
                 children: children
             }),
-            collapsible && !narrow && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+            collapsible && !narrow && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                 variant: "ghost",
                 size: "sm",
                 onClick: ()=>setCompact(!compact),
                 "aria-expanded": !folded,
-                "aria-label": folded ? t('展开侧栏', 'Expand sidebar') : t('收起侧栏', 'Collapse sidebar'),
-                children: trigger ?? (folded ? t('展开侧栏', 'Expand sidebar') : t('收起侧栏', 'Collapse sidebar'))
+                "aria-label": folded ? t('layout.expandSidebar') : t('layout.collapseSidebar'),
+                children: trigger ?? (folded ? t('layout.expandSidebar') : t('layout.collapseSidebar'))
             })
         ]
     });
 });
-const layout_LayoutHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ className, ...props }, ref) {
+const layout_LayoutHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LayoutHeader', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
         ...props,
         ref: ref,
         className: (0, classes_cjs_namespaceObject.classes)('leaf-layout__header', className)
     });
 });
-const layout_LayoutContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ className, ...props }, ref) {
+const layout_LayoutContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LayoutContent', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
         ...props,
         ref: ref,
         className: (0, classes_cjs_namespaceObject.classes)('leaf-layout__content', className)
     });
 });
-const layout_LayoutFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ className, ...props }, ref) {
+const layout_LayoutFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LayoutFooter', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("footer", {
         ...props,
         ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"layout/layout.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/layout/layout.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 { forwardRef, type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nexport interface LayoutProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical';\n}\nconst LayoutRoot = forwardRef<HTMLDivElement, LayoutProps>(function Layout(\n  { direction = 'vertical', className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout', `leaf-layout--${direction}`, className)}\n    />\n  );\n});\nexport interface LayoutSiderProps extends HTMLAttributes<HTMLElement> {\n  width?: number | string;\n  collapsedWidth?: number | string;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  collapsible?: boolean;\n  breakpoint?: number;\n  onCollapse?: (collapsed: boolean) => void;\n  trigger?: ReactNode;\n}\nexport const LayoutSider = forwardRef<HTMLElement, LayoutSiderProps>(function LayoutSider(\n  {\n    width = 220,\n    collapsedWidth = 64,\n    collapsed,\n    defaultCollapsed = false,\n    collapsible = false,\n    breakpoint,\n    onCollapse,\n    trigger,\n    className,\n    children,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useText();\n  const [compact, setCompact] = useControllable(collapsed, defaultCollapsed, onCollapse);\n  const [narrow, setNarrow] = useState(false);\n  useEffect(() => {\n    if (breakpoint === undefined) return;\n    const query = matchMedia(`(max-width: ${breakpoint}px)`);\n    const update = () => setNarrow(query.matches);\n    update();\n    query.addEventListener('change', update);\n    return () => query.removeEventListener('change', update);\n  }, [breakpoint]);\n  const folded = compact || narrow;\n  return (\n    <aside\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout__sider', className)}\n      data-collapsed={folded || undefined}\n      style={{ width: folded ? collapsedWidth : width, ...style }}\n    >\n      <div className=\"leaf-layout__sider-content\">{children}</div>\n      {collapsible && !narrow && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setCompact(!compact)}\n          aria-expanded={!folded}\n          aria-label={folded ? t('展开侧栏', 'Expand sidebar') : t('收起侧栏', 'Collapse sidebar')}\n        >\n          {trigger ??\n            (folded ? t('展开侧栏', 'Expand sidebar') : t('收起侧栏', 'Collapse sidebar'))}\n        </Button>\n      )}\n    </aside>\n  );\n});\nexport const LayoutHeader = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutHeader({ className, ...props }, ref) {\n    return <header {...props} ref={ref} className={classes('leaf-layout__header', className)} />;\n  },\n);\nexport const LayoutContent = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutContent({ className, ...props }, ref) {\n    return <main {...props} ref={ref} className={classes('leaf-layout__content', className)} />;\n  },\n);\nexport const LayoutFooter = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutFooter({ className, ...props }, ref) {\n    return <footer {...props} ref={ref} className={classes('leaf-layout__footer', className)} />;\n  },\n);\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Sider: LayoutSider,\n  Content: LayoutContent,\n  Footer: LayoutFooter,\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","LayoutRoot","forwardRef","direction","className","props","ref","classes","LayoutSider","width","collapsedWidth","collapsed","defaultCollapsed","collapsible","breakpoint","onCollapse","trigger","children","style","t","useText","compact","setCompact","useControllable","narrow","setNarrow","useState","useEffect","undefined","query","matchMedia","update","folded","Button","LayoutHeader","LayoutContent","LayoutFooter","Layout"],"mappings":"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"}
+{"version":3,"file":"layout/layout.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/layout/layout.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 { forwardRef, type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nexport interface LayoutProps extends HTMLAttributes<HTMLDivElement> {\n  direction?: 'horizontal' | 'vertical';\n}\nconst LayoutRoot = forwardRef<HTMLDivElement, LayoutProps>(function Layout(rawProps, ref) {\n  const { direction = 'vertical', className, ...props } = useComponentProps('Layout', rawProps);\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout', `leaf-layout--${direction}`, className)}\n    />\n  );\n});\nexport interface LayoutSiderProps extends HTMLAttributes<HTMLElement> {\n  width?: number | string;\n  collapsedWidth?: number | string;\n  collapsed?: boolean;\n  defaultCollapsed?: boolean;\n  collapsible?: boolean;\n  breakpoint?: number;\n  onCollapse?: (collapsed: boolean) => void;\n  trigger?: ReactNode;\n}\nexport const LayoutSider = forwardRef<HTMLElement, LayoutSiderProps>(function LayoutSider(\n  rawProps: LayoutSiderProps,\n  ref,\n) {\n  const {\n    width = 220,\n    collapsedWidth = 64,\n    collapsed,\n    defaultCollapsed = false,\n    collapsible = false,\n    breakpoint,\n    onCollapse,\n    trigger,\n    className,\n    children,\n    style,\n    ...props\n  } = useComponentProps('LayoutSider', rawProps);\n  const t = useText();\n  const [compact, setCompact] = useControllable(collapsed, defaultCollapsed, onCollapse);\n  const [narrow, setNarrow] = useState(false);\n  useEffect(() => {\n    if (breakpoint === undefined) return;\n    const query = matchMedia(`(max-width: ${breakpoint}px)`);\n    const update = () => setNarrow(query.matches);\n    update();\n    query.addEventListener('change', update);\n    return () => query.removeEventListener('change', update);\n  }, [breakpoint]);\n  const folded = compact || narrow;\n  return (\n    <aside\n      {...props}\n      ref={ref}\n      className={classes('leaf-layout__sider', className)}\n      data-collapsed={folded || undefined}\n      style={{ width: folded ? collapsedWidth : width, ...style }}\n    >\n      <div className=\"leaf-layout__sider-content\">{children}</div>\n      {collapsible && !narrow && (\n        <ButtonControl\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setCompact(!compact)}\n          aria-expanded={!folded}\n          aria-label={folded ? t('layout.expandSidebar') : t('layout.collapseSidebar')}\n        >\n          {trigger ?? (folded ? t('layout.expandSidebar') : t('layout.collapseSidebar'))}\n        </ButtonControl>\n      )}\n    </aside>\n  );\n});\nexport const LayoutHeader = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutHeader(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutHeader', rawProps);\n    return <header {...props} ref={ref} className={classes('leaf-layout__header', className)} />;\n  },\n);\nexport const LayoutContent = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutContent(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutContent', rawProps);\n    return <main {...props} ref={ref} className={classes('leaf-layout__content', className)} />;\n  },\n);\nexport const LayoutFooter = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  function LayoutFooter(rawProps: HTMLAttributes<HTMLElement>, ref) {\n    const { className, ...props } = useComponentProps('LayoutFooter', rawProps);\n    return <footer {...props} ref={ref} className={classes('leaf-layout__footer', className)} />;\n  },\n);\nexport const Layout = Object.assign(LayoutRoot, {\n  Header: LayoutHeader,\n  Sider: LayoutSider,\n  Content: LayoutContent,\n  Footer: LayoutFooter,\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","LayoutRoot","forwardRef","rawProps","ref","direction","className","props","useComponentProps","classes","LayoutSider","width","collapsedWidth","collapsed","defaultCollapsed","collapsible","breakpoint","onCollapse","trigger","children","style","t","useText","compact","setCompact","useControllable","narrow","setNarrow","useState","useEffect","undefined","query","matchMedia","update","folded","ButtonControl","LayoutHeader","LayoutContent","LayoutFooter","Layout"],"mappings":"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"}

package/dist/cjs/browser/modules/loading/loading.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/loading.css');
 var __webpack_require__ = {};
 (()=>{
@@ -30,16 +31,18 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    Loading: ()=>Loading
+    Loading: ()=>Loading,
+    LoadingControl: ()=>LoadingControl
 });
 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 context_cjs_namespaceObject = require("../config-provider/context.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const inert_cjs_namespaceObject = require("../shared/inert.cjs");
 const presence_cjs_namespaceObject = require("../shared/presence.cjs");
-function Loading({ spinning = true, size = 'md', tip, delay = 0, children, className, ...props }) {
+function LoadingControl({ spinning = true, size = 'md', tip, delay = 0, children, className, ...props }) {
     const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const [ready, setReady] = (0, external_react_namespaceObject.useState)(spinning && delay <= 0);
     (0, external_react_namespaceObject.useEffect)(()=>{
@@ -58,7 +61,7 @@ function Loading({ spinning = true, size = 'md', tip, delay = 0, children, class
     const indicator = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         className: "leaf-loading__indicator",
         role: "status",
-        "aria-label": 'string' == typeof tip ? tip : messages.loading,
+        "aria-label": 'string' == typeof tip ? tip : messages.common.loading,
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.LoaderCircle, {
                 className: "leaf-loading__spinner",
@@ -98,9 +101,17 @@ function Loading({ spinning = true, size = 'md', tip, delay = 0, children, class
         }) : null
     });
 }
+function Loading(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Loading', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LoadingControl, {
+        ...props
+    });
+}
 exports.Loading = __webpack_exports__.Loading;
+exports.LoadingControl = __webpack_exports__.LoadingControl;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Loading"
+    "Loading",
+    "LoadingControl"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1 +1 @@
-{"version":3,"file":"loading/loading.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/loading/loading.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 { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport type { ControlSize } from '../shared/types';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLDivElement> {\n  spinning?: boolean;\n  size?: ControlSize;\n  tip?: ReactNode;\n  delay?: number;\n}\nexport function Loading({\n  spinning = true,\n  size = 'md',\n  tip,\n  delay = 0,\n  children,\n  className,\n  ...props\n}: LoadingProps) {\n  const { messages } = useLeafConfig();\n  const [ready, setReady] = useState(spinning && delay <= 0);\n  useEffect(() => {\n    if (!spinning) {\n      setReady(false);\n      return;\n    }\n    if (delay <= 0) {\n      setReady(true);\n      return;\n    }\n    setReady(false);\n    const timer = setTimeout(() => setReady(true), delay);\n    return () => clearTimeout(timer);\n  }, [spinning, delay]);\n  const visible = spinning && ready;\n  const state = useRef<HTMLDivElement>(null);\n  const present = usePresence(visible, state);\n  const indicator = (\n    <div\n      className=\"leaf-loading__indicator\"\n      role=\"status\"\n      aria-label={typeof tip === 'string' ? tip : messages.loading}\n    >\n      <LoaderCircle className=\"leaf-loading__spinner\" aria-hidden=\"true\" />\n      {tip && <span>{tip}</span>}\n    </div>\n  );\n  return (\n    <div\n      {...props}\n      className={classes(\n        'leaf-loading',\n        `leaf-loading--${size}`,\n        children != null && 'leaf-loading--wrapped',\n        className,\n      )}\n      aria-busy={spinning}\n    >\n      {children != null ? (\n        <>\n          <div\n            className=\"leaf-loading__content\"\n            data-loading={visible || undefined}\n            {...inertProps(visible)}\n          >\n            {children}\n          </div>\n          {present && (\n            <div\n              ref={state}\n              data-visible={visible || undefined}\n              aria-hidden={!visible || undefined}\n              className=\"leaf-loading__overlay\"\n            >\n              {indicator}\n            </div>\n          )}\n        </>\n      ) : present ? (\n        <div\n          ref={state}\n          data-visible={visible || undefined}\n          aria-hidden={!visible || undefined}\n          className=\"leaf-loading__state\"\n        >\n          {indicator}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Loading","spinning","size","tip","delay","children","className","props","messages","useLeafConfig","ready","setReady","useState","useEffect","timer","setTimeout","clearTimeout","visible","state","useRef","present","usePresence","indicator","LoaderCircle","classes","undefined","inertProps"],"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;;;;;;;;;;;;;;ACQO,SAASI,QAAQ,EACtBC,WAAW,IAAI,EACfC,OAAO,IAAI,EACXC,GAAG,EACHC,QAAQ,CAAC,EACTC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACU;IACb,MAAM,EAAEC,QAAQ,EAAE,GAAGC,AAAAA,IAAAA,4BAAAA,aAAAA,AAAAA;IACrB,MAAM,CAACC,OAAOC,SAAS,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAASX,YAAYG,SAAS;IACxDS,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,IAAI,CAACZ,UAAU,YACbU,SAAS;QAGX,IAAIP,SAAS,GAAG,YACdO,SAAS;QAGXA,SAAS;QACT,MAAMG,QAAQC,WAAW,IAAMJ,SAAS,OAAOP;QAC/C,OAAO,IAAMY,aAAaF;IAC5B,GAAG;QAACb;QAAUG;KAAM;IACpB,MAAMa,UAAUhB,YAAYS;IAC5B,MAAMQ,QAAQC,AAAAA,IAAAA,+BAAAA,MAAAA,AAAAA,EAAuB;IACrC,MAAMC,UAAUC,AAAAA,IAAAA,6BAAAA,WAAAA,AAAAA,EAAYJ,SAASC;IACrC,MAAMI,YACJ,AADgB,WAAZA,GACJ,sCAAC;QACC,WAAU;QACV,MAAK;QACL,cAAY,AAAe,YAAf,OAAOnB,MAAmBA,MAAMK,SAAS,OAAO;;0BAE5D,qCAACe,sCAAAA,YAAYA,EAAAA;gBAAC,WAAU;gBAAwB,eAAY;;YAC3DpB,OAAO,WAAPA,GAAO,qCAAC;0BAAMA;;;;IAGnB,OACE,AADK,WAAP,GACE,qCAAC;QACE,GAAGI,KAAK;QACT,WAAWiB,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,gBACA,CAAC,cAAc,EAAEtB,MAAM,EACvBG,AAAY,QAAZA,YAAoB,yBACpBC;QAEF,aAAWL;kBAEVI,AAAY,QAAZA,WACC,AADkB,WAAP,GACX;;8BACE,qCAAC;oBACC,WAAU;oBACV,gBAAcY,WAAWQ;oBACxB,GAAGC,AAAAA,IAAAA,0BAAAA,UAAAA,AAAAA,EAAWT,QAAQ;8BAEtBZ;;gBAEFe,WACC,AADU,WAAXA,GACC,qCAAC;oBACC,KAAKF;oBACL,gBAAcD,WAAWQ;oBACzB,eAAa,CAACR,WAAWQ;oBACzB,WAAU;8BAETH;;;aAILF,UACF,AADY,WAAVA,GACF,qCAAC;YACC,KAAKF;YACL,gBAAcD,WAAWQ;YACzB,eAAa,CAACR,WAAWQ;YACzB,WAAU;sBAETH;aAED;;AAGV"}
+{"version":3,"file":"loading/loading.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/loading/loading.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 { type HTMLAttributes, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport type { ControlSize } from '../shared/types';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLDivElement> {\n  spinning?: boolean;\n  size?: ControlSize;\n  tip?: ReactNode;\n  delay?: number;\n}\nexport function LoadingControl({\n  spinning = true,\n  size = 'md',\n  tip,\n  delay = 0,\n  children,\n  className,\n  ...props\n}: LoadingProps) {\n  const { messages } = useLeafConfig();\n  const [ready, setReady] = useState(spinning && delay <= 0);\n  useEffect(() => {\n    if (!spinning) {\n      setReady(false);\n      return;\n    }\n    if (delay <= 0) {\n      setReady(true);\n      return;\n    }\n    setReady(false);\n    const timer = setTimeout(() => setReady(true), delay);\n    return () => clearTimeout(timer);\n  }, [spinning, delay]);\n  const visible = spinning && ready;\n  const state = useRef<HTMLDivElement>(null);\n  const present = usePresence(visible, state);\n  const indicator = (\n    <div\n      className=\"leaf-loading__indicator\"\n      role=\"status\"\n      aria-label={typeof tip === 'string' ? tip : messages.common.loading}\n    >\n      <LoaderCircle className=\"leaf-loading__spinner\" aria-hidden=\"true\" />\n      {tip && <span>{tip}</span>}\n    </div>\n  );\n  return (\n    <div\n      {...props}\n      className={classes(\n        'leaf-loading',\n        `leaf-loading--${size}`,\n        children != null && 'leaf-loading--wrapped',\n        className,\n      )}\n      aria-busy={spinning}\n    >\n      {children != null ? (\n        <>\n          <div\n            className=\"leaf-loading__content\"\n            data-loading={visible || undefined}\n            {...inertProps(visible)}\n          >\n            {children}\n          </div>\n          {present && (\n            <div\n              ref={state}\n              data-visible={visible || undefined}\n              aria-hidden={!visible || undefined}\n              className=\"leaf-loading__overlay\"\n            >\n              {indicator}\n            </div>\n          )}\n        </>\n      ) : present ? (\n        <div\n          ref={state}\n          data-visible={visible || undefined}\n          aria-hidden={!visible || undefined}\n          className=\"leaf-loading__state\"\n        >\n          {indicator}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport function Loading(rawProps: LoadingProps) {\n  const props = useComponentProps('Loading', rawProps);\n  return <LoadingControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","LoadingControl","spinning","size","tip","delay","children","className","props","messages","useLeafConfig","ready","setReady","useState","useEffect","timer","setTimeout","clearTimeout","visible","state","useRef","present","usePresence","indicator","LoaderCircle","classes","undefined","inertProps","Loading","rawProps","useComponentProps"],"mappings":"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"}

package/dist/cjs/browser/modules/loadingbar/loadingbar.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/loadingbar.css');
 var __webpack_require__ = {};
 (()=>{
@@ -31,17 +32,22 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     LoadingBar: ()=>LoadingBar,
+    LoadingBarControl: ()=>LoadingBarControl,
     LoadingBarProvider: ()=>LoadingBarProvider,
     LoadingBarScope: ()=>LoadingBarScope,
     useLoadingBar: ()=>useLoadingBar
 });
 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 external_density_cjs_namespaceObject = require("../density.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const motion_cjs_namespaceObject = require("../shared/motion.cjs");
 const scoped_portal_cjs_namespaceObject = require("../shared/scoped-portal.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
-function LoadingBar({ active = false, progress, color, height = 3, position = 'top', className, style }) {
+const external_theme_cjs_namespaceObject = require("../theme.cjs");
+function LoadingBarControl({ active = false, progress, color, height = 3, position = 'top', className, style }) {
     const t = (0, use_text_cjs_namespaceObject.useText)();
     const bar = (0, external_react_namespaceObject.useRef)(null);
     const motion = (0, motion_cjs_namespaceObject.useMotionEnabled)();
@@ -86,7 +92,7 @@ function LoadingBar({ active = false, progress, color, height = 3, position = 't
             ref: bar,
             className: (0, classes_cjs_namespaceObject.classes)('leaf-loading-bar', `leaf-loading-bar--${position}`, className),
             role: "progressbar",
-            "aria-label": t('页面加载进度', 'Page loading progress'),
+            "aria-label": t('loadingBar.pageLoadingProgress'),
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             "aria-valuenow": void 0 === progress && active ? void 0 : amount,
@@ -106,9 +112,12 @@ function LoadingBar({ active = false, progress, color, height = 3, position = 't
 }
 const Context = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
 function LoadingBarProvider({ children, ...props }) {
+    const inheritedConfig = (0, context_cjs_namespaceObject.useLeafConfig)();
     const pending = (0, external_react_namespaceObject.useRef)(new Set());
     const [active, setActive] = (0, external_react_namespaceObject.useState)(false);
     const [progress, setProgress] = (0, external_react_namespaceObject.useState)();
+    const [taskComponents, setTaskComponents] = (0, external_react_namespaceObject.useState)();
+    const [taskConfig, setTaskConfig] = (0, external_react_namespaceObject.useState)();
     const api = (0, external_react_namespaceObject.useMemo)(()=>{
         const finish = (key)=>{
             const first = key ?? pending.current.values().next().value;
@@ -116,7 +125,11 @@ function LoadingBarProvider({ children, ...props }) {
             if (!pending.current.size) setActive(false);
         };
         return {
-            start: ()=>{
+            start: (components, config)=>{
+                if (!pending.current.size) {
+                    setTaskComponents(components);
+                    setTaskConfig(config);
+                }
                 const key = Symbol();
                 pending.current.add(key);
                 setProgress(void 0);
@@ -132,13 +145,26 @@ function LoadingBarProvider({ children, ...props }) {
             }
         };
     }, []);
+    const config = taskConfig ?? inheritedConfig;
+    const presentation = (0, component_defaults_cjs_namespaceObject.mergeComponentProps)(taskComponents?.LoadingBar, props);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Context.Provider, {
         value: api,
         children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LoadingBar, {
-                ...props,
-                active: active,
-                progress: progress
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(context_cjs_namespaceObject.ConfigContext.Provider, {
+                value: config,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    style: {
+                        display: 'contents',
+                        ...(0, external_density_cjs_namespaceObject.leafDensityVariables)(config.density),
+                        ...(0, external_theme_cjs_namespaceObject.leafThemeVariables)(config.theme)
+                    },
+                    dir: config.direction,
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LoadingBarControl, {
+                        ...presentation,
+                        active: active,
+                        progress: progress
+                    })
+                })
             }),
             children
         ]
@@ -151,15 +177,35 @@ function LoadingBarScope({ children }) {
 }
 function useLoadingBar() {
     const api = (0, external_react_namespaceObject.useContext)(Context);
-    if (!api) throw new Error('useLoadingBar requires ConfigProvider or LoadingBarProvider.');
-    return api;
+    const components = (0, external_react_namespaceObject.useContext)(component_defaults_cjs_namespaceObject.ComponentDefaultsContext);
+    const config = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const latest = (0, external_react_namespaceObject.useRef)(components);
+    latest.current = components;
+    const latestConfig = (0, external_react_namespaceObject.useRef)(config);
+    latestConfig.current = config;
+    const result = (0, external_react_namespaceObject.useMemo)(()=>api ? {
+            ...api,
+            start: ()=>api.start(latest.current, latestConfig.current)
+        } : null, [
+        api
+    ]);
+    if (!result) throw new Error('useLoadingBar requires ConfigProvider or LoadingBarProvider.');
+    return result;
+}
+function LoadingBar(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('LoadingBar', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LoadingBarControl, {
+        ...props
+    });
 }
 exports.LoadingBar = __webpack_exports__.LoadingBar;
+exports.LoadingBarControl = __webpack_exports__.LoadingBarControl;
 exports.LoadingBarProvider = __webpack_exports__.LoadingBarProvider;
 exports.LoadingBarScope = __webpack_exports__.LoadingBarScope;
 exports.useLoadingBar = __webpack_exports__.useLoadingBar;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "LoadingBar",
+    "LoadingBarControl",
     "LoadingBarProvider",
     "LoadingBarScope",
     "useLoadingBar"