@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/inputotp/inputotp.js

@@ -1,12 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/inputotp.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { useFieldValue, useMergedRef } from "../shared/field.js";
 import { useText } from "../shared/use-text.js";
-const inputotp_InputOTP = /*#__PURE__*/ 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__*/ 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 } = useComponentProps('InputOTP', rawProps);
     const t = useText();
     const field = useFormField();
     const input = useRef(null);
@@ -49,7 +52,7 @@ const inputotp_InputOTP = /*#__PURE__*/ forwardRef(function({ length = 6, value,
                 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/esm/browser/modules/inputotp/inputotp.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputotp/inputotp.js","sources":["../../../../../src/inputotp/inputotp.tsx"],"sourcesContent":["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":["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.js","sources":["../../../../../src/inputotp/inputotp.tsx"],"sourcesContent":["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":["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/esm/browser/modules/layout/layout.js

@@ -1,19 +1,23 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/layout.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
 import { useControllable } from "../shared/use-controllable.js";
 import { useText } from "../shared/use-text.js";
-const LayoutRoot = /*#__PURE__*/ forwardRef(function({ direction = 'vertical', className, ...props }, ref) {
+const LayoutRoot = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { direction = 'vertical', className, ...props } = useComponentProps('Layout', rawProps);
     return /*#__PURE__*/ jsx("div", {
         ...props,
         ref: ref,
         className: classes('leaf-layout', `leaf-layout--${direction}`, className)
     });
 });
-const layout_LayoutSider = /*#__PURE__*/ forwardRef(function({ width = 220, collapsedWidth = 64, collapsed, defaultCollapsed = false, collapsible = false, breakpoint, onCollapse, trigger, className, children, style, ...props }, ref) {
+const layout_LayoutSider = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { width = 220, collapsedWidth = 64, collapsed, defaultCollapsed = false, collapsible = false, breakpoint, onCollapse, trigger, className, children, style, ...props } = useComponentProps('LayoutSider', rawProps);
     const t = useText();
     const [compact, setCompact] = useControllable(collapsed, defaultCollapsed, onCollapse);
     const [narrow, setNarrow] = useState(false);
@@ -42,32 +46,35 @@ const layout_LayoutSider = /*#__PURE__*/ forwardRef(function({ width = 220, coll
                 className: "leaf-layout__sider-content",
                 children: children
             }),
-            collapsible && !narrow && /*#__PURE__*/ jsx(Button, {
+            collapsible && !narrow && /*#__PURE__*/ jsx(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__*/ forwardRef(function({ className, ...props }, ref) {
+const layout_LayoutHeader = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { className, ...props } = useComponentProps('LayoutHeader', rawProps);
     return /*#__PURE__*/ jsx("header", {
         ...props,
         ref: ref,
         className: classes('leaf-layout__header', className)
     });
 });
-const layout_LayoutContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const layout_LayoutContent = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { className, ...props } = useComponentProps('LayoutContent', rawProps);
     return /*#__PURE__*/ jsx("main", {
         ...props,
         ref: ref,
         className: classes('leaf-layout__content', className)
     });
 });
-const layout_LayoutFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const layout_LayoutFooter = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { className, ...props } = useComponentProps('LayoutFooter', rawProps);
     return /*#__PURE__*/ jsx("footer", {
         ...props,
         ref: ref,

package/dist/esm/browser/modules/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout/layout.js","sources":["../../../../../src/layout/layout.tsx"],"sourcesContent":["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":["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","Object"],"mappings":";;;;;;;;AASA,MAAMA,aAAa,WAAHA,GAAGC,WAAwC,SACzD,EAAEC,YAAY,UAAU,EAAEC,SAAS,EAAE,GAAGC,OAAO,EAC/CC,GAAG;IAEH,OAAO,WAAP,GACE,IAAC;QACE,GAAGD,KAAK;QACT,KAAKC;QACL,WAAWC,QAAQ,eAAe,CAAC,aAAa,EAAEJ,WAAW,EAAEC;;AAGrE;AAWO,MAAMI,qBAAc,WAAHA,GAAGN,WAA0C,SACnE,EACEO,QAAQ,GAAG,EACXC,iBAAiB,EAAE,EACnBC,SAAS,EACTC,mBAAmB,KAAK,EACxBC,cAAc,KAAK,EACnBC,UAAU,EACVC,UAAU,EACVC,OAAO,EACPZ,SAAS,EACTa,QAAQ,EACRC,KAAK,EACL,GAAGb,OACJ,EACDC,GAAG;IAEH,MAAMa,IAAIC;IACV,MAAM,CAACC,SAASC,WAAW,GAAGC,gBAAgBZ,WAAWC,kBAAkBG;IAC3E,MAAM,CAACS,QAAQC,UAAU,GAAGC,SAAS;IACrCC,UAAU;QACR,IAAIb,AAAec,WAAfd,YAA0B;QAC9B,MAAMe,QAAQC,WAAW,CAAC,YAAY,EAAEhB,WAAW,GAAG,CAAC;QACvD,MAAMiB,SAAS,IAAMN,UAAUI,MAAM,OAAO;QAC5CE;QACAF,MAAM,gBAAgB,CAAC,UAAUE;QACjC,OAAO,IAAMF,MAAM,mBAAmB,CAAC,UAAUE;IACnD,GAAG;QAACjB;KAAW;IACf,MAAMkB,SAASX,WAAWG;IAC1B,OAAO,WAAP,GACE,KAAC;QACE,GAAGnB,KAAK;QACT,KAAKC;QACL,WAAWC,QAAQ,sBAAsBH;QACzC,kBAAgB4B,UAAUJ;QAC1B,OAAO;YAAE,OAAOI,SAAStB,iBAAiBD;YAAO,GAAGS,KAAK;QAAC;;0BAE1D,IAAC;gBAAI,WAAU;0BAA8BD;;YAC5CJ,eAAe,CAACW,UAAU,WAAVA,GACf,IAACS,QAAMA;gBACL,SAAQ;gBACR,MAAK;gBACL,SAAS,IAAMX,WAAW,CAACD;gBAC3B,iBAAe,CAACW;gBAChB,cAAYA,SAASb,EAAE,QAAQ,oBAAoBA,EAAE,QAAQ;0BAE5DH,WACEgB,CAAAA,SAASb,EAAE,QAAQ,oBAAoBA,EAAE,QAAQ,mBAAkB;;;;AAKhF;AACO,MAAMe,sBAAe,WAAHA,GAAGhC,WAC1B,SAAsB,EAAEE,SAAS,EAAE,GAAGC,OAAO,EAAEC,GAAG;IAChD,OAAO,WAAP,GAAO,IAAC;QAAQ,GAAGD,KAAK;QAAE,KAAKC;QAAK,WAAWC,QAAQ,uBAAuBH;;AAChF;AAEK,MAAM+B,uBAAgB,WAAHA,GAAGjC,WAC3B,SAAuB,EAAEE,SAAS,EAAE,GAAGC,OAAO,EAAEC,GAAG;IACjD,OAAO,WAAP,GAAO,IAAC;QAAM,GAAGD,KAAK;QAAE,KAAKC;QAAK,WAAWC,QAAQ,wBAAwBH;;AAC/E;AAEK,MAAMgC,sBAAe,WAAHA,GAAGlC,WAC1B,SAAsB,EAAEE,SAAS,EAAE,GAAGC,OAAO,EAAEC,GAAG;IAChD,OAAO,WAAP,GAAO,IAAC;QAAQ,GAAGD,KAAK;QAAE,KAAKC;QAAK,WAAWC,QAAQ,uBAAuBH;;AAChF;AAEK,MAAMiC,gBAASC,OAAO,MAAM,CAACrC,YAAY;IAC9C,QAAQiC;IACR,OAAO1B;IACP,SAAS2B;IACT,QAAQC;AACV"}
+{"version":3,"file":"layout/layout.js","sources":["../../../../../src/layout/layout.tsx"],"sourcesContent":["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":["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","Object"],"mappings":";;;;;;;;;;AAUA,MAAMA,aAAa,WAAHA,GAAGC,WAAwC,SAAgBC,QAAQ,EAAEC,GAAG;IACtF,MAAM,EAAEC,YAAY,UAAU,EAAEC,SAAS,EAAE,GAAGC,OAAO,GAAGC,kBAAkB,UAAUL;IACpF,OAAO,WAAP,GACE,IAAC;QACE,GAAGI,KAAK;QACT,KAAKH;QACL,WAAWK,QAAQ,eAAe,CAAC,aAAa,EAAEJ,WAAW,EAAEC;;AAGrE;AAWO,MAAMI,qBAAc,WAAHA,GAAGR,WAA0C,SACnEC,QAA0B,EAC1BC,GAAG;IAEH,MAAM,EACJO,QAAQ,GAAG,EACXC,iBAAiB,EAAE,EACnBC,SAAS,EACTC,mBAAmB,KAAK,EACxBC,cAAc,KAAK,EACnBC,UAAU,EACVC,UAAU,EACVC,OAAO,EACPZ,SAAS,EACTa,QAAQ,EACRC,KAAK,EACL,GAAGb,OACJ,GAAGC,kBAAkB,eAAeL;IACrC,MAAMkB,IAAIC;IACV,MAAM,CAACC,SAASC,WAAW,GAAGC,gBAAgBZ,WAAWC,kBAAkBG;IAC3E,MAAM,CAACS,QAAQC,UAAU,GAAGC,SAAS;IACrCC,UAAU;QACR,IAAIb,AAAec,WAAfd,YAA0B;QAC9B,MAAMe,QAAQC,WAAW,CAAC,YAAY,EAAEhB,WAAW,GAAG,CAAC;QACvD,MAAMiB,SAAS,IAAMN,UAAUI,MAAM,OAAO;QAC5CE;QACAF,MAAM,gBAAgB,CAAC,UAAUE;QACjC,OAAO,IAAMF,MAAM,mBAAmB,CAAC,UAAUE;IACnD,GAAG;QAACjB;KAAW;IACf,MAAMkB,SAASX,WAAWG;IAC1B,OAAO,WAAP,GACE,KAAC;QACE,GAAGnB,KAAK;QACT,KAAKH;QACL,WAAWK,QAAQ,sBAAsBH;QACzC,kBAAgB4B,UAAUJ;QAC1B,OAAO;YAAE,OAAOI,SAAStB,iBAAiBD;YAAO,GAAGS,KAAK;QAAC;;0BAE1D,IAAC;gBAAI,WAAU;0BAA8BD;;YAC5CJ,eAAe,CAACW,UAAU,WAAVA,GACf,IAACS,eAAaA;gBACZ,SAAQ;gBACR,MAAK;gBACL,SAAS,IAAMX,WAAW,CAACD;gBAC3B,iBAAe,CAACW;gBAChB,cAAYA,SAASb,EAAE,0BAA0BA,EAAE;0BAElDH,WAAYgB,CAAAA,SAASb,EAAE,0BAA0BA,EAAE,yBAAwB;;;;AAKtF;AACO,MAAMe,sBAAe,WAAHA,GAAGlC,WAC1B,SAAsBC,QAAqC,EAAEC,GAAG;IAC9D,MAAM,EAAEE,SAAS,EAAE,GAAGC,OAAO,GAAGC,kBAAkB,gBAAgBL;IAClE,OAAO,WAAP,GAAO,IAAC;QAAQ,GAAGI,KAAK;QAAE,KAAKH;QAAK,WAAWK,QAAQ,uBAAuBH;;AAChF;AAEK,MAAM+B,uBAAgB,WAAHA,GAAGnC,WAC3B,SAAuBC,QAAqC,EAAEC,GAAG;IAC/D,MAAM,EAAEE,SAAS,EAAE,GAAGC,OAAO,GAAGC,kBAAkB,iBAAiBL;IACnE,OAAO,WAAP,GAAO,IAAC;QAAM,GAAGI,KAAK;QAAE,KAAKH;QAAK,WAAWK,QAAQ,wBAAwBH;;AAC/E;AAEK,MAAMgC,sBAAe,WAAHA,GAAGpC,WAC1B,SAAsBC,QAAqC,EAAEC,GAAG;IAC9D,MAAM,EAAEE,SAAS,EAAE,GAAGC,OAAO,GAAGC,kBAAkB,gBAAgBL;IAClE,OAAO,WAAP,GAAO,IAAC;QAAQ,GAAGI,KAAK;QAAE,KAAKH;QAAK,WAAWK,QAAQ,uBAAuBH;;AAChF;AAEK,MAAMiC,gBAASC,OAAO,MAAM,CAACvC,YAAY;IAC9C,QAAQmC;IACR,OAAO1B;IACP,SAAS2B;IACT,QAAQC;AACV"}

package/dist/esm/browser/modules/loading/loading.js

@@ -1,13 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/loading.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { LoaderCircle } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { classes } from "../shared/classes.js";
 import { inertProps } from "../shared/inert.js";
 import { usePresence } from "../shared/presence.js";
-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 } = useLeafConfig();
     const [ready, setReady] = useState(spinning && delay <= 0);
     useEffect(()=>{
@@ -26,7 +28,7 @@ function Loading({ spinning = true, size = 'md', tip, delay = 0, children, class
     const indicator = /*#__PURE__*/ 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__*/ jsx(LoaderCircle, {
                 className: "leaf-loading__spinner",
@@ -66,6 +68,12 @@ function Loading({ spinning = true, size = 'md', tip, delay = 0, children, class
         }) : null
     });
 }
-export { Loading };
+function Loading(rawProps) {
+    const props = useComponentProps('Loading', rawProps);
+    return /*#__PURE__*/ jsx(LoadingControl, {
+        ...props
+    });
+}
+export { Loading, LoadingControl };
 
 //# sourceMappingURL=loading.js.map

package/dist/esm/browser/modules/loading/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading/loading.js","sources":["../../../../../src/loading/loading.tsx"],"sourcesContent":["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":["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":";;;;;;;;;AAcO,SAASA,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;IACrB,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAASX,YAAYG,SAAS;IACxDS,UAAU;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,OAAuB;IACrC,MAAMC,UAAUC,YAAYJ,SAASC;IACrC,MAAMI,YAAY,WAAZA,GACJ,KAAC;QACC,WAAU;QACV,MAAK;QACL,cAAY,AAAe,YAAf,OAAOnB,MAAmBA,MAAMK,SAAS,OAAO;;0BAE5D,IAACe,cAAYA;gBAAC,WAAU;gBAAwB,eAAY;;YAC3DpB,OAAO,WAAPA,GAAO,IAAC;0BAAMA;;;;IAGnB,OAAO,WAAP,GACE,IAAC;QACE,GAAGI,KAAK;QACT,WAAWiB,QACT,gBACA,CAAC,cAAc,EAAEtB,MAAM,EACvBG,AAAY,QAAZA,YAAoB,yBACpBC;QAEF,aAAWL;kBAEVI,AAAY,QAAZA,WAAmB,WAAP,GACX;;8BACE,IAAC;oBACC,WAAU;oBACV,gBAAcY,WAAWQ;oBACxB,GAAGC,WAAWT,QAAQ;8BAEtBZ;;gBAEFe,WAAW,WAAXA,GACC,IAAC;oBACC,KAAKF;oBACL,gBAAcD,WAAWQ;oBACzB,eAAa,CAACR,WAAWQ;oBACzB,WAAU;8BAETH;;;aAILF,UAAU,WAAVA,GACF,IAAC;YACC,KAAKF;YACL,gBAAcD,WAAWQ;YACzB,eAAa,CAACR,WAAWQ;YACzB,WAAU;sBAETH;aAED;;AAGV"}
+{"version":3,"file":"loading/loading.js","sources":["../../../../../src/loading/loading.tsx"],"sourcesContent":["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":["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":";;;;;;;;;;;AAeO,SAASA,eAAe,EAC7BC,WAAW,IAAI,EACfC,OAAO,IAAI,EACXC,GAAG,EACHC,QAAQ,CAAC,EACTC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACU;IACb,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAASX,YAAYG,SAAS;IACxDS,UAAU;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,OAAuB;IACrC,MAAMC,UAAUC,YAAYJ,SAASC;IACrC,MAAMI,YAAY,WAAZA,GACJ,KAAC;QACC,WAAU;QACV,MAAK;QACL,cAAY,AAAe,YAAf,OAAOnB,MAAmBA,MAAMK,SAAS,MAAM,CAAC,OAAO;;0BAEnE,IAACe,cAAYA;gBAAC,WAAU;gBAAwB,eAAY;;YAC3DpB,OAAO,WAAPA,GAAO,IAAC;0BAAMA;;;;IAGnB,OAAO,WAAP,GACE,IAAC;QACE,GAAGI,KAAK;QACT,WAAWiB,QACT,gBACA,CAAC,cAAc,EAAEtB,MAAM,EACvBG,AAAY,QAAZA,YAAoB,yBACpBC;QAEF,aAAWL;kBAEVI,AAAY,QAAZA,WAAmB,WAAP,GACX;;8BACE,IAAC;oBACC,WAAU;oBACV,gBAAcY,WAAWQ;oBACxB,GAAGC,WAAWT,QAAQ;8BAEtBZ;;gBAEFe,WAAW,WAAXA,GACC,IAAC;oBACC,KAAKF;oBACL,gBAAcD,WAAWQ;oBACzB,eAAa,CAACR,WAAWQ;oBACzB,WAAU;8BAETH;;;aAILF,UAAU,WAAVA,GACF,IAAC;YACC,KAAKF;YACL,gBAAcD,WAAWQ;YACzB,eAAa,CAACR,WAAWQ;YACzB,WAAU;sBAETH;aAED;;AAGV;AAEO,SAASK,QAAQC,QAAsB;IAC5C,MAAMrB,QAAQsB,kBAAkB,WAAWD;IAC3C,OAAO,WAAP,GAAO,IAAC5B,gBAAcA;QAAE,GAAGO,KAAK;;AAClC"}

package/dist/esm/browser/modules/loadingbar/loadingbar.js

@@ -1,12 +1,17 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/loadingbar.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { ComponentDefaultsContext, mergeComponentProps, useComponentProps } from "../config-provider/component-defaults.js";
+import { ConfigContext, useLeafConfig } from "../config-provider/context.js";
+import { leafDensityVariables } from "../density.js";
 import { classes } from "../shared/classes.js";
 import { motionDuration, useMotionEnabled } from "../shared/motion.js";
 import { ScopedPortal } from "../shared/scoped-portal.js";
 import { useText } from "../shared/use-text.js";
-function LoadingBar({ active = false, progress, color, height = 3, position = 'top', className, style }) {
+import { leafThemeVariables } from "../theme.js";
+function LoadingBarControl({ active = false, progress, color, height = 3, position = 'top', className, style }) {
     const t = useText();
     const bar = useRef(null);
     const motion = useMotionEnabled();
@@ -51,7 +56,7 @@ function LoadingBar({ active = false, progress, color, height = 3, position = 't
             ref: bar,
             className: 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,
@@ -71,9 +76,12 @@ function LoadingBar({ active = false, progress, color, height = 3, position = 't
 }
 const Context = /*#__PURE__*/ createContext(null);
 function LoadingBarProvider({ children, ...props }) {
+    const inheritedConfig = useLeafConfig();
     const pending = useRef(new Set());
     const [active, setActive] = useState(false);
     const [progress, setProgress] = useState();
+    const [taskComponents, setTaskComponents] = useState();
+    const [taskConfig, setTaskConfig] = useState();
     const api = useMemo(()=>{
         const finish = (key)=>{
             const first = key ?? pending.current.values().next().value;
@@ -81,7 +89,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);
@@ -97,13 +109,26 @@ function LoadingBarProvider({ children, ...props }) {
             }
         };
     }, []);
+    const config = taskConfig ?? inheritedConfig;
+    const presentation = mergeComponentProps(taskComponents?.LoadingBar, props);
     return /*#__PURE__*/ jsxs(Context.Provider, {
         value: api,
         children: [
-            /*#__PURE__*/ jsx(LoadingBar, {
-                ...props,
-                active: active,
-                progress: progress
+            /*#__PURE__*/ jsx(ConfigContext.Provider, {
+                value: config,
+                children: /*#__PURE__*/ jsx("div", {
+                    style: {
+                        display: 'contents',
+                        ...leafDensityVariables(config.density),
+                        ...leafThemeVariables(config.theme)
+                    },
+                    dir: config.direction,
+                    children: /*#__PURE__*/ jsx(LoadingBarControl, {
+                        ...presentation,
+                        active: active,
+                        progress: progress
+                    })
+                })
             }),
             children
         ]
@@ -116,9 +141,27 @@ function LoadingBarScope({ children }) {
 }
 function useLoadingBar() {
     const api = useContext(Context);
-    if (!api) throw new Error('useLoadingBar requires ConfigProvider or LoadingBarProvider.');
-    return api;
+    const components = useContext(ComponentDefaultsContext);
+    const config = useLeafConfig();
+    const latest = useRef(components);
+    latest.current = components;
+    const latestConfig = useRef(config);
+    latestConfig.current = config;
+    const result = 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 = useComponentProps('LoadingBar', rawProps);
+    return /*#__PURE__*/ jsx(LoadingBarControl, {
+        ...props
+    });
 }
-export { LoadingBar, LoadingBarProvider, LoadingBarScope, useLoadingBar };
+export { LoadingBar, LoadingBarControl, LoadingBarProvider, LoadingBarScope, useLoadingBar };
 
 //# sourceMappingURL=loadingbar.js.map

package/dist/esm/browser/modules/loadingbar/loadingbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadingbar/loadingbar.js","sources":["../../../../../src/loadingbar/loadingbar.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { classes } from '../shared/classes';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useText } from '../shared/use-text';\nexport interface LoadingBarProps {\n  active?: boolean;\n  progress?: number;\n  color?: string;\n  height?: number;\n  position?: 'top' | 'bottom';\n  className?: string;\n  style?: CSSProperties;\n}\nexport function LoadingBar({\n  active = false,\n  progress,\n  color,\n  height = 3,\n  position = 'top',\n  className,\n  style,\n}: LoadingBarProps) {\n  const t = useText();\n  const bar = useRef<HTMLDivElement>(null);\n  const motion = useMotionEnabled();\n  const [visible, setVisible] = useState(active);\n  const normalized =\n    progress === undefined\n      ? undefined\n      : Math.max(0, Math.min(100, Number.isFinite(progress) ? progress : 0));\n  const [amount, setAmount] = useState(active ? (normalized ?? 8) : 0);\n  useEffect(() => {\n    if (active) {\n      setVisible(true);\n      setAmount((current) => normalized ?? (current >= 100 ? 8 : Math.max(8, current)));\n    } else if (visible) {\n      setAmount(100);\n      const duration = motion && bar.current ? motionDuration(bar.current, 1.2) : 0;\n      if (!duration) {\n        setVisible(false);\n        setAmount(0);\n        return;\n      }\n      const timer = setTimeout(() => {\n        setVisible(false);\n        setAmount(0);\n      }, duration + 32);\n      return () => clearTimeout(timer);\n    }\n  }, [active, normalized, visible, motion]);\n  useEffect(() => {\n    if (!active || progress !== undefined) return;\n    const timer = setInterval(\n      () => setAmount((current) => Math.min(94, current + Math.max(0.4, (96 - current) * 0.07))),\n      350,\n    );\n    return () => clearInterval(timer);\n  }, [active, progress]);\n  if (!visible) return null;\n  return (\n    <ScopedPortal>\n      <div\n        ref={bar}\n        className={classes('leaf-loading-bar', `leaf-loading-bar--${position}`, className)}\n        role=\"progressbar\"\n        aria-label={t('页面加载进度', 'Page loading progress')}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={progress === undefined && active ? undefined : amount}\n        data-complete={!active || undefined}\n        style={{ height, ...style }}\n      >\n        <span style={{ width: `${Math.max(0, Math.min(100, amount))}%`, background: color }} />\n      </div>\n    </ScopedPortal>\n  );\n}\nexport interface LoadingBarApi {\n  start: () => () => void;\n  finish: () => void;\n  set: (progress: number) => void;\n  reset: () => void;\n}\nconst Context = createContext<LoadingBarApi | null>(null);\nexport interface LoadingBarProviderProps extends Omit<LoadingBarProps, 'active' | 'progress'> {\n  children?: ReactNode;\n}\nexport function LoadingBarProvider({ children, ...props }: LoadingBarProviderProps) {\n  const pending = useRef(new Set<symbol>());\n  const [active, setActive] = useState(false);\n  const [progress, setProgress] = useState<number | undefined>();\n  const api = useMemo<LoadingBarApi>(() => {\n    const finish = (key?: symbol) => {\n      const first = key ?? pending.current.values().next().value;\n      if (first) pending.current.delete(first);\n      if (!pending.current.size) setActive(false);\n    };\n    return {\n      start: () => {\n        const key = Symbol();\n        pending.current.add(key);\n        setProgress(undefined);\n        setActive(true);\n        return () => finish(key);\n      },\n      finish: () => finish(),\n      set: (value) => setProgress(Math.max(0, Math.min(100, value))),\n      reset: () => {\n        pending.current.clear();\n        setActive(false);\n        setProgress(undefined);\n      },\n    };\n  }, []);\n  return (\n    <Context.Provider value={api}>\n      <LoadingBar {...props} active={active} progress={progress} />\n      {children}\n    </Context.Provider>\n  );\n}\nexport function LoadingBarScope({ children }: { children?: ReactNode }) {\n  return useContext(Context) ? children : <LoadingBarProvider>{children}</LoadingBarProvider>;\n}\nexport function useLoadingBar() {\n  const api = useContext(Context);\n  if (!api) throw new Error('useLoadingBar requires ConfigProvider or LoadingBarProvider.');\n  return api;\n}\n"],"names":["LoadingBar","active","progress","color","height","position","className","style","t","useText","bar","useRef","motion","useMotionEnabled","visible","setVisible","useState","normalized","undefined","Math","Number","amount","setAmount","useEffect","current","duration","motionDuration","timer","setTimeout","clearTimeout","setInterval","clearInterval","ScopedPortal","classes","Context","createContext","LoadingBarProvider","children","props","pending","Set","setActive","setProgress","api","useMemo","finish","key","first","Symbol","value","LoadingBarScope","useContext","useLoadingBar","Error"],"mappings":"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"}
+{"version":3,"file":"loadingbar/loadingbar.js","sources":["../../../../../src/loadingbar/loadingbar.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  ComponentDefaultsContext,\n  type LeafComponentDefaults,\n  mergeComponentProps,\n  useComponentProps,\n} from '../config-provider/component-defaults';\nimport { ConfigContext, type LeafConfig, useLeafConfig } from '../config-provider/context';\nimport { leafDensityVariables } from '../density';\nimport { classes } from '../shared/classes';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useText } from '../shared/use-text';\nimport { leafThemeVariables } from '../theme';\nexport interface LoadingBarProps {\n  active?: boolean;\n  progress?: number;\n  color?: string;\n  height?: number;\n  position?: 'top' | 'bottom';\n  className?: string;\n  style?: CSSProperties;\n}\nexport function LoadingBarControl({\n  active = false,\n  progress,\n  color,\n  height = 3,\n  position = 'top',\n  className,\n  style,\n}: LoadingBarProps) {\n  const t = useText();\n  const bar = useRef<HTMLDivElement>(null);\n  const motion = useMotionEnabled();\n  const [visible, setVisible] = useState(active);\n  const normalized =\n    progress === undefined\n      ? undefined\n      : Math.max(0, Math.min(100, Number.isFinite(progress) ? progress : 0));\n  const [amount, setAmount] = useState(active ? (normalized ?? 8) : 0);\n  useEffect(() => {\n    if (active) {\n      setVisible(true);\n      setAmount((current) => normalized ?? (current >= 100 ? 8 : Math.max(8, current)));\n    } else if (visible) {\n      setAmount(100);\n      const duration = motion && bar.current ? motionDuration(bar.current, 1.2) : 0;\n      if (!duration) {\n        setVisible(false);\n        setAmount(0);\n        return;\n      }\n      const timer = setTimeout(() => {\n        setVisible(false);\n        setAmount(0);\n      }, duration + 32);\n      return () => clearTimeout(timer);\n    }\n  }, [active, normalized, visible, motion]);\n  useEffect(() => {\n    if (!active || progress !== undefined) return;\n    const timer = setInterval(\n      () => setAmount((current) => Math.min(94, current + Math.max(0.4, (96 - current) * 0.07))),\n      350,\n    );\n    return () => clearInterval(timer);\n  }, [active, progress]);\n  if (!visible) return null;\n  return (\n    <ScopedPortal>\n      <div\n        ref={bar}\n        className={classes('leaf-loading-bar', `leaf-loading-bar--${position}`, className)}\n        role=\"progressbar\"\n        aria-label={t('loadingBar.pageLoadingProgress')}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={progress === undefined && active ? undefined : amount}\n        data-complete={!active || undefined}\n        style={{ height, ...style }}\n      >\n        <span style={{ width: `${Math.max(0, Math.min(100, amount))}%`, background: color }} />\n      </div>\n    </ScopedPortal>\n  );\n}\nexport interface LoadingBarApi {\n  start: () => () => void;\n  finish: () => void;\n  set: (progress: number) => void;\n  reset: () => void;\n}\ninterface LoadingBarController extends Omit<LoadingBarApi, 'start'> {\n  start: (components?: LeafComponentDefaults, config?: LeafConfig) => () => void;\n}\nconst Context = createContext<LoadingBarController | null>(null);\nexport interface LoadingBarProviderProps extends Omit<LoadingBarProps, 'active' | 'progress'> {\n  children?: ReactNode;\n}\nexport function LoadingBarProvider({ children, ...props }: LoadingBarProviderProps) {\n  const inheritedConfig = useLeafConfig();\n  const pending = useRef(new Set<symbol>());\n  const [active, setActive] = useState(false);\n  const [progress, setProgress] = useState<number | undefined>();\n  const [taskComponents, setTaskComponents] = useState<LeafComponentDefaults>();\n  const [taskConfig, setTaskConfig] = useState<LeafConfig>();\n  const api = useMemo<LoadingBarController>(() => {\n    const finish = (key?: symbol) => {\n      const first = key ?? pending.current.values().next().value;\n      if (first) pending.current.delete(first);\n      if (!pending.current.size) setActive(false);\n    };\n    return {\n      start: (components, config) => {\n        // The first active task owns the shared bar's presentation until the batch completes.\n        if (!pending.current.size) {\n          setTaskComponents(components);\n          setTaskConfig(config);\n        }\n        const key = Symbol();\n        pending.current.add(key);\n        setProgress(undefined);\n        setActive(true);\n        return () => finish(key);\n      },\n      finish: () => finish(),\n      set: (value) => setProgress(Math.max(0, Math.min(100, value))),\n      reset: () => {\n        pending.current.clear();\n        setActive(false);\n        setProgress(undefined);\n      },\n    };\n  }, []);\n  const config = taskConfig ?? inheritedConfig;\n  const presentation = mergeComponentProps<LoadingBarProviderProps>(\n    taskComponents?.LoadingBar,\n    props,\n  );\n  return (\n    <Context.Provider value={api}>\n      <ConfigContext.Provider value={config}>\n        <div\n          style={{\n            display: 'contents',\n            ...leafDensityVariables(config.density),\n            ...leafThemeVariables(config.theme),\n          }}\n          dir={config.direction}\n        >\n          <LoadingBarControl {...presentation} active={active} progress={progress} />\n        </div>\n      </ConfigContext.Provider>\n      {children}\n    </Context.Provider>\n  );\n}\nexport function LoadingBarScope({ children }: { children?: ReactNode }) {\n  return useContext(Context) ? children : <LoadingBarProvider>{children}</LoadingBarProvider>;\n}\nexport function useLoadingBar() {\n  const api = useContext(Context);\n  const components = useContext(ComponentDefaultsContext);\n  const config = useLeafConfig();\n  const latest = useRef(components);\n  latest.current = components;\n  const latestConfig = useRef(config);\n  latestConfig.current = config;\n  const result = useMemo<LoadingBarApi | null>(\n    () => (api ? { ...api, start: () => api.start(latest.current, latestConfig.current) } : null),\n    [api],\n  );\n  if (!result) throw new Error('useLoadingBar requires ConfigProvider or LoadingBarProvider.');\n  return result;\n}\n\nexport function LoadingBar(rawProps: LoadingBarProps) {\n  const props = useComponentProps('LoadingBar', rawProps);\n  return <LoadingBarControl {...props} />;\n}\n"],"names":["LoadingBarControl","active","progress","color","height","position","className","style","t","useText","bar","useRef","motion","useMotionEnabled","visible","setVisible","useState","normalized","undefined","Math","Number","amount","setAmount","useEffect","current","duration","motionDuration","timer","setTimeout","clearTimeout","setInterval","clearInterval","ScopedPortal","classes","Context","createContext","LoadingBarProvider","children","props","inheritedConfig","useLeafConfig","pending","Set","setActive","setProgress","taskComponents","setTaskComponents","taskConfig","setTaskConfig","api","useMemo","finish","key","first","components","config","Symbol","value","presentation","mergeComponentProps","ConfigContext","leafDensityVariables","leafThemeVariables","LoadingBarScope","useContext","useLoadingBar","ComponentDefaultsContext","latest","latestConfig","result","Error","LoadingBar","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/browser/modules/locales/en-US.js

@@ -0,0 +1 @@
+export default {"select":{"placeholder":"Please select","empty":"No options","clear":"Clear selection","create":"Create “{label}”"},"autoComplete":{"empty":"No suggestions","suggestions":"{label} suggestions"},"datePicker":{"placeholder":"Select a date","clear":"Clear date","label":"Choose a date","selectDate":"Choose date"},"timePicker":{"placeholder":"Select a time","clear":"Clear time","label":"Choose a time","hours":"Hours","minutes":"Minutes","seconds":"Seconds","period":"Period","am":"AM","pm":"PM","now":"Now","selectTime":"Choose time"},"dateTimePicker":{"placeholder":"Select date and time"},"dateRangePicker":{"placeholder":"Select a date range","clear":"Clear range"},"cascader":{"clear":"Clear selection","level":"Level {level}","placeholder":"Please select","empty":"No options"},"calendar":{"previousMonth":"Previous month","nextMonth":"Next month","previousYear":"Previous year","nextYear":"Next year","previousYears":"Previous years","nextYears":"Next years","weekdays":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],"year":"Year","month":"Month","week":"Week","today":"Today","label":"Calendar"},"common":{"confirm":"OK","cancel":"Cancel","close":"Close","start":"Start","end":"End","remove":"Remove","search":"Search options","noData":"No data","retry":"Retry","preview":"Preview","download":"Download","loading":"Loading","searchAction":"Search"},"form":{"required":"Please fill out this field","invalid":"Please check this field","errorSummary":"Please check the following fields"},"breadcrumb":{"label":"Breadcrumb"},"pagination":{"label":"Pagination","previousPage":"Previous page","nextPage":"Next page","page":"Page","pageSize":"Page size","jumpTo":"Go to","pageBack":"Jump back 5 pages","pageForward":"Jump forward 5 pages","pageLabel":"Page {page}","pageSizeOption":"{count} / page","total":"Total {total} items"},"input":{"showPassword":"Show password","hidePassword":"Hide password","clear":"Clear input"},"inputNumber":{"increase":"Increase value","decrease":"Decrease value","invalid":"Enter a valid number within the allowed range"},"progress":{"label":"Progress"},"avatar":{"label":"Avatar","moreMembers":"More members","showMore":"Show {count, plural, one {# more member} other {# more members}}"},"rate":{"label":"Rating"},"result":{"success":"Success","warning":"Attention needed","error":"Something went wrong","info":"Information"},"colorPicker":{"label":"Choose a color","clear":"Clear color","saturation":"Saturation","brightness":"Brightness","hue":"Hue","alpha":"Opacity","value":"Color value","invalid":"Enter a valid color","presets":"Preset colors","gradient":"Gradient","colorStop":"Color stop {index}","addColorStop":"Add color stop","removeColorStop":"Remove color stop","color":"Color","position":"Position","colorStopPosition":"Color stop position","angle":"Angle","gradientAngle":"Gradient angle"},"tree":{"label":"Tree","expand":"Expand","reorderInstructions":"Press Space to pick up, Up/Down to choose a target, Left/Right to place before/after it, Space to drop, and Escape to cancel.","moveNode":"Move node {label}","expandNode":"Expand {label}","collapseNode":"Collapse {label}"},"collapse":{"label":"Collapsible panels"},"slider":{"label":"Slider"},"tabs":{"moreTabs":"More tabs","addTab":"Add tab","reorder":"Reorder tab {label}","closeLabel":"Close tab {label}"},"backTop":{"backToTop":"Back to top"},"button":{"moreActions":"More actions"},"carousel":{"carousel":"Carousel","previousSlide":"Previous slide","nextSlide":"Next slide","goTo":"Go to {index}","slide":"slide","role":"carousel"},"commandPalette":{"commandSearch":"Command search","placeholder":"Search commands…","searchCommands":"Search commands","commands":"Commands","navigate":"Navigate","run":"Run"},"errorBoundary":{"title":"This content could not be displayed","description":"Please retry or come back later."},"fileList":{"fileType":"FILE","uploading":"Uploading","uploadFailed":"Upload failed","cancelled":"Cancelled","uploadComplete":"Upload complete","ready":"Ready","uploadProgress":"Upload progress {name}","noFiles":"No files","preview":"Preview {name}","download":"Download {name}","remove":"Remove {name}"},"floatButton":{"quickActions":"Quick actions"},"image":{"previewImage":"Preview image{alt}","imageUnavailable":"Image unavailable","imagePreview":"Image preview","downloadImage":"Download image","exitFullscreen":"Exit fullscreen","enterFullscreen":"Enter fullscreen","closePreview":"Close preview","previousImage":"Previous image","nextImage":"Next image","downloadFailedOpenTheOriginalImageToSaveIt":"Download failed. Open the original image to save it.","openOriginal":"Open original","zoomOut":"Zoom out","resetZoom":"Reset zoom","zoomIn":"Zoom in","showThumbnails":"Show thumbnails","scrollThumbnailsBackward":"Scroll thumbnails backward","imageList":"Image list","scrollThumbnailsForward":"Scroll thumbnails forward","image":"Image","position":"{index} of {total}","viewImage":"View image {index}{alt}"},"infiniteScroll":{"loadingFailedRetry":"Loading failed. Retry","allItemsLoaded":"All items loaded","loadMore":"Load more"},"inputOTP":{"verificationCode":"Verification code"},"layout":{"expandSidebar":"Expand sidebar","collapseSidebar":"Collapse sidebar"},"loadingBar":{"pageLoadingProgress":"Page loading progress"},"menu":{"navigationMenu":"Navigation menu"},"popconfirm":{"actionFailedPleaseRetry":"Action failed. Please retry."},"qrCode":{"qrCode":"QR code","refreshCode":"Refresh code"},"scrollbar":{"verticalScrollbar":"Vertical scrollbar","horizontalScrollbar":"Horizontal scrollbar"},"splitter":{"resizePanel":"Resize panel {index}","togglePanel":"Toggle panel"},"table":{"table":"Table","scrollArea":"Scroll area","loadError":"Unable to load data. Please try again."},"dataTable":{"searchTable":"Search table","columns":"Columns","resizeColumn":"Resize column: {label}","selectRows":"Select rows","selectAllRowsOnThisPage":"Select all rows on this page","selectAllRows":"Select all rows","reorderRow":"Reorder row: {label}","selectRow":"Select row: {label}","collapseRow":"Collapse row: {label}","expandRow":"Expand row: {label}","reorderRows":"Reorder rows","expandRows":"Expand rows","sortAscending":"Sort ascending","sortDescending":"Sort descending","clearSorting":"Clear sorting","reorderColumn":"Reorder column: {label}"},"timeRangePicker":{"placeholder":"Start time ~ End time","label":"Choose time range","clear":"Clear time range"},"tour":{"previous":"Previous","finish":"Finish","next":"Next"},"transfer":{"selectAllVisibleItems":"Select all visible items","available":"Available","selected":"Selected","searchAvailableItems":"Search available items","searchSelectedItems":"Search selected items","noItems":"No items","moveToSelected":"Move to selected","moveToAvailable":"Move to available"},"typography":{"editText":"Edit text","collapse":"Collapse","expand":"Expand","copyText":"Copy text"},"upload":{"uploadUrlCannotBeEmpty":"Upload URL cannot be empty","uploadFailed":"Upload failed","chooseOneFileAtATime":"Choose one file at a time","fileTypeIsNotAccepted":"File type is not accepted","fileExceedsTheSizeLimit":"File exceeds the size limit","fileCountLimitReached":"File count limit reached","fileValidationFailed":"File validation failed","chooseFiles":"Choose files","dropHint":"Click or drop files here","dropDescription":"Choose files or drag them into this area","cancelUpload":"Cancel upload {name}","retryUpload":"Retry upload {name}"},"treeSelect":{"placeholder":"Please select","clear":"Clear selection","empty":"No options"},"drag":{"instructions":"Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.","pickedUp":"Picked up {label}","moved":"Move to {label}","dropped":"Dropped {label}","cancelled":"Reordering cancelled","outside":"No drop target"}};

package/dist/esm/browser/modules/locales/ja-JP.js

@@ -0,0 +1 @@
+export default {"select":{"placeholder":"選択してください","empty":"選択肢がありません","clear":"選択をクリア","create":"「{label}」を作成"},"autoComplete":{"empty":"候補がありません","suggestions":"{label}の候補"},"datePicker":{"placeholder":"日付を選択","clear":"日付をクリア","label":"日付を選択","selectDate":"日付を選択"},"timePicker":{"placeholder":"時刻を選択","clear":"時刻をクリア","label":"時刻を選択","hours":"時","minutes":"分","seconds":"秒","period":"午前・午後","am":"午前","pm":"午後","now":"現在時刻","selectTime":"時刻を選択"},"dateTimePicker":{"placeholder":"日時を選択"},"dateRangePicker":{"placeholder":"日付の範囲を選択","clear":"範囲をクリア"},"cascader":{"clear":"選択をクリア","level":"階層 {level}","placeholder":"選択してください","empty":"選択肢がありません"},"calendar":{"previousMonth":"前の月","nextMonth":"次の月","previousYear":"前の年","nextYear":"次の年","previousYears":"前の年の範囲","nextYears":"次の年の範囲","weekdays":["月","火","水","木","金","土","日"],"year":"年","month":"月","week":"週","today":"今日","label":"カレンダー"},"common":{"confirm":"確認","cancel":"キャンセル","close":"閉じる","start":"開始","end":"終了","remove":"削除","search":"選択肢を検索","noData":"データがありません","retry":"再試行","preview":"プレビュー","download":"ダウンロード","loading":"読み込み中","searchAction":"検索"},"form":{"required":"この項目を入力してください","invalid":"この項目を確認してください","errorSummary":"次の項目を確認してください"},"breadcrumb":{"label":"パンくずリスト"},"pagination":{"label":"ページ切り替え","previousPage":"前のページ","nextPage":"次のページ","page":"ページ","pageSize":"表示件数","jumpTo":"移動先","pageBack":"5ページ前に移動","pageForward":"5ページ先に移動","pageLabel":"ページ {page}","pageSizeOption":"{count}件 / ページ","total":"全 {total} 件"},"input":{"showPassword":"パスワードを表示","hidePassword":"パスワードを隠す","clear":"入力をクリア"},"inputNumber":{"increase":"値を増やす","decrease":"値を減らす","invalid":"指定された範囲内の数値を入力してください"},"progress":{"label":"進行状況"},"avatar":{"label":"アバター","moreMembers":"その他のメンバー","showMore":"他{count}人のメンバーを表示"},"rate":{"label":"評価"},"result":{"success":"成功","warning":"確認が必要です","error":"エラーが発生しました","info":"お知らせ"},"colorPicker":{"label":"色を選択","clear":"色をクリア","saturation":"彩度","brightness":"明度","hue":"色相","alpha":"不透明度","value":"色の値","invalid":"有効な色を入力してください","presets":"プリセットカラー","gradient":"グラデーション","colorStop":"カラーストップ {index}","addColorStop":"カラーストップを追加","removeColorStop":"カラーストップを削除","color":"色","position":"位置","colorStopPosition":"カラーストップの位置","angle":"角度","gradientAngle":"グラデーションの角度"},"tree":{"label":"ツリー","expand":"展開","reorderInstructions":"Space キーで項目を選び、上下キーで移動先を選択します。左右キーで前後を指定し、Space キーで移動、Escape キーでキャンセルします。","moveNode":"{label}を移動","expandNode":"{label}を展開","collapseNode":"{label}を折りたたむ"},"collapse":{"label":"折りたたみパネル"},"slider":{"label":"スライダー"},"tabs":{"moreTabs":"その他のタブ","addTab":"タブを追加","reorder":"タブ「{label}」を並べ替え","closeLabel":"タブ「{label}」を閉じる"},"backTop":{"backToTop":"ページの先頭へ"},"button":{"moreActions":"その他の操作"},"carousel":{"carousel":"カルーセル","previousSlide":"前のスライド","nextSlide":"次のスライド","goTo":"{index}枚目に移動","slide":"スライド","role":"カルーセル"},"commandPalette":{"commandSearch":"コマンド検索","placeholder":"コマンドを検索…","searchCommands":"コマンドを検索","commands":"コマンド","navigate":"移動","run":"実行"},"errorBoundary":{"title":"このコンテンツを表示できませんでした","description":"再試行するか、しばらくしてからもう一度お試しください。"},"fileList":{"fileType":"ファイル","uploading":"アップロード中","uploadFailed":"アップロードに失敗しました","cancelled":"キャンセル済み","uploadComplete":"アップロード完了","ready":"準備完了","uploadProgress":"{name}のアップロード状況","noFiles":"ファイルがありません","preview":"{name}をプレビュー","download":"{name}をダウンロード","remove":"{name}を削除"},"floatButton":{"quickActions":"クイック操作"},"image":{"previewImage":"画像をプレビュー{alt}","imageUnavailable":"画像を表示できません","imagePreview":"画像プレビュー","downloadImage":"画像をダウンロード","exitFullscreen":"全画面表示を終了","enterFullscreen":"全画面表示","closePreview":"プレビューを閉じる","previousImage":"前の画像","nextImage":"次の画像","downloadFailedOpenTheOriginalImageToSaveIt":"ダウンロードに失敗しました。元の画像を開いて保存してください。","openOriginal":"元の画像を開く","zoomOut":"縮小","resetZoom":"拡大率をリセット","zoomIn":"拡大","showThumbnails":"サムネイルを表示","scrollThumbnailsBackward":"サムネイルを前へスクロール","imageList":"画像一覧","scrollThumbnailsForward":"サムネイルを次へスクロール","image":"画像","position":"{total}枚中{index}枚目","viewImage":"画像{index}を表示{alt}"},"infiniteScroll":{"loadingFailedRetry":"読み込みに失敗しました。再試行","allItemsLoaded":"すべて読み込みました","loadMore":"さらに読み込む"},"inputOTP":{"verificationCode":"認証コード"},"layout":{"expandSidebar":"サイドバーを展開","collapseSidebar":"サイドバーを折りたたむ"},"loadingBar":{"pageLoadingProgress":"ページの読み込み状況"},"menu":{"navigationMenu":"ナビゲーションメニュー"},"popconfirm":{"actionFailedPleaseRetry":"操作に失敗しました。もう一度お試しください。"},"qrCode":{"qrCode":"QRコード","refreshCode":"コードを更新"},"scrollbar":{"verticalScrollbar":"縦スクロールバー","horizontalScrollbar":"横スクロールバー"},"splitter":{"resizePanel":"パネル{index}のサイズを変更","togglePanel":"パネルを開閉"},"table":{"table":"表","scrollArea":"スクロール領域","loadError":"データを読み込めませんでした。もう一度お試しください。"},"dataTable":{"searchTable":"表を検索","columns":"列","resizeColumn":"列「{label}」の幅を変更","selectRows":"行を選択","selectAllRowsOnThisPage":"このページのすべての行を選択","selectAllRows":"すべての行を選択","reorderRow":"行「{label}」を並べ替え","selectRow":"行「{label}」を選択","collapseRow":"行「{label}」を折りたたむ","expandRow":"行「{label}」を展開","reorderRows":"行を並べ替え","expandRows":"行を展開","sortAscending":"昇順に並べ替え","sortDescending":"降順に並べ替え","clearSorting":"並べ替えを解除","reorderColumn":"列「{label}」を並べ替え"},"timeRangePicker":{"placeholder":"開始時刻 ～ 終了時刻","label":"時刻の範囲を選択","clear":"時刻の範囲をクリア"},"tour":{"previous":"前へ","finish":"完了","next":"次へ"},"transfer":{"selectAllVisibleItems":"表示中の項目をすべて選択","available":"選択可能","selected":"選択済み","searchAvailableItems":"選択可能な項目を検索","searchSelectedItems":"選択済みの項目を検索","noItems":"項目がありません","moveToSelected":"選択済みに移動","moveToAvailable":"選択可能に戻す"},"typography":{"editText":"テキストを編集","collapse":"折りたたむ","expand":"展開","copyText":"テキストをコピー"},"upload":{"uploadUrlCannotBeEmpty":"アップロード先のURLを指定してください","uploadFailed":"アップロードに失敗しました","chooseOneFileAtATime":"ファイルを1つずつ選択してください","fileTypeIsNotAccepted":"対応していないファイル形式です","fileExceedsTheSizeLimit":"ファイルサイズの上限を超えています","fileCountLimitReached":"ファイル数の上限に達しました","fileValidationFailed":"ファイルの検証に失敗しました","chooseFiles":"ファイルを選択","dropHint":"クリックするか、ここにファイルをドロップ","dropDescription":"ファイルを選択するか、この領域にドラッグしてください","cancelUpload":"{name}のアップロードをキャンセル","retryUpload":"{name}のアップロードを再試行"},"treeSelect":{"placeholder":"選択してください","clear":"選択をクリア","empty":"選択肢がありません"},"drag":{"instructions":"Space キーで開始し、矢印キーで移動します。Space キーで確定、Escape キーでキャンセルします。","pickedUp":"{label}を選びました","moved":"{label}に移動","dropped":"{label}を配置しました","cancelled":"並べ替えをキャンセルしました","outside":"移動先がありません"}};

package/dist/esm/browser/modules/locales/ko-KR.js

@@ -0,0 +1 @@
+export default {"select":{"placeholder":"선택해 주세요","empty":"선택 항목 없음","clear":"선택 지우기","create":"“{label}” 만들기"},"autoComplete":{"empty":"추천 항목 없음","suggestions":"{label} 추천 항목"},"datePicker":{"placeholder":"날짜 선택","clear":"날짜 지우기","label":"날짜 선택","selectDate":"날짜 선택"},"timePicker":{"placeholder":"시간 선택","clear":"시간 지우기","label":"시간 선택","hours":"시","minutes":"분","seconds":"초","period":"오전/오후","am":"오전","pm":"오후","now":"현재 시간","selectTime":"시간 선택"},"dateTimePicker":{"placeholder":"날짜 및 시간 선택"},"dateRangePicker":{"placeholder":"날짜 범위 선택","clear":"범위 지우기"},"cascader":{"clear":"선택 지우기","level":"{level}단계","placeholder":"선택해 주세요","empty":"선택 항목 없음"},"calendar":{"previousMonth":"이전 달","nextMonth":"다음 달","previousYear":"이전 해","nextYear":"다음 해","previousYears":"이전 연도 범위","nextYears":"다음 연도 범위","weekdays":["월","화","수","목","금","토","일"],"year":"연도","month":"월","week":"주","today":"오늘","label":"달력"},"common":{"confirm":"확인","cancel":"취소","close":"닫기","start":"시작","end":"종료","remove":"삭제","search":"선택 항목 검색","noData":"데이터 없음","retry":"다시 시도","preview":"미리 보기","download":"다운로드","loading":"불러오는 중","searchAction":"검색"},"form":{"required":"이 항목을 입력해 주세요","invalid":"이 항목을 확인해 주세요","errorSummary":"다음 항목을 확인해 주세요"},"breadcrumb":{"label":"이동 경로"},"pagination":{"label":"페이지 탐색","previousPage":"이전 페이지","nextPage":"다음 페이지","page":"페이지","pageSize":"페이지당 항목 수","jumpTo":"이동할 페이지","pageBack":"5페이지 이전으로 이동","pageForward":"5페이지 다음으로 이동","pageLabel":"{page}페이지","pageSizeOption":"페이지당 {count}개","total":"총 {total}개"},"input":{"showPassword":"비밀번호 표시","hidePassword":"비밀번호 숨기기","clear":"입력 지우기"},"inputNumber":{"increase":"값 증가","decrease":"값 감소","invalid":"허용 범위 내의 유효한 숫자를 입력해 주세요"},"progress":{"label":"진행 상태"},"avatar":{"label":"아바타","moreMembers":"다른 멤버","showMore":"멤버 {count}명 더 보기"},"rate":{"label":"평점"},"result":{"success":"성공","warning":"확인이 필요합니다","error":"오류가 발생했습니다","info":"안내"},"colorPicker":{"label":"색상 선택","clear":"색상 지우기","saturation":"채도","brightness":"명도","hue":"색조","alpha":"불투명도","value":"색상 값","invalid":"유효한 색상을 입력해 주세요","presets":"기본 색상","gradient":"그라데이션","colorStop":"색상 정지점 {index}","addColorStop":"색상 정지점 추가","removeColorStop":"색상 정지점 삭제","color":"색상","position":"위치","colorStopPosition":"색상 정지점 위치","angle":"각도","gradientAngle":"그라데이션 각도"},"tree":{"label":"트리","expand":"펼치기","reorderInstructions":"스페이스 키로 항목을 선택하고 위아래 방향키로 이동할 대상을 고르세요. 좌우 방향키로 대상의 앞뒤를 지정하고 스페이스 키로 놓거나 Esc 키로 취소하세요.","moveNode":"{label} 노드 이동","expandNode":"{label} 펼치기","collapseNode":"{label} 접기"},"collapse":{"label":"접이식 패널"},"slider":{"label":"슬라이더"},"tabs":{"moreTabs":"다른 탭","addTab":"탭 추가","reorder":"{label} 탭 순서 변경","closeLabel":"{label} 탭 닫기"},"backTop":{"backToTop":"맨 위로"},"button":{"moreActions":"추가 작업"},"carousel":{"carousel":"캐러셀","previousSlide":"이전 슬라이드","nextSlide":"다음 슬라이드","goTo":"{index}번째 슬라이드로 이동","slide":"슬라이드","role":"캐러셀"},"commandPalette":{"commandSearch":"명령 검색","placeholder":"명령 검색…","searchCommands":"명령 검색","commands":"명령","navigate":"이동","run":"실행"},"errorBoundary":{"title":"이 콘텐츠를 표시할 수 없습니다","description":"다시 시도하거나 잠시 후에 다시 방문해 주세요."},"fileList":{"fileType":"파일","uploading":"업로드 중","uploadFailed":"업로드 실패","cancelled":"취소됨","uploadComplete":"업로드 완료","ready":"준비됨","uploadProgress":"{name} 업로드 진행 상태","noFiles":"파일 없음","preview":"{name} 미리 보기","download":"{name} 다운로드","remove":"{name} 삭제"},"floatButton":{"quickActions":"빠른 작업"},"image":{"previewImage":"이미지 미리 보기{alt}","imageUnavailable":"이미지를 표시할 수 없습니다","imagePreview":"이미지 미리 보기","downloadImage":"이미지 다운로드","exitFullscreen":"전체 화면 종료","enterFullscreen":"전체 화면으로 보기","closePreview":"미리 보기 닫기","previousImage":"이전 이미지","nextImage":"다음 이미지","downloadFailedOpenTheOriginalImageToSaveIt":"다운로드에 실패했습니다. 원본 이미지를 열어 저장해 주세요.","openOriginal":"원본 열기","zoomOut":"축소","resetZoom":"확대/축소 초기화","zoomIn":"확대","showThumbnails":"썸네일 표시","scrollThumbnailsBackward":"이전 썸네일로 스크롤","imageList":"이미지 목록","scrollThumbnailsForward":"다음 썸네일로 스크롤","image":"이미지","position":"{total}개 중 {index}번째","viewImage":"{index}번째 이미지 보기{alt}"},"infiniteScroll":{"loadingFailedRetry":"불러오기 실패. 다시 시도","allItemsLoaded":"모든 항목을 불러왔습니다","loadMore":"더 불러오기"},"inputOTP":{"verificationCode":"인증 코드"},"layout":{"expandSidebar":"사이드바 펼치기","collapseSidebar":"사이드바 접기"},"loadingBar":{"pageLoadingProgress":"페이지 로딩 진행 상태"},"menu":{"navigationMenu":"탐색 메뉴"},"popconfirm":{"actionFailedPleaseRetry":"작업에 실패했습니다. 다시 시도해 주세요."},"qrCode":{"qrCode":"QR 코드","refreshCode":"코드 새로 고침"},"scrollbar":{"verticalScrollbar":"세로 스크롤바","horizontalScrollbar":"가로 스크롤바"},"splitter":{"resizePanel":"{index}번 패널 크기 조절","togglePanel":"패널 열기/닫기"},"table":{"table":"표","scrollArea":"스크롤 영역","loadError":"데이터를 불러올 수 없습니다. 다시 시도해 주세요."},"dataTable":{"searchTable":"표 검색","columns":"열","resizeColumn":"{label} 열 너비 조절","selectRows":"행 선택","selectAllRowsOnThisPage":"이 페이지의 모든 행 선택","selectAllRows":"모든 행 선택","reorderRow":"{label} 행 순서 변경","selectRow":"{label} 행 선택","collapseRow":"{label} 행 접기","expandRow":"{label} 행 펼치기","reorderRows":"행 순서 변경","expandRows":"행 펼치기","sortAscending":"오름차순 정렬","sortDescending":"내림차순 정렬","clearSorting":"정렬 해제","reorderColumn":"{label} 열 순서 변경"},"timeRangePicker":{"placeholder":"시작 시간 ~ 종료 시간","label":"시간 범위 선택","clear":"시간 범위 지우기"},"tour":{"previous":"이전","finish":"완료","next":"다음"},"transfer":{"selectAllVisibleItems":"표시된 항목 모두 선택","available":"선택 가능","selected":"선택됨","searchAvailableItems":"선택 가능한 항목 검색","searchSelectedItems":"선택된 항목 검색","noItems":"항목 없음","moveToSelected":"선택됨으로 이동","moveToAvailable":"선택 가능으로 이동"},"typography":{"editText":"텍스트 편집","collapse":"접기","expand":"펼치기","copyText":"텍스트 복사"},"upload":{"uploadUrlCannotBeEmpty":"업로드 URL을 입력해 주세요","uploadFailed":"업로드 실패","chooseOneFileAtATime":"파일을 한 번에 하나씩 선택해 주세요","fileTypeIsNotAccepted":"지원하지 않는 파일 형식입니다","fileExceedsTheSizeLimit":"파일 크기 제한을 초과했습니다","fileCountLimitReached":"파일 개수 제한에 도달했습니다","fileValidationFailed":"파일 유효성 검사 실패","chooseFiles":"파일 선택","dropHint":"클릭하거나 파일을 여기에 놓으세요","dropDescription":"파일을 선택하거나 이 영역으로 끌어오세요","cancelUpload":"{name} 업로드 취소","retryUpload":"{name} 업로드 다시 시도"},"treeSelect":{"placeholder":"선택해 주세요","clear":"선택 지우기","empty":"선택 항목 없음"},"drag":{"instructions":"스페이스 키로 시작하고 방향키로 이동하세요. 스페이스 키로 놓거나 Esc 키로 취소하세요.","pickedUp":"{label} 선택됨","moved":"{label}(으)로 이동","dropped":"{label} 놓음","cancelled":"순서 변경이 취소되었습니다","outside":"놓을 위치 없음"}};

package/dist/esm/browser/modules/locales/messages.js

@@ -0,0 +1 @@
+"use client";