@ifhover/leaf-ui 0.5.0 → 0.6.0

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

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

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

@@ -1,12 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/steps.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Check, LoaderCircle, X } from "lucide-react";
 import { useEffect, useLayoutEffect, useRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
 import { animateMotion, useMotionEnabled } from "../shared/motion.js";
 const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
-function Steps({ items, current = 0, status = 'process', direction = 'horizontal', size = 'md', loading = false, onChange, progressDot, percent, className, ...props }) {
+function Steps(rawProps) {
+    const { items, current = 0, status = 'process', direction = 'horizontal', size = 'md', loading = false, onChange, progressDot, percent, className, ...props } = useComponentProps('Steps', rawProps);
     const root = useRef(null);
     const motion = useMotionEnabled();
     const states = items.map((item, index)=>item.status ?? (index < current ? 'finish' : index === current ? status : 'wait'));

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

@@ -1 +1 @@
-{"version":3,"file":"steps/steps.js","sources":["../../../../../src/steps/steps.tsx"],"sourcesContent":["import { Check, LoaderCircle, X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useEffect, useLayoutEffect, useRef } from 'react';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport type { ControlSize } from '../shared/types';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport interface StepItem {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  status?: 'wait' | 'process' | 'finish' | 'error';\n  disabled?: boolean;\n}\nexport interface StepsProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onChange'> {\n  items: readonly StepItem[];\n  current?: number;\n  status?: 'process' | 'finish' | 'error';\n  direction?: 'horizontal' | 'vertical';\n  size?: ControlSize;\n  loading?: boolean;\n  onChange?: (current: number) => void;\n  progressDot?: boolean | ((dot: ReactNode, info: { index: number; status: string }) => ReactNode);\n  percent?: number;\n}\n\nexport function Steps({\n  items,\n  current = 0,\n  status = 'process',\n  direction = 'horizontal',\n  size = 'md',\n  loading = false,\n  onChange,\n  progressDot,\n  percent,\n  className,\n  ...props\n}: StepsProps) {\n  const root = useRef<HTMLOListElement>(null);\n  const motion = useMotionEnabled();\n  const states = items.map(\n    (item, index) =>\n      item.status ?? (index < current ? 'finish' : index === current ? status : 'wait'),\n  );\n  const previous = useRef(states);\n  const animations = useRef<Animation[]>([]);\n  const signature = states.join(',');\n  useBrowserLayoutEffect(() => {\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    if (motion)\n      for (const [index, state] of states.entries()) {\n        if (previous.current[index] === state || previous.current[index] === undefined) continue;\n        const icon = root.current?.querySelector<HTMLElement>(\n          `[data-step-index=\"${index}\"] .leaf-steps__icon`,\n        );\n        if (icon) {\n          const animation = animateMotion(\n            icon,\n            [{ transform: 'scale(0.88)' }, { transform: 'scale(1)' }],\n            { durationMultiplier: 1.6, easing: 'spring' },\n          );\n          if (animation) animations.current.push(animation);\n        }\n      }\n    previous.current = states;\n  }, [signature, motion]);\n  useEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n  return (\n    <ol\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-steps',\n        `leaf-steps--${direction}`,\n        `leaf-steps--${size}`,\n        progressDot && 'leaf-steps--dot',\n        className,\n      )}\n    >\n      {items.map((item, index) => {\n        const state =\n          item.status ?? (index < current ? 'finish' : index === current ? status : 'wait');\n        const content = (\n          <>\n            <span className=\"leaf-steps__icon\" aria-hidden=\"true\">\n              {progressDot ? (\n                typeof progressDot === 'function' ? (\n                  progressDot(<span className=\"leaf-steps__dot\" />, { index, status: state })\n                ) : (\n                  <span className=\"leaf-steps__dot\" />\n                )\n              ) : (\n                <>\n                  {percent !== undefined && index === current && (\n                    <svg className=\"leaf-steps__progress\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n                      <circle className=\"leaf-steps__progress-trail\" cx=\"20\" cy=\"20\" r=\"18\" />\n                      <circle\n                        cx=\"20\"\n                        cy=\"20\"\n                        r=\"18\"\n                        strokeDasharray={`${113.097 * (Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0)) / 100)} 113.097`}\n                      />\n                    </svg>\n                  )}\n                  {item.icon ??\n                    (state === 'finish' ? (\n                      <Check />\n                    ) : state === 'error' ? (\n                      <X />\n                    ) : index === current && loading ? (\n                      <LoaderCircle className=\"leaf-steps__spinner\" />\n                    ) : (\n                      index + 1\n                    ))}\n                </>\n              )}\n            </span>\n            <span className=\"leaf-steps__copy\">\n              <span className=\"leaf-steps__title\">{item.title}</span>\n              {item.description && (\n                <span className=\"leaf-steps__description\">{item.description}</span>\n              )}\n            </span>\n          </>\n        );\n        return (\n          <li\n            key={item.key ?? index}\n            className=\"leaf-steps__item\"\n            data-status={state}\n            data-step-index={index}\n            aria-current={index === current ? 'step' : undefined}\n          >\n            {onChange ? (\n              <button\n                type=\"button\"\n                className=\"leaf-steps__content\"\n                disabled={item.disabled}\n                onClick={() => onChange(index)}\n              >\n                {content}\n              </button>\n            ) : (\n              <div className=\"leaf-steps__content\">{content}</div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Steps","items","current","status","direction","size","loading","onChange","progressDot","percent","className","props","root","useRef","motion","useMotionEnabled","states","item","index","previous","animations","signature","animation","state","undefined","icon","animateMotion","classes","content","Math","Number","Check","X","LoaderCircle"],"mappings":"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"}
+{"version":3,"file":"steps/steps.js","sources":["../../../../../src/steps/steps.tsx"],"sourcesContent":["import { Check, LoaderCircle, X } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useEffect, useLayoutEffect, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { animateMotion, useMotionEnabled } from '../shared/motion';\nimport type { ControlSize } from '../shared/types';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nexport interface StepItem {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  status?: 'wait' | 'process' | 'finish' | 'error';\n  disabled?: boolean;\n}\nexport interface StepsProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onChange'> {\n  items: readonly StepItem[];\n  current?: number;\n  status?: 'process' | 'finish' | 'error';\n  direction?: 'horizontal' | 'vertical';\n  size?: ControlSize;\n  loading?: boolean;\n  onChange?: (current: number) => void;\n  progressDot?: boolean | ((dot: ReactNode, info: { index: number; status: string }) => ReactNode);\n  percent?: number;\n}\n\nexport function Steps(rawProps: StepsProps) {\n  const {\n    items,\n    current = 0,\n    status = 'process',\n    direction = 'horizontal',\n    size = 'md',\n    loading = false,\n    onChange,\n    progressDot,\n    percent,\n    className,\n    ...props\n  } = useComponentProps('Steps', rawProps);\n  const root = useRef<HTMLOListElement>(null);\n  const motion = useMotionEnabled();\n  const states = items.map(\n    (item, index) =>\n      item.status ?? (index < current ? 'finish' : index === current ? status : 'wait'),\n  );\n  const previous = useRef(states);\n  const animations = useRef<Animation[]>([]);\n  const signature = states.join(',');\n  useBrowserLayoutEffect(() => {\n    for (const animation of animations.current) animation.cancel();\n    animations.current = [];\n    if (motion)\n      for (const [index, state] of states.entries()) {\n        if (previous.current[index] === state || previous.current[index] === undefined) continue;\n        const icon = root.current?.querySelector<HTMLElement>(\n          `[data-step-index=\"${index}\"] .leaf-steps__icon`,\n        );\n        if (icon) {\n          const animation = animateMotion(\n            icon,\n            [{ transform: 'scale(0.88)' }, { transform: 'scale(1)' }],\n            { durationMultiplier: 1.6, easing: 'spring' },\n          );\n          if (animation) animations.current.push(animation);\n        }\n      }\n    previous.current = states;\n  }, [signature, motion]);\n  useEffect(\n    () => () => {\n      for (const animation of animations.current) animation.cancel();\n    },\n    [],\n  );\n  return (\n    <ol\n      {...props}\n      ref={root}\n      className={classes(\n        'leaf-steps',\n        `leaf-steps--${direction}`,\n        `leaf-steps--${size}`,\n        progressDot && 'leaf-steps--dot',\n        className,\n      )}\n    >\n      {items.map((item, index) => {\n        const state =\n          item.status ?? (index < current ? 'finish' : index === current ? status : 'wait');\n        const content = (\n          <>\n            <span className=\"leaf-steps__icon\" aria-hidden=\"true\">\n              {progressDot ? (\n                typeof progressDot === 'function' ? (\n                  progressDot(<span className=\"leaf-steps__dot\" />, { index, status: state })\n                ) : (\n                  <span className=\"leaf-steps__dot\" />\n                )\n              ) : (\n                <>\n                  {percent !== undefined && index === current && (\n                    <svg className=\"leaf-steps__progress\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n                      <circle className=\"leaf-steps__progress-trail\" cx=\"20\" cy=\"20\" r=\"18\" />\n                      <circle\n                        cx=\"20\"\n                        cy=\"20\"\n                        r=\"18\"\n                        strokeDasharray={`${113.097 * (Math.max(0, Math.min(100, Number.isFinite(percent) ? percent : 0)) / 100)} 113.097`}\n                      />\n                    </svg>\n                  )}\n                  {item.icon ??\n                    (state === 'finish' ? (\n                      <Check />\n                    ) : state === 'error' ? (\n                      <X />\n                    ) : index === current && loading ? (\n                      <LoaderCircle className=\"leaf-steps__spinner\" />\n                    ) : (\n                      index + 1\n                    ))}\n                </>\n              )}\n            </span>\n            <span className=\"leaf-steps__copy\">\n              <span className=\"leaf-steps__title\">{item.title}</span>\n              {item.description && (\n                <span className=\"leaf-steps__description\">{item.description}</span>\n              )}\n            </span>\n          </>\n        );\n        return (\n          <li\n            key={item.key ?? index}\n            className=\"leaf-steps__item\"\n            data-status={state}\n            data-step-index={index}\n            aria-current={index === current ? 'step' : undefined}\n          >\n            {onChange ? (\n              <button\n                type=\"button\"\n                className=\"leaf-steps__content\"\n                disabled={item.disabled}\n                onClick={() => onChange(index)}\n              >\n                {content}\n              </button>\n            ) : (\n              <div className=\"leaf-steps__content\">{content}</div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","Steps","rawProps","items","current","status","direction","size","loading","onChange","progressDot","percent","className","props","useComponentProps","root","useRef","motion","useMotionEnabled","states","item","index","previous","animations","signature","animation","state","undefined","icon","animateMotion","classes","content","Math","Number","Check","X","LoaderCircle"],"mappings":"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"}

package/dist/esm/browser/modules/switch/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./switch.js";
+export { Switch } from "./switch.js";

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

@@ -1,11 +1,14 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/switch.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { LoaderCircle } from "lucide-react";
 import { forwardRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
-const switch_Switch = /*#__PURE__*/ forwardRef(function({ size = 'md', loading = false, disabled: disabledProp, children, className, style, 'aria-busy': ariaBusy, ...props }, ref) {
+const switch_Switch = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { size = 'md', loading = false, disabled: disabledProp, children, className, style, 'aria-busy': ariaBusy, ...props } = useComponentProps('Switch', rawProps);
     const field = useFormField();
     const disabled = disabledProp || field?.disabled;
     return /*#__PURE__*/ jsxs("label", {

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

@@ -1 +1 @@
-{"version":3,"file":"switch/switch.js","sources":["../../../../../src/switch/switch.tsx"],"sourcesContent":["import { LoaderCircle } from 'lucide-react';\nimport { forwardRef, type InputHTMLAttributes } from 'react';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nexport interface SwitchProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'role'> {\n  size?: ControlSize;\n  loading?: boolean;\n}\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  {\n    size = 'md',\n    loading = false,\n    disabled: disabledProp,\n    children,\n    className,\n    style,\n    'aria-busy': ariaBusy,\n    ...props\n  },\n  ref,\n) {\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <label\n      className={classes('leaf-switch', `leaf-switch--${size}`, className)}\n      style={style}\n      data-disabled={disabled || loading ? '' : undefined}\n      data-loading={loading ? '' : undefined}\n    >\n      <span className=\"leaf-switch__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-describedby={\n            [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={ref}\n          type=\"checkbox\"\n          // biome-ignore lint/a11y/useAriaPropsForRole: Native checked state supplies switch semantics and follows form reset.\n          role=\"switch\"\n          disabled={disabled || loading}\n          aria-busy={loading || ariaBusy}\n          className=\"leaf-switch__input\"\n        />\n        <span className=\"leaf-switch__track\" aria-hidden=\"true\">\n          <span className=\"leaf-switch__thumb\">\n            {loading && <LoaderCircle className=\"leaf-switch__spinner\" />}\n          </span>\n        </span>\n      </span>\n      {children && <span className=\"leaf-switch__label\">{children}</span>}\n    </label>\n  );\n});\nSwitch.displayName = 'Switch';\n"],"names":["Switch","forwardRef","size","loading","disabledProp","children","className","style","ariaBusy","props","ref","field","useFormField","disabled","classes","undefined","Boolean","LoaderCircle"],"mappings":";;;;;;;AAUO,MAAMA,gBAAS,WAAHA,GAAGC,WAA0C,SAC9D,EACEC,OAAO,IAAI,EACXC,UAAU,KAAK,EACf,UAAUC,YAAY,EACtBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,aAAaC,QAAQ,EACrB,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,QAAQC;IACd,MAAMC,WAAWT,gBAAgBO,OAAO;IACxC,OAAO,WAAP,GACE,KAAC;QACC,WAAWG,QAAQ,eAAe,CAAC,aAAa,EAAEZ,MAAM,EAAEI;QAC1D,OAAOC;QACP,iBAAeM,YAAYV,UAAU,KAAKY;QAC1C,gBAAcZ,UAAU,KAAKY;;0BAE7B,KAAC;gBAAK,WAAU;;kCACd,IAAC;wBACE,GAAGN,KAAK;wBACT,IAAIA,MAAM,EAAE,IAAIE,OAAO;wBACvB,UAAUF,MAAM,QAAQ,IAAIE,OAAO;wBACnC,oBACE;4BAACF,KAAK,CAAC,mBAAmB;4BAAEE,OAAO;yBAAc,CAAC,MAAM,CAACK,SAAS,IAAI,CAAC,QAAQD;wBAEjF,gBAAcJ,OAAO,QAAQ,OAAOF,KAAK,CAAC,eAAe;wBACzD,KAAKC;wBACL,MAAK;wBAEL,MAAK;wBACL,UAAUG,YAAYV;wBACtB,aAAWA,WAAWK;wBACtB,WAAU;;kCAEZ,IAAC;wBAAK,WAAU;wBAAqB,eAAY;kCAC/C,kBAAC;4BAAK,WAAU;sCACbL,WAAW,WAAXA,GAAW,IAACc,cAAYA;gCAAC,WAAU;;;;;;YAIzCZ,YAAY,WAAZA,GAAY,IAAC;gBAAK,WAAU;0BAAsBA;;;;AAGzD;AACAL,cAAO,WAAW,GAAG"}
+{"version":3,"file":"switch/switch.js","sources":["../../../../../src/switch/switch.tsx"],"sourcesContent":["import { LoaderCircle } from 'lucide-react';\nimport { forwardRef, type InputHTMLAttributes } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nexport interface SwitchProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'role'> {\n  size?: ControlSize;\n  loading?: boolean;\n}\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  rawProps: SwitchProps,\n  ref,\n) {\n  const {\n    size = 'md',\n    loading = false,\n    disabled: disabledProp,\n    children,\n    className,\n    style,\n    'aria-busy': ariaBusy,\n    ...props\n  } = useComponentProps('Switch', rawProps);\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <label\n      className={classes('leaf-switch', `leaf-switch--${size}`, className)}\n      style={style}\n      data-disabled={disabled || loading ? '' : undefined}\n      data-loading={loading ? '' : undefined}\n    >\n      <span className=\"leaf-switch__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-describedby={\n            [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={ref}\n          type=\"checkbox\"\n          // biome-ignore lint/a11y/useAriaPropsForRole: Native checked state supplies switch semantics and follows form reset.\n          role=\"switch\"\n          disabled={disabled || loading}\n          aria-busy={loading || ariaBusy}\n          className=\"leaf-switch__input\"\n        />\n        <span className=\"leaf-switch__track\" aria-hidden=\"true\">\n          <span className=\"leaf-switch__thumb\">\n            {loading && <LoaderCircle className=\"leaf-switch__spinner\" />}\n          </span>\n        </span>\n      </span>\n      {children && <span className=\"leaf-switch__label\">{children}</span>}\n    </label>\n  );\n});\nSwitch.displayName = 'Switch';\n"],"names":["Switch","forwardRef","rawProps","ref","size","loading","disabledProp","children","className","style","ariaBusy","props","useComponentProps","field","useFormField","disabled","classes","undefined","Boolean","LoaderCircle"],"mappings":";;;;;;;;;AAWO,MAAMA,gBAAS,WAAHA,GAAGC,WAA0C,SAC9DC,QAAqB,EACrBC,GAAG;IAEH,MAAM,EACJC,OAAO,IAAI,EACXC,UAAU,KAAK,EACf,UAAUC,YAAY,EACtBC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACL,aAAaC,QAAQ,EACrB,GAAGC,OACJ,GAAGC,kBAAkB,UAAUV;IAChC,MAAMW,QAAQC;IACd,MAAMC,WAAWT,gBAAgBO,OAAO;IACxC,OAAO,WAAP,GACE,KAAC;QACC,WAAWG,QAAQ,eAAe,CAAC,aAAa,EAAEZ,MAAM,EAAEI;QAC1D,OAAOC;QACP,iBAAeM,YAAYV,UAAU,KAAKY;QAC1C,gBAAcZ,UAAU,KAAKY;;0BAE7B,KAAC;gBAAK,WAAU;;kCACd,IAAC;wBACE,GAAGN,KAAK;wBACT,IAAIA,MAAM,EAAE,IAAIE,OAAO;wBACvB,UAAUF,MAAM,QAAQ,IAAIE,OAAO;wBACnC,oBACE;4BAACF,KAAK,CAAC,mBAAmB;4BAAEE,OAAO;yBAAc,CAAC,MAAM,CAACK,SAAS,IAAI,CAAC,QAAQD;wBAEjF,gBAAcJ,OAAO,QAAQ,OAAOF,KAAK,CAAC,eAAe;wBACzD,KAAKR;wBACL,MAAK;wBAEL,MAAK;wBACL,UAAUY,YAAYV;wBACtB,aAAWA,WAAWK;wBACtB,WAAU;;kCAEZ,IAAC;wBAAK,WAAU;wBAAqB,eAAY;kCAC/C,kBAAC;4BAAK,WAAU;sCACbL,WAAW,WAAXA,GAAW,IAACc,cAAYA;gCAAC,WAAU;;;;;;YAIzCZ,YAAY,WAAZA,GAAY,IAAC;gBAAK,WAAU;0BAAsBA;;;;AAGzD;AACAP,cAAO,WAAW,GAAG"}

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

@@ -1,16 +1,18 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/table.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleAlert, Inbox } from "lucide-react";
 import { forwardRef, useEffect, useRef, useState } from "react";
-import { Button } from "../button/index.js";
-import { Loading } from "../loading/index.js";
-import { Scrollbar } from "../scrollbar/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { LoadingControl } from "../loading/loading.js";
+import { ScrollbarControl } from "../scrollbar/scrollbar.js";
 import { classes } from "../shared/classes.js";
 import { useMergedRef } from "../shared/field.js";
 import { inertProps } from "../shared/inert.js";
 import { useText } from "../shared/use-text.js";
-const table_TableRoot = /*#__PURE__*/ forwardRef(function({ size = 'md', bordered = false, striped = false, stickyHeader = true, maxHeight, minWidth, tableLayout, tableStyle, scrollRef, loading = false, className, style, children, ...props }, ref) {
+const table_TableRootControl = /*#__PURE__*/ forwardRef(function({ size = 'md', bordered = false, striped = false, stickyHeader = true, maxHeight, minWidth, tableLayout, tableStyle, scrollRef, loading = false, className, style, children, ...props }, ref) {
     const t = useText();
     const element = useRef(null);
     const tableRef = useMergedRef(element, ref);
@@ -42,7 +44,7 @@ const table_TableRoot = /*#__PURE__*/ forwardRef(function({ size = 'md', bordere
         style: style,
         "data-loading": loading || void 0,
         children: [
-            /*#__PURE__*/ jsx(Scrollbar, {
+            /*#__PURE__*/ jsx(ScrollbarControl, {
                 ref: scrollRef,
                 className: "leaf-table__scroll-area",
                 viewportClassName: "leaf-table__viewport",
@@ -53,7 +55,7 @@ const table_TableRoot = /*#__PURE__*/ forwardRef(function({ size = 'md', bordere
                 verticalOffset: headerHeight,
                 orientation: "both",
                 role: "region",
-                "aria-label": `${props['aria-label'] ?? t('表格', 'Table')} · ${t('滚动区域', 'Scroll area')}`,
+                "aria-label": `${props['aria-label'] ?? t('table.table')} · ${t('table.scrollArea')}`,
                 ...inertProps(loading),
                 children: /*#__PURE__*/ jsx("table", {
                     ...props,
@@ -69,36 +71,36 @@ const table_TableRoot = /*#__PURE__*/ forwardRef(function({ size = 'md', bordere
             }),
             loading && /*#__PURE__*/ jsx("div", {
                 className: "leaf-table__overlay",
-                children: /*#__PURE__*/ jsx(Loading, {
+                children: /*#__PURE__*/ jsx(LoadingControl, {
                     size: size,
-                    tip: t('加载中', 'Loading')
+                    tip: t('common.loading')
                 })
             })
         ]
     });
 });
-const table_TableHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const table_TableHeaderControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx("thead", {
         ...props,
         ref: ref,
         className: classes('leaf-table__header', className)
     });
 });
-const table_TableBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const table_TableBodyControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx("tbody", {
         ...props,
         ref: ref,
         className: classes('leaf-table__body', className)
     });
 });
-const table_TableFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const table_TableFooterControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx("tfoot", {
         ...props,
         ref: ref,
         className: classes('leaf-table__footer', className)
     });
 });
-const table_TableRow = /*#__PURE__*/ forwardRef(function({ selected, className, ...props }, ref) {
+const table_TableRowControl = /*#__PURE__*/ forwardRef(function({ selected, className, ...props }, ref) {
     return /*#__PURE__*/ jsx("tr", {
         ...props,
         ref: ref,
@@ -118,7 +120,7 @@ function cellStyle(style, align, pinned, pinOffset) {
         ...style
     };
 }
-const table_TableCell = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOffset = 0, pinEdge, className, style, ...props }, ref) {
+const table_TableCellControl = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOffset = 0, pinEdge, className, style, ...props }, ref) {
     return /*#__PURE__*/ jsx("td", {
         ...props,
         ref: ref,
@@ -128,7 +130,7 @@ const table_TableCell = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOf
         style: cellStyle(style, align, pinned, pinOffset)
     });
 });
-const table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOffset = 0, pinEdge, className, style, scope = 'col', ...props }, ref) {
+const table_TableColumnHeaderControl = /*#__PURE__*/ forwardRef(function({ align, pinned, pinOffset = 0, pinEdge, className, style, scope = 'col', ...props }, ref) {
     return /*#__PURE__*/ jsx("th", {
         ...props,
         ref: ref,
@@ -139,18 +141,18 @@ const table_TableColumnHeader = /*#__PURE__*/ forwardRef(function({ align, pinne
         style: cellStyle(style, align, pinned, pinOffset)
     });
 });
-const table_TableCaption = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+const table_TableCaptionControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx("caption", {
         ...props,
         ref: ref,
         className: classes('leaf-table__caption', className)
     });
 });
-function TableEmpty({ colSpan = 1, children }) {
+function TableEmptyControl({ colSpan = 1, children }) {
     const t = useText();
-    return /*#__PURE__*/ jsx(table_TableRow, {
+    return /*#__PURE__*/ jsx(table_TableRowControl, {
         className: "leaf-table__state-row",
-        children: /*#__PURE__*/ jsx(table_TableCell, {
+        children: /*#__PURE__*/ jsx(table_TableCellControl, {
             colSpan: colSpan,
             children: /*#__PURE__*/ jsxs("div", {
                 className: "leaf-table__state",
@@ -160,32 +162,32 @@ function TableEmpty({ colSpan = 1, children }) {
                         size: 28,
                         "aria-hidden": "true"
                     }),
-                    children ?? t('暂无数据', 'No data')
+                    children ?? t('common.noData')
                 ]
             })
         })
     });
 }
-function TableLoading({ colSpan = 1, children }) {
+function TableLoadingControl({ colSpan = 1, children }) {
     const t = useText();
-    return /*#__PURE__*/ jsx(table_TableRow, {
+    return /*#__PURE__*/ jsx(table_TableRowControl, {
         className: "leaf-table__state-row",
-        children: /*#__PURE__*/ jsx(table_TableCell, {
+        children: /*#__PURE__*/ jsx(table_TableCellControl, {
             colSpan: colSpan,
             children: /*#__PURE__*/ jsx("div", {
                 className: "leaf-table__state",
-                children: /*#__PURE__*/ jsx(Loading, {
-                    tip: children ?? t('加载中', 'Loading')
+                children: /*#__PURE__*/ jsx(LoadingControl, {
+                    tip: children ?? t('common.loading')
                 })
             })
         })
     });
 }
-function TableError({ colSpan = 1, children, onRetry }) {
+function TableErrorControl({ colSpan = 1, children, onRetry }) {
     const t = useText();
-    return /*#__PURE__*/ jsx(table_TableRow, {
+    return /*#__PURE__*/ jsx(table_TableRowControl, {
         className: "leaf-table__state-row",
-        children: /*#__PURE__*/ jsx(table_TableCell, {
+        children: /*#__PURE__*/ jsx(table_TableCellControl, {
             colSpan: colSpan,
             children: /*#__PURE__*/ jsxs("div", {
                 className: "leaf-table__state leaf-table__state--error",
@@ -195,18 +197,86 @@ function TableError({ colSpan = 1, children, onRetry }) {
                         size: 28,
                         "aria-hidden": "true"
                     }),
-                    children ?? t('加载失败，请重试', 'Unable to load data. Please try again.'),
-                    onRetry && /*#__PURE__*/ jsx(Button, {
+                    children ?? t('table.loadError'),
+                    onRetry && /*#__PURE__*/ jsx(ButtonControl, {
                         size: "sm",
                         variant: "outline",
                         onClick: onRetry,
-                        children: t('重试', 'Retry')
+                        children: t('common.retry')
                     })
                 ]
             })
         })
     });
 }
+const table_TableRoot = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('Table', rawProps);
+    return /*#__PURE__*/ jsx(table_TableRootControl, {
+        ...props,
+        ref: ref
+    });
+});
+const table_TableRow = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('TableRow', rawProps);
+    return /*#__PURE__*/ jsx(table_TableRowControl, {
+        ...props,
+        ref: ref
+    });
+});
+table_TableRow.displayName = 'TableRow';
+const table_TableCell = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('TableCell', rawProps);
+    return /*#__PURE__*/ jsx(table_TableCellControl, {
+        ...props,
+        ref: ref
+    });
+});
+table_TableCell.displayName = 'TableCell';
+const table_TableHeader = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableHeaderControl, {
+        ...useComponentProps('TableHeader', rawProps),
+        ref: ref
+    });
+});
+const table_TableBody = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableBodyControl, {
+        ...useComponentProps('TableBody', rawProps),
+        ref: ref
+    });
+});
+const table_TableFooter = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableFooterControl, {
+        ...useComponentProps('TableFooter', rawProps),
+        ref: ref
+    });
+});
+const table_TableColumnHeader = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableColumnHeaderControl, {
+        ...useComponentProps('TableColumnHeader', rawProps),
+        ref: ref
+    });
+});
+const table_TableCaption = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    return /*#__PURE__*/ jsx(table_TableCaptionControl, {
+        ...useComponentProps('TableCaption', rawProps),
+        ref: ref
+    });
+});
+function TableEmpty(rawProps) {
+    return /*#__PURE__*/ jsx(TableEmptyControl, {
+        ...useComponentProps('TableEmpty', rawProps)
+    });
+}
+function TableError(rawProps) {
+    return /*#__PURE__*/ jsx(TableErrorControl, {
+        ...useComponentProps('TableError', rawProps)
+    });
+}
+function TableLoading(rawProps) {
+    return /*#__PURE__*/ jsx(TableLoadingControl, {
+        ...useComponentProps('TableLoading', rawProps)
+    });
+}
 const Table = Object.assign(table_TableRoot, {
     Root: table_TableRoot,
     Header: table_TableHeader,
@@ -220,6 +290,19 @@ const Table = Object.assign(table_TableRoot, {
     Loading: TableLoading,
     Error: TableError
 });
-export { Table, TableEmpty, TableError, TableLoading, table_TableBody as TableBody, table_TableCaption as TableCaption, table_TableCell as TableCell, table_TableColumnHeader as TableColumnHeader, table_TableFooter as TableFooter, table_TableHeader as TableHeader, table_TableRow as TableRow };
+const TableControl = Object.assign(table_TableRootControl, {
+    Root: table_TableRootControl,
+    Header: table_TableHeaderControl,
+    Body: table_TableBodyControl,
+    Footer: table_TableFooterControl,
+    Row: table_TableRowControl,
+    ColumnHeader: table_TableColumnHeaderControl,
+    Cell: table_TableCellControl,
+    Caption: table_TableCaptionControl,
+    Empty: TableEmptyControl,
+    Loading: TableLoadingControl,
+    Error: TableErrorControl
+});
+export { Table, TableControl, TableEmpty, TableEmptyControl, TableError, TableErrorControl, TableLoading, TableLoadingControl, table_TableBody as TableBody, table_TableBodyControl as TableBodyControl, table_TableCaption as TableCaption, table_TableCaptionControl as TableCaptionControl, table_TableCell as TableCell, table_TableCellControl as TableCellControl, table_TableColumnHeader as TableColumnHeader, table_TableColumnHeaderControl as TableColumnHeaderControl, table_TableFooter as TableFooter, table_TableFooterControl as TableFooterControl, table_TableHeader as TableHeader, table_TableHeaderControl as TableHeaderControl, table_TableRow as TableRow, table_TableRowControl as TableRowControl };
 
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table/table.js","sources":["../../../../../src/table/table.tsx"],"sourcesContent":["import { CircleAlert, Inbox } from 'lucide-react';\nimport {\n  type CSSProperties,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type TableHTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { Loading } from '../loading';\nimport { Scrollbar } from '../scrollbar';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { inertProps } from '../shared/inert';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n  size?: ControlSize;\n  bordered?: boolean;\n  striped?: boolean;\n  stickyHeader?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  minWidth?: CSSProperties['minWidth'];\n  tableLayout?: CSSProperties['tableLayout'];\n  tableStyle?: CSSProperties;\n  scrollRef?: Ref<HTMLDivElement>;\n  loading?: boolean;\n}\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  selected?: boolean;\n}\n\nexport interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: 'start' | 'center' | 'end';\n  pinned?: 'start' | 'end';\n  pinOffset?: number;\n  pinEdge?: boolean;\n}\n\nexport interface TableColumnHeaderProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: 'start' | 'center' | 'end';\n  pinned?: 'start' | 'end';\n  pinOffset?: number;\n  pinEdge?: boolean;\n}\n\nexport interface TableStateProps {\n  colSpan?: number;\n  children?: ReactNode;\n}\n\nexport interface TableErrorProps extends TableStateProps {\n  onRetry?: () => void;\n}\n\nconst TableRoot = forwardRef<HTMLTableElement, TableProps>(function TableRoot(\n  {\n    size = 'md',\n    bordered = false,\n    striped = false,\n    stickyHeader = true,\n    maxHeight,\n    minWidth,\n    tableLayout,\n    tableStyle,\n    scrollRef,\n    loading = false,\n    className,\n    style,\n    children,\n    ...props\n  }: TableProps,\n  ref,\n) {\n  const t = useText();\n  const element = useRef<HTMLTableElement>(null);\n  const tableRef = useMergedRef(element, ref);\n  const [headerHeight, setHeaderHeight] = useState(0);\n  useEffect(() => {\n    const table = element.current;\n    if (!table || !stickyHeader) {\n      setHeaderHeight(0);\n      return;\n    }\n    const measure = () => setHeaderHeight(table.tHead?.getBoundingClientRect().height ?? 0);\n    measure();\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    observer?.observe(table);\n    if (table.tHead) observer?.observe(table.tHead);\n    const mutation =\n      typeof MutationObserver === 'undefined'\n        ? undefined\n        : new MutationObserver(() => {\n            if (table.tHead) observer?.observe(table.tHead);\n            measure();\n          });\n    mutation?.observe(table, { childList: true });\n    return () => {\n      observer?.disconnect();\n      mutation?.disconnect();\n    };\n  }, [stickyHeader]);\n  return (\n    <div\n      className={classes(\n        'leaf-table',\n        `leaf-table--${size}`,\n        bordered && 'leaf-table--bordered',\n        striped && 'leaf-table--striped',\n        stickyHeader && 'leaf-table--sticky',\n        className,\n      )}\n      style={style}\n      data-loading={loading || undefined}\n    >\n      <Scrollbar\n        ref={scrollRef}\n        className=\"leaf-table__scroll-area\"\n        viewportClassName=\"leaf-table__viewport\"\n        contentStyle={{ minWidth }}\n        maxHeight={maxHeight}\n        verticalOffset={headerHeight}\n        orientation=\"both\"\n        role=\"region\"\n        aria-label={`${props['aria-label'] ?? t('表格', 'Table')} · ${t('滚动区域', 'Scroll area')}`}\n        {...inertProps(loading)}\n      >\n        <table\n          {...props}\n          ref={tableRef}\n          className=\"leaf-table__table\"\n          style={{ tableLayout, ...tableStyle }}\n          aria-busy={loading || props['aria-busy'] || undefined}\n        >\n          {children}\n        </table>\n      </Scrollbar>\n      {loading && (\n        <div className=\"leaf-table__overlay\">\n          <Loading size={size} tip={t('加载中', 'Loading')} />\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport const TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableHeader({ className, ...props }, ref) {\n  return <thead {...props} ref={ref} className={classes('leaf-table__header', className)} />;\n});\n\nexport const TableBody = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableBody({ className, ...props }, ref) {\n  return <tbody {...props} ref={ref} className={classes('leaf-table__body', className)} />;\n});\n\nexport const TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableFooter({ className, ...props }, ref) {\n  return <tfoot {...props} ref={ref} className={classes('leaf-table__footer', className)} />;\n});\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { selected, className, ...props },\n  ref,\n) {\n  return (\n    <tr\n      {...props}\n      ref={ref}\n      className={classes('leaf-table__row', className)}\n      data-selected={selected || undefined}\n    />\n  );\n});\n\nfunction cellStyle(\n  style: CSSProperties | undefined,\n  align: TableCellProps['align'],\n  pinned: TableCellProps['pinned'],\n  pinOffset: number,\n): CSSProperties {\n  return {\n    textAlign: align,\n    ...(pinned === 'start' ? { insetInlineStart: pinOffset } : {}),\n    ...(pinned === 'end' ? { insetInlineEnd: pinOffset } : {}),\n    ...style,\n  };\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { align, pinned, pinOffset = 0, pinEdge, className, style, ...props },\n  ref,\n) {\n  return (\n    <td\n      {...props}\n      ref={ref}\n      className={classes('leaf-table__cell', className)}\n      data-pinned={pinned}\n      data-pin-edge={pinEdge || undefined}\n      style={cellStyle(style, align, pinned, pinOffset)}\n    />\n  );\n});\n\nexport const TableColumnHeader = forwardRef<HTMLTableCellElement, TableColumnHeaderProps>(\n  function TableColumnHeader(\n    { align, pinned, pinOffset = 0, pinEdge, className, style, scope = 'col', ...props },\n    ref,\n  ) {\n    return (\n      <th\n        {...props}\n        ref={ref}\n        scope={scope}\n        className={classes('leaf-table__cell', 'leaf-table__column-header', className)}\n        data-pinned={pinned}\n        data-pin-edge={pinEdge || undefined}\n        style={cellStyle(style, align, pinned, pinOffset)}\n      />\n    );\n  },\n);\n\nexport const TableCaption = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(function TableCaption({ className, ...props }, ref) {\n  return <caption {...props} ref={ref} className={classes('leaf-table__caption', className)} />;\n});\n\nexport function TableEmpty({ colSpan = 1, children }: TableStateProps) {\n  const t = useText();\n  return (\n    <TableRow className=\"leaf-table__state-row\">\n      <TableCell colSpan={colSpan}>\n        <div className=\"leaf-table__state\" role=\"status\">\n          <Inbox size={28} aria-hidden=\"true\" />\n          {children ?? t('暂无数据', 'No data')}\n        </div>\n      </TableCell>\n    </TableRow>\n  );\n}\n\nexport function TableLoading({ colSpan = 1, children }: TableStateProps) {\n  const t = useText();\n  return (\n    <TableRow className=\"leaf-table__state-row\">\n      <TableCell colSpan={colSpan}>\n        <div className=\"leaf-table__state\">\n          <Loading tip={children ?? t('加载中', 'Loading')} />\n        </div>\n      </TableCell>\n    </TableRow>\n  );\n}\n\nexport function TableError({ colSpan = 1, children, onRetry }: TableErrorProps) {\n  const t = useText();\n  return (\n    <TableRow className=\"leaf-table__state-row\">\n      <TableCell colSpan={colSpan}>\n        <div className=\"leaf-table__state leaf-table__state--error\" role=\"alert\">\n          <CircleAlert size={28} aria-hidden=\"true\" />\n          {children ?? t('加载失败，请重试', 'Unable to load data. Please try again.')}\n          {onRetry && (\n            <Button size=\"sm\" variant=\"outline\" onClick={onRetry}>\n              {t('重试', 'Retry')}\n            </Button>\n          )}\n        </div>\n      </TableCell>\n    </TableRow>\n  );\n}\n\nexport const Table = Object.assign(TableRoot, {\n  Root: TableRoot,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  ColumnHeader: TableColumnHeader,\n  Cell: TableCell,\n  Caption: TableCaption,\n  Empty: TableEmpty,\n  Loading: TableLoading,\n  Error: TableError,\n});\n"],"names":["TableRoot","forwardRef","size","bordered","striped","stickyHeader","maxHeight","minWidth","tableLayout","tableStyle","scrollRef","loading","className","style","children","props","ref","t","useText","element","useRef","tableRef","useMergedRef","headerHeight","setHeaderHeight","useState","useEffect","table","measure","observer","ResizeObserver","undefined","mutation","MutationObserver","classes","Scrollbar","inertProps","Loading","TableHeader","TableBody","TableFooter","TableRow","selected","cellStyle","align","pinned","pinOffset","TableCell","pinEdge","TableColumnHeader","scope","TableCaption","TableEmpty","colSpan","Inbox","TableLoading","TableError","onRetry","CircleAlert","Button","Table","Object"],"mappings":"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"}
+{"version":3,"file":"table/table.js","sources":["../../../../../src/table/table.tsx"],"sourcesContent":["import { CircleAlert, Inbox } from 'lucide-react';\nimport {\n  type CSSProperties,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type TableHTMLAttributes,\n  type TdHTMLAttributes,\n  type ThHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { ScrollbarControl as Scrollbar } from '../scrollbar/scrollbar';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { inertProps } from '../shared/inert';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n  size?: ControlSize;\n  bordered?: boolean;\n  striped?: boolean;\n  stickyHeader?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  minWidth?: CSSProperties['minWidth'];\n  tableLayout?: CSSProperties['tableLayout'];\n  tableStyle?: CSSProperties;\n  scrollRef?: Ref<HTMLDivElement>;\n  loading?: boolean;\n}\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  selected?: boolean;\n}\n\nexport interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: 'start' | 'center' | 'end';\n  pinned?: 'start' | 'end';\n  pinOffset?: number;\n  pinEdge?: boolean;\n}\n\nexport interface TableColumnHeaderProps\n  extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: 'start' | 'center' | 'end';\n  pinned?: 'start' | 'end';\n  pinOffset?: number;\n  pinEdge?: boolean;\n}\n\nexport interface TableStateProps {\n  colSpan?: number;\n  children?: ReactNode;\n}\n\nexport interface TableErrorProps extends TableStateProps {\n  onRetry?: () => void;\n}\n\nconst TableRootControl = forwardRef<HTMLTableElement, TableProps>(function TableRootControl(\n  {\n    size = 'md',\n    bordered = false,\n    striped = false,\n    stickyHeader = true,\n    maxHeight,\n    minWidth,\n    tableLayout,\n    tableStyle,\n    scrollRef,\n    loading = false,\n    className,\n    style,\n    children,\n    ...props\n  }: TableProps,\n  ref,\n) {\n  const t = useText();\n  const element = useRef<HTMLTableElement>(null);\n  const tableRef = useMergedRef(element, ref);\n  const [headerHeight, setHeaderHeight] = useState(0);\n  useEffect(() => {\n    const table = element.current;\n    if (!table || !stickyHeader) {\n      setHeaderHeight(0);\n      return;\n    }\n    const measure = () => setHeaderHeight(table.tHead?.getBoundingClientRect().height ?? 0);\n    measure();\n    const observer =\n      typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n    observer?.observe(table);\n    if (table.tHead) observer?.observe(table.tHead);\n    const mutation =\n      typeof MutationObserver === 'undefined'\n        ? undefined\n        : new MutationObserver(() => {\n            if (table.tHead) observer?.observe(table.tHead);\n            measure();\n          });\n    mutation?.observe(table, { childList: true });\n    return () => {\n      observer?.disconnect();\n      mutation?.disconnect();\n    };\n  }, [stickyHeader]);\n  return (\n    <div\n      className={classes(\n        'leaf-table',\n        `leaf-table--${size}`,\n        bordered && 'leaf-table--bordered',\n        striped && 'leaf-table--striped',\n        stickyHeader && 'leaf-table--sticky',\n        className,\n      )}\n      style={style}\n      data-loading={loading || undefined}\n    >\n      <Scrollbar\n        ref={scrollRef}\n        className=\"leaf-table__scroll-area\"\n        viewportClassName=\"leaf-table__viewport\"\n        contentStyle={{ minWidth }}\n        maxHeight={maxHeight}\n        verticalOffset={headerHeight}\n        orientation=\"both\"\n        role=\"region\"\n        aria-label={`${props['aria-label'] ?? t('table.table')} · ${t('table.scrollArea')}`}\n        {...inertProps(loading)}\n      >\n        <table\n          {...props}\n          ref={tableRef}\n          className=\"leaf-table__table\"\n          style={{ tableLayout, ...tableStyle }}\n          aria-busy={loading || props['aria-busy'] || undefined}\n        >\n          {children}\n        </table>\n      </Scrollbar>\n      {loading && (\n        <div className=\"leaf-table__overlay\">\n          <Loading size={size} tip={t('common.loading')} />\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport const TableHeaderControl = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableHeaderControl(\n  { className, ...props }: HTMLAttributes<HTMLTableSectionElement>,\n  ref,\n) {\n  return <thead {...props} ref={ref} className={classes('leaf-table__header', className)} />;\n});\n\nexport const TableBodyControl = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableBodyControl({ className, ...props }: HTMLAttributes<HTMLTableSectionElement>, ref) {\n  return <tbody {...props} ref={ref} className={classes('leaf-table__body', className)} />;\n});\n\nexport const TableFooterControl = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableFooterControl(\n  { className, ...props }: HTMLAttributes<HTMLTableSectionElement>,\n  ref,\n) {\n  return <tfoot {...props} ref={ref} className={classes('leaf-table__footer', className)} />;\n});\n\nexport const TableRowControl = forwardRef<HTMLTableRowElement, TableRowProps>(\n  function TableRowControl({ selected, className, ...props }: TableRowProps, ref) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={classes('leaf-table__row', className)}\n        data-selected={selected || undefined}\n      />\n    );\n  },\n);\n\nfunction cellStyle(\n  style: CSSProperties | undefined,\n  align: TableCellProps['align'],\n  pinned: TableCellProps['pinned'],\n  pinOffset: number,\n): CSSProperties {\n  return {\n    textAlign: align,\n    ...(pinned === 'start' ? { insetInlineStart: pinOffset } : {}),\n    ...(pinned === 'end' ? { insetInlineEnd: pinOffset } : {}),\n    ...style,\n  };\n}\n\nexport const TableCellControl = forwardRef<HTMLTableCellElement, TableCellProps>(\n  function TableCellControl(\n    { align, pinned, pinOffset = 0, pinEdge, className, style, ...props }: TableCellProps,\n    ref,\n  ) {\n    return (\n      <td\n        {...props}\n        ref={ref}\n        className={classes('leaf-table__cell', className)}\n        data-pinned={pinned}\n        data-pin-edge={pinEdge || undefined}\n        style={cellStyle(style, align, pinned, pinOffset)}\n      />\n    );\n  },\n);\n\nexport const TableColumnHeaderControl = forwardRef<HTMLTableCellElement, TableColumnHeaderProps>(\n  function TableColumnHeaderControl(\n    {\n      align,\n      pinned,\n      pinOffset = 0,\n      pinEdge,\n      className,\n      style,\n      scope = 'col',\n      ...props\n    }: TableColumnHeaderProps,\n    ref,\n  ) {\n    return (\n      <th\n        {...props}\n        ref={ref}\n        scope={scope}\n        className={classes('leaf-table__cell', 'leaf-table__column-header', className)}\n        data-pinned={pinned}\n        data-pin-edge={pinEdge || undefined}\n        style={cellStyle(style, align, pinned, pinOffset)}\n      />\n    );\n  },\n);\n\nexport const TableCaptionControl = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(function TableCaptionControl(\n  { className, ...props }: HTMLAttributes<HTMLTableCaptionElement>,\n  ref,\n) {\n  return <caption {...props} ref={ref} className={classes('leaf-table__caption', className)} />;\n});\n\nexport function TableEmptyControl({ colSpan = 1, children }: TableStateProps) {\n  const t = useText();\n  return (\n    <TableRowControl className=\"leaf-table__state-row\">\n      <TableCellControl colSpan={colSpan}>\n        <div className=\"leaf-table__state\" role=\"status\">\n          <Inbox size={28} aria-hidden=\"true\" />\n          {children ?? t('common.noData')}\n        </div>\n      </TableCellControl>\n    </TableRowControl>\n  );\n}\n\nexport function TableLoadingControl({ colSpan = 1, children }: TableStateProps) {\n  const t = useText();\n  return (\n    <TableRowControl className=\"leaf-table__state-row\">\n      <TableCellControl colSpan={colSpan}>\n        <div className=\"leaf-table__state\">\n          <Loading tip={children ?? t('common.loading')} />\n        </div>\n      </TableCellControl>\n    </TableRowControl>\n  );\n}\n\nexport function TableErrorControl({ colSpan = 1, children, onRetry }: TableErrorProps) {\n  const t = useText();\n  return (\n    <TableRowControl className=\"leaf-table__state-row\">\n      <TableCellControl colSpan={colSpan}>\n        <div className=\"leaf-table__state leaf-table__state--error\" role=\"alert\">\n          <CircleAlert size={28} aria-hidden=\"true\" />\n          {children ?? t('table.loadError')}\n          {onRetry && (\n            <ButtonControl size=\"sm\" variant=\"outline\" onClick={onRetry}>\n              {t('common.retry')}\n            </ButtonControl>\n          )}\n        </div>\n      </TableCellControl>\n    </TableRowControl>\n  );\n}\n\nconst TableRoot = forwardRef<HTMLTableElement, TableProps>(function TableRoot(rawProps, ref) {\n  const props = useComponentProps('Table', rawProps);\n  return <TableRootControl {...props} ref={ref} />;\n});\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  rawProps: TableRowProps,\n  ref,\n) {\n  const props = useComponentProps('TableRow', rawProps);\n  return <TableRowControl {...props} ref={ref} />;\n});\nTableRow.displayName = 'TableRow';\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  rawProps: TableCellProps,\n  ref,\n) {\n  const props = useComponentProps('TableCell', rawProps);\n  return <TableCellControl {...props} ref={ref} />;\n});\nTableCell.displayName = 'TableCell';\n\nexport const TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableHeader(rawProps: HTMLAttributes<HTMLTableSectionElement>, ref) {\n  return <TableHeaderControl {...useComponentProps('TableHeader', rawProps)} ref={ref} />;\n});\n\nexport const TableBody = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableBody(rawProps: HTMLAttributes<HTMLTableSectionElement>, ref) {\n  return <TableBodyControl {...useComponentProps('TableBody', rawProps)} ref={ref} />;\n});\n\nexport const TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(function TableFooter(rawProps: HTMLAttributes<HTMLTableSectionElement>, ref) {\n  return <TableFooterControl {...useComponentProps('TableFooter', rawProps)} ref={ref} />;\n});\n\nexport const TableColumnHeader = forwardRef<HTMLTableCellElement, TableColumnHeaderProps>(\n  function TableColumnHeader(rawProps: TableColumnHeaderProps, ref) {\n    return (\n      <TableColumnHeaderControl {...useComponentProps('TableColumnHeader', rawProps)} ref={ref} />\n    );\n  },\n);\n\nexport const TableCaption = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(function TableCaption(rawProps: HTMLAttributes<HTMLTableCaptionElement>, ref) {\n  return <TableCaptionControl {...useComponentProps('TableCaption', rawProps)} ref={ref} />;\n});\n\nexport function TableEmpty(rawProps: TableStateProps) {\n  return <TableEmptyControl {...useComponentProps('TableEmpty', rawProps)} />;\n}\n\nexport function TableError(rawProps: TableErrorProps) {\n  return <TableErrorControl {...useComponentProps('TableError', rawProps)} />;\n}\n\nexport function TableLoading(rawProps: TableStateProps) {\n  return <TableLoadingControl {...useComponentProps('TableLoading', rawProps)} />;\n}\n\nexport const Table = Object.assign(TableRoot, {\n  Root: TableRoot,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  ColumnHeader: TableColumnHeader,\n  Cell: TableCell,\n  Caption: TableCaption,\n  Empty: TableEmpty,\n  Loading: TableLoading,\n  Error: TableError,\n});\n\nexport const TableControl = Object.assign(TableRootControl, {\n  Root: TableRootControl,\n  Header: TableHeaderControl,\n  Body: TableBodyControl,\n  Footer: TableFooterControl,\n  Row: TableRowControl,\n  ColumnHeader: TableColumnHeaderControl,\n  Cell: TableCellControl,\n  Caption: TableCaptionControl,\n  Empty: TableEmptyControl,\n  Loading: TableLoadingControl,\n  Error: TableErrorControl,\n});\n"],"names":["TableRootControl","forwardRef","size","bordered","striped","stickyHeader","maxHeight","minWidth","tableLayout","tableStyle","scrollRef","loading","className","style","children","props","ref","t","useText","element","useRef","tableRef","useMergedRef","headerHeight","setHeaderHeight","useState","useEffect","table","measure","observer","ResizeObserver","undefined","mutation","MutationObserver","classes","Scrollbar","inertProps","Loading","TableHeaderControl","TableBodyControl","TableFooterControl","TableRowControl","selected","cellStyle","align","pinned","pinOffset","TableCellControl","pinEdge","TableColumnHeaderControl","scope","TableCaptionControl","TableEmptyControl","colSpan","Inbox","TableLoadingControl","TableErrorControl","onRetry","CircleAlert","ButtonControl","TableRoot","rawProps","useComponentProps","TableRow","TableCell","TableHeader","TableBody","TableFooter","TableColumnHeader","TableCaption","TableEmpty","TableError","TableLoading","Table","Object","TableControl"],"mappings":"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"}

package/dist/esm/browser/modules/tabletanstack/defaults.js

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

package/dist/esm/browser/modules/tabletanstack/reordering.js

@@ -1,4 +1,5 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/tabletanstack.css';
 import { jsx } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, MeasuringStrategy, PointerSensor, closestCenter, pointerWithin, useSensor, useSensors } from "@dnd-kit/core";
@@ -7,8 +8,9 @@ import { GripVertical } from "lucide-react";
 import { createContext, forwardRef, useContext, useRef } from "react";
 import { assignRef } from "../shared/field.js";
 import { useMotionEnabled } from "../shared/motion.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { useText } from "../shared/use-text.js";
-import { Table } from "../table/index.js";
+import { TableControl } from "../table/table.js";
 const key = (kind, id)=>`${kind}:${id}`;
 const HandleContext = /*#__PURE__*/ createContext(null);
 const keyboardCoordinates = (event, { context })=>{
@@ -38,6 +40,7 @@ function ReorderScope({ enabled, ...props }) {
 }
 function ActiveReorderScope({ id, disabled, onReorder, children }) {
     const t = useText();
+    const format = useFormattedText();
     const scrollable = useRef(null);
     const sensors = useSensors(useSensor(PointerSensor, {
         activationConstraint: {
@@ -86,13 +89,19 @@ function ActiveReorderScope({ id, disabled, onReorder, children }) {
         },
         accessibility: {
             screenReaderInstructions: {
-                draggable: t('按空格开始排序，方向键移动，再按空格确认，Escape 取消。', 'Press Space to start, arrow keys to move, Space to drop, and Escape to cancel.')
+                draggable: t('drag.instructions')
             },
             announcements: {
-                onDragStart: ({ active })=>`${t('开始移动', 'Picked up')} ${active.data.current?.label ?? active.id}`,
-                onDragOver: ({ over })=>over ? `${t('移至', 'Move to')} ${over.data.current?.label ?? over.id}` : void 0,
-                onDragEnd: ({ active })=>`${t('已放置', 'Dropped')} ${active.data.current?.label ?? active.id}`,
-                onDragCancel: ()=>t('已取消排序', 'Reordering cancelled')
+                onDragStart: ({ active })=>format('drag.pickedUp', {
+                        label: String(active.data.current?.label ?? active.id)
+                    }),
+                onDragOver: ({ over })=>over ? format('drag.moved', {
+                        label: String(over.data.current?.label ?? over.id)
+                    }) : t('drag.outside'),
+                onDragEnd: ({ active })=>format('drag.dropped', {
+                        label: String(active.data.current?.label ?? active.id)
+                    }),
+                onDragCancel: ()=>t('drag.cancelled')
             }
         },
         children: children
@@ -130,7 +139,7 @@ const reordering_ReorderableRow = /*#__PURE__*/ forwardRef(function({ itemId, it
     const item = useItem('row', itemId, itemLabel, 'rows', disabled);
     return /*#__PURE__*/ jsx(HandleContext.Provider, {
         value: item.sortable,
-        children: /*#__PURE__*/ jsx(Table.Row, {
+        children: /*#__PURE__*/ jsx(TableControl.Row, {
             ...props,
             ref: (node)=>{
                 item.sortable.setNodeRef(node);
@@ -152,7 +161,7 @@ const reordering_ReorderRow = /*#__PURE__*/ forwardRef(function({ enabled, itemI
         itemId: itemId,
         itemLabel: itemLabel,
         disabled: disabled
-    }) : /*#__PURE__*/ jsx(Table.Row, {
+    }) : /*#__PURE__*/ jsx(TableControl.Row, {
         ...props,
         ref: ref
     });
@@ -161,7 +170,7 @@ const reordering_ReorderableColumnHeader = /*#__PURE__*/ forwardRef(function({ i
     const item = useItem('column', itemId, itemLabel, group, disabled);
     return /*#__PURE__*/ jsx(HandleContext.Provider, {
         value: item.sortable,
-        children: /*#__PURE__*/ jsx(Table.ColumnHeader, {
+        children: /*#__PURE__*/ jsx(TableControl.ColumnHeader, {
             ...props,
             ref: (node)=>{
                 item.sortable.setNodeRef(node);
@@ -184,7 +193,7 @@ const reordering_ReorderColumnHeader = /*#__PURE__*/ forwardRef(function({ enabl
         itemLabel: itemLabel,
         group: group,
         disabled: disabled
-    }) : /*#__PURE__*/ jsx(Table.ColumnHeader, {
+    }) : /*#__PURE__*/ jsx(TableControl.ColumnHeader, {
         ...props,
         ref: ref
     });