@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/splitter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/splitter/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/splitter/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/splitter/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./splitter.js";
+export { ResizablePanels, Splitter } from "./splitter.js";

package/dist/esm/splitter/splitter.d.ts

@@ -15,6 +15,6 @@ export interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onR
     onResizeEnd?: (sizes: number[]) => void;
     direction?: 'horizontal' | 'vertical';
 }
-export declare function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, direction, className, style, ...props }: SplitterProps): import("react").JSX.Element;
+export declare function Splitter(rawProps: SplitterProps): import("react").JSX.Element;
 export declare const ResizablePanels: typeof Splitter;
 //# sourceMappingURL=splitter.d.ts.map

package/dist/esm/splitter/splitter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../src/splitter/splitter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM/E,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AACD,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,SAAwB,EACxB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,+BA4Jf;AACD,eAAO,MAAM,eAAe,iBAAW,CAAC"}
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../src/splitter/splitter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAQ/E,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AACD,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,aAAa,+BAwK/C;AACD,eAAO,MAAM,eAAe,iBAAW,CAAC"}

package/dist/esm/splitter/splitter.js

@@ -1,13 +1,17 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } 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 { useControllable } from "../shared/use-controllable.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { useText } from "../shared/use-text.js";
-function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, direction = 'horizontal', className, style, ...props }) {
+function Splitter(rawProps) {
+    const { panels, sizes, defaultSizes, onResize, onResizeEnd, direction = 'horizontal', className, style, ...props } = useComponentProps('Splitter', rawProps);
     const t = useText();
+    const format = useFormattedText();
     const config = useLeafConfig();
     const root = useRef(null);
     const [current, setCurrent] = useControllable(sizes, defaultSizes ?? panels.map(()=>100 / Math.max(1, panels.length)), (next)=>onResize?.([
@@ -78,7 +82,9 @@ function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, directio
                     index < panels.length - 1 && /*#__PURE__*/ jsx("div", {
                         role: "separator",
                         tabIndex: false === panel.resizable ? -1 : 0,
-                        "aria-label": `${t('调整面板', 'Resize panel')} ${index + 1}`,
+                        "aria-label": format('splitter.resizePanel', {
+                            index: index + 1
+                        }),
                         "aria-orientation": horizontal ? 'vertical' : 'horizontal',
                         "aria-valuenow": Math.round(current[index] ?? 0),
                         "aria-valuemin": panel.min ?? 0,
@@ -136,7 +142,7 @@ function Splitter({ panels, sizes, defaultSizes, onResize, onResizeEnd, directio
                         },
                         children: panel.collapsible && /*#__PURE__*/ jsx("button", {
                             type: "button",
-                            "aria-label": t('折叠或展开面板', 'Toggle panel'),
+                            "aria-label": t('splitter.togglePanel'),
                             onPointerDown: (event)=>event.stopPropagation(),
                             onClick: ()=>toggle(index),
                             children: 0 === current[index] ? '+' : '−'

package/dist/esm/splitter/splitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitter/splitter.js","sources":["../../../src/splitter/splitter.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useRef } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface SplitterPanel {\n  key: string;\n  children: ReactNode;\n  min?: number;\n  max?: number;\n  collapsible?: boolean;\n  resizable?: boolean;\n}\nexport interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onResize'> {\n  panels: readonly SplitterPanel[];\n  sizes?: readonly number[];\n  defaultSizes?: readonly number[];\n  onResize?: (sizes: number[]) => void;\n  onResizeEnd?: (sizes: number[]) => void;\n  direction?: 'horizontal' | 'vertical';\n}\nexport function Splitter({\n  panels,\n  sizes,\n  defaultSizes,\n  onResize,\n  onResizeEnd,\n  direction = 'horizontal',\n  className,\n  style,\n  ...props\n}: SplitterProps) {\n  const t = useText();\n  const config = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useControllable<readonly number[]>(\n    sizes,\n    defaultSizes ?? panels.map(() => 100 / Math.max(1, panels.length)),\n    (next) => onResize?.([...next]),\n  );\n  const sum = current.reduce(\n    (total, value) => total + (Number.isFinite(value) ? Math.max(0, value) : 0),\n    0,\n  );\n  const normalized =\n    panels.length === current.length && sum > 0\n      ? current.map((value) => (Math.max(0, value) * 100) / sum)\n      : panels.map(() => 100 / Math.max(1, panels.length));\n  const latest = useRef<readonly number[]>(normalized);\n  latest.current = normalized;\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const collapsed = useRef(new Map<number, number>());\n  const horizontal = direction === 'horizontal';\n  const pair = (index: number, amount: number, source: readonly number[] = latest.current) => {\n    const next = [...source];\n    const total = (source[index] ?? 0) + (source[index + 1] ?? 0);\n    const first = panels[index],\n      second = panels[index + 1];\n    if (!first || !second) return;\n    const low = Math.max(first.min ?? 5, total - (second.max ?? 100));\n    const high = Math.min(first.max ?? 100, total - (second.min ?? 5));\n    if (low > high) return;\n    next[index] = Math.min(high, Math.max(low, (source[index] ?? 0) + amount));\n    next[index + 1] = total - (next[index] ?? 0);\n    latest.current = next;\n    setCurrent(next);\n  };\n  const toggle = (index: number) => {\n    const next = [...latest.current],\n      size = next[index] ?? 0;\n    if (size) {\n      collapsed.current.set(index, size);\n      next[index + 1] = (next[index + 1] ?? 0) + size;\n      next[index] = 0;\n    } else {\n      const restore = Math.min(\n        collapsed.current.get(index) ?? 25,\n        Math.max(0, (next[index + 1] ?? 0) - (panels[index + 1]?.min ?? 5)),\n      );\n      next[index] = restore;\n      next[index + 1] = (next[index + 1] ?? 0) - restore;\n    }\n    latest.current = next;\n    setCurrent(next);\n    onResizeEnd?.(next);\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-splitter', `leaf-splitter--${direction}`, className)}\n      style={style}\n    >\n      {panels.map((panel, index) => (\n        <div key={panel.key} className=\"leaf-splitter__unit\" style={{ display: 'contents' }}>\n          <div\n            className=\"leaf-splitter__panel\"\n            data-collapsed={normalized[index] === 0 || undefined}\n            {...inertProps(normalized[index] === 0)}\n            style={{ flexBasis: `${normalized[index] ?? 0}%`, flexGrow: 0, flexShrink: 1 }}\n          >\n            {panel.children}\n          </div>\n          {index < panels.length - 1 && (\n            // biome-ignore lint/a11y/useSemanticElements: An adjustable, focusable splitter follows the ARIA window-splitter pattern; a static hr cannot contain its collapse button.\n            <div\n              role=\"separator\"\n              tabIndex={panel.resizable === false ? -1 : 0}\n              aria-label={`${t('调整面板', 'Resize panel')} ${index + 1}`}\n              aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n              aria-valuenow={Math.round(current[index] ?? 0)}\n              aria-valuemin={panel.min ?? 0}\n              aria-valuemax={panel.max ?? 100}\n              className=\"leaf-splitter__handle\"\n              onPointerDown={(event) => {\n                if (panel.resizable === false || !root.current) return;\n                stopDragging.current?.();\n                event.preventDefault();\n                event.currentTarget.setPointerCapture(event.pointerId);\n                const start = horizontal ? event.clientX : event.clientY;\n                const source = [...latest.current];\n                const rect = root.current.getBoundingClientRect();\n                const length = horizontal ? rect.width : rect.height;\n                const move = (event: PointerEvent) =>\n                  pair(\n                    index,\n                    (((horizontal ? event.clientX : event.clientY) - start) / Math.max(1, length)) *\n                      100 *\n                      (horizontal && config.direction === 'rtl' ? -1 : 1),\n                    source,\n                  );\n                const cleanup = () => {\n                  window.removeEventListener('pointermove', move);\n                  window.removeEventListener('pointerup', end);\n                  window.removeEventListener('pointercancel', end);\n                };\n                const end = () => {\n                  cleanup();\n                  onResizeEnd?.([...latest.current]);\n                };\n                stopDragging.current = cleanup;\n                window.addEventListener('pointermove', move);\n                window.addEventListener('pointerup', end, { once: true });\n                window.addEventListener('pointercancel', end, { once: true });\n              }}\n              onDoubleClick={() => {\n                if (panel.collapsible) toggle(index);\n              }}\n              onKeyDown={(event) => {\n                const plus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowLeft'\n                    : 'ArrowRight'\n                  : 'ArrowDown';\n                const minus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowRight'\n                    : 'ArrowLeft'\n                  : 'ArrowUp';\n                if (event.key === plus || event.key === minus) {\n                  event.preventDefault();\n                  pair(index, (event.key === plus ? 1 : -1) * (event.shiftKey ? 10 : 2));\n                  onResizeEnd?.([...latest.current]);\n                }\n                if (event.key === 'Enter' && panel.collapsible) {\n                  event.preventDefault();\n                  toggle(index);\n                }\n              }}\n            >\n              {panel.collapsible && (\n                <button\n                  type=\"button\"\n                  aria-label={t('折叠或展开面板', 'Toggle panel')}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  onClick={() => toggle(index)}\n                >\n                  {current[index] === 0 ? '+' : '−'}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\nexport const ResizablePanels = Splitter;\n"],"names":["Splitter","panels","sizes","defaultSizes","onResize","onResizeEnd","direction","className","style","props","t","useText","config","useLeafConfig","root","useRef","current","setCurrent","useControllable","Math","next","sum","total","value","Number","normalized","latest","stopDragging","undefined","useEffect","collapsed","Map","horizontal","pair","index","amount","source","first","second","low","high","toggle","size","restore","classes","panel","inertProps","event","start","rect","length","move","cleanup","window","end","plus","minus","ResizablePanels"],"mappings":"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"}
+{"version":3,"file":"splitter/splitter.js","sources":["../../../src/splitter/splitter.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useRef } 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 { useControllable } from '../shared/use-controllable';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nexport interface SplitterPanel {\n  key: string;\n  children: ReactNode;\n  min?: number;\n  max?: number;\n  collapsible?: boolean;\n  resizable?: boolean;\n}\nexport interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onResize'> {\n  panels: readonly SplitterPanel[];\n  sizes?: readonly number[];\n  defaultSizes?: readonly number[];\n  onResize?: (sizes: number[]) => void;\n  onResizeEnd?: (sizes: number[]) => void;\n  direction?: 'horizontal' | 'vertical';\n}\nexport function Splitter(rawProps: SplitterProps) {\n  const {\n    panels,\n    sizes,\n    defaultSizes,\n    onResize,\n    onResizeEnd,\n    direction = 'horizontal',\n    className,\n    style,\n    ...props\n  } = useComponentProps('Splitter', rawProps);\n  const t = useText();\n  const format = useFormattedText();\n  const config = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useControllable<readonly number[]>(\n    sizes,\n    defaultSizes ?? panels.map(() => 100 / Math.max(1, panels.length)),\n    (next) => onResize?.([...next]),\n  );\n  const sum = current.reduce(\n    (total, value) => total + (Number.isFinite(value) ? Math.max(0, value) : 0),\n    0,\n  );\n  const normalized =\n    panels.length === current.length && sum > 0\n      ? current.map((value) => (Math.max(0, value) * 100) / sum)\n      : panels.map(() => 100 / Math.max(1, panels.length));\n  const latest = useRef<readonly number[]>(normalized);\n  latest.current = normalized;\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const collapsed = useRef(new Map<number, number>());\n  const horizontal = direction === 'horizontal';\n  const pair = (index: number, amount: number, source: readonly number[] = latest.current) => {\n    const next = [...source];\n    const total = (source[index] ?? 0) + (source[index + 1] ?? 0);\n    const first = panels[index],\n      second = panels[index + 1];\n    if (!first || !second) return;\n    const low = Math.max(first.min ?? 5, total - (second.max ?? 100));\n    const high = Math.min(first.max ?? 100, total - (second.min ?? 5));\n    if (low > high) return;\n    next[index] = Math.min(high, Math.max(low, (source[index] ?? 0) + amount));\n    next[index + 1] = total - (next[index] ?? 0);\n    latest.current = next;\n    setCurrent(next);\n  };\n  const toggle = (index: number) => {\n    const next = [...latest.current],\n      size = next[index] ?? 0;\n    if (size) {\n      collapsed.current.set(index, size);\n      next[index + 1] = (next[index + 1] ?? 0) + size;\n      next[index] = 0;\n    } else {\n      const restore = Math.min(\n        collapsed.current.get(index) ?? 25,\n        Math.max(0, (next[index + 1] ?? 0) - (panels[index + 1]?.min ?? 5)),\n      );\n      next[index] = restore;\n      next[index + 1] = (next[index + 1] ?? 0) - restore;\n    }\n    latest.current = next;\n    setCurrent(next);\n    onResizeEnd?.(next);\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-splitter', `leaf-splitter--${direction}`, className)}\n      style={style}\n    >\n      {panels.map((panel, index) => (\n        <div key={panel.key} className=\"leaf-splitter__unit\" style={{ display: 'contents' }}>\n          <div\n            className=\"leaf-splitter__panel\"\n            data-collapsed={normalized[index] === 0 || undefined}\n            {...inertProps(normalized[index] === 0)}\n            style={{ flexBasis: `${normalized[index] ?? 0}%`, flexGrow: 0, flexShrink: 1 }}\n          >\n            {panel.children}\n          </div>\n          {index < panels.length - 1 && (\n            // biome-ignore lint/a11y/useSemanticElements: An adjustable, focusable splitter follows the ARIA window-splitter pattern; a static hr cannot contain its collapse button.\n            <div\n              role=\"separator\"\n              tabIndex={panel.resizable === false ? -1 : 0}\n              aria-label={format('splitter.resizePanel', { index: index + 1 })}\n              aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n              aria-valuenow={Math.round(current[index] ?? 0)}\n              aria-valuemin={panel.min ?? 0}\n              aria-valuemax={panel.max ?? 100}\n              className=\"leaf-splitter__handle\"\n              onPointerDown={(event) => {\n                if (panel.resizable === false || !root.current) return;\n                stopDragging.current?.();\n                event.preventDefault();\n                event.currentTarget.setPointerCapture(event.pointerId);\n                const start = horizontal ? event.clientX : event.clientY;\n                const source = [...latest.current];\n                const rect = root.current.getBoundingClientRect();\n                const length = horizontal ? rect.width : rect.height;\n                const move = (event: PointerEvent) =>\n                  pair(\n                    index,\n                    (((horizontal ? event.clientX : event.clientY) - start) / Math.max(1, length)) *\n                      100 *\n                      (horizontal && config.direction === 'rtl' ? -1 : 1),\n                    source,\n                  );\n                const cleanup = () => {\n                  window.removeEventListener('pointermove', move);\n                  window.removeEventListener('pointerup', end);\n                  window.removeEventListener('pointercancel', end);\n                };\n                const end = () => {\n                  cleanup();\n                  onResizeEnd?.([...latest.current]);\n                };\n                stopDragging.current = cleanup;\n                window.addEventListener('pointermove', move);\n                window.addEventListener('pointerup', end, { once: true });\n                window.addEventListener('pointercancel', end, { once: true });\n              }}\n              onDoubleClick={() => {\n                if (panel.collapsible) toggle(index);\n              }}\n              onKeyDown={(event) => {\n                const plus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowLeft'\n                    : 'ArrowRight'\n                  : 'ArrowDown';\n                const minus = horizontal\n                  ? config.direction === 'rtl'\n                    ? 'ArrowRight'\n                    : 'ArrowLeft'\n                  : 'ArrowUp';\n                if (event.key === plus || event.key === minus) {\n                  event.preventDefault();\n                  pair(index, (event.key === plus ? 1 : -1) * (event.shiftKey ? 10 : 2));\n                  onResizeEnd?.([...latest.current]);\n                }\n                if (event.key === 'Enter' && panel.collapsible) {\n                  event.preventDefault();\n                  toggle(index);\n                }\n              }}\n            >\n              {panel.collapsible && (\n                <button\n                  type=\"button\"\n                  aria-label={t('splitter.togglePanel')}\n                  onPointerDown={(event) => event.stopPropagation()}\n                  onClick={() => toggle(index)}\n                >\n                  {current[index] === 0 ? '+' : '−'}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\nexport const ResizablePanels = Splitter;\n"],"names":["Splitter","rawProps","panels","sizes","defaultSizes","onResize","onResizeEnd","direction","className","style","props","useComponentProps","t","useText","format","useFormattedText","config","useLeafConfig","root","useRef","current","setCurrent","useControllable","Math","next","sum","total","value","Number","normalized","latest","stopDragging","undefined","useEffect","collapsed","Map","horizontal","pair","index","amount","source","first","second","low","high","toggle","size","restore","classes","panel","inertProps","event","start","rect","length","move","cleanup","window","end","plus","minus","ResizablePanels"],"mappings":"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"}

package/dist/esm/statistic/index.d.ts

@@ -1,2 +1,3 @@
-export * from './statistic.js';
+export type { CountdownProps, StatisticProps } from './statistic.js';
+export { Countdown, Statistic } from './statistic.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/statistic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/statistic/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/statistic/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/statistic/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./statistic.js";
+export { Countdown, Statistic } from "./statistic.js";

package/dist/esm/statistic/statistic.d.ts

@@ -9,7 +9,7 @@ export interface StatisticProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ti
     formatter?: (value: number | string) => ReactNode;
     loading?: boolean;
 }
-export declare function Statistic({ title, value, precision, grouping, prefix, suffix, formatter, loading, className, ...props }: StatisticProps): import("react").JSX.Element;
+export declare function StatisticControl({ title, value, precision, grouping, prefix, suffix, formatter, loading, className, ...props }: StatisticProps): import("react").JSX.Element;
 export interface CountdownProps extends Omit<StatisticProps, 'value' | 'precision' | 'grouping' | 'formatter' | 'onChange'> {
     value: number | Date;
     format?: string;
@@ -17,5 +17,6 @@ export interface CountdownProps extends Omit<StatisticProps, 'value' | 'precisio
     onChange?: (remaining: number) => void;
     initialRemaining?: number;
 }
-export declare function Countdown({ value, format, onFinish, onChange, initialRemaining, ...props }: CountdownProps): import("react").JSX.Element;
+export declare function Countdown(rawProps: CountdownProps): import("react").JSX.Element;
+export declare function Statistic(rawProps: StatisticProps): import("react").JSX.Element;
 //# sourceMappingURL=statistic.d.ts.map

package/dist/esm/statistic/statistic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"statistic.d.ts","sourceRoot":"","sources":["../../../src/statistic/statistic.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC9F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAe,EACf,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,+BAgEhB;AACD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;IAC3F,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AACD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,+BAiDhB"}
+{"version":3,"file":"statistic.d.ts","sourceRoot":"","sources":["../../../src/statistic/statistic.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC9F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAe,EACf,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,+BAgEhB;AACD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;IAC3F,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AACD,wBAAgB,SAAS,CAAC,QAAQ,EAAE,cAAc,+BAyDjD;AAED,wBAAgB,SAAS,CAAC,QAAQ,EAAE,cAAc,+BAGjD"}

package/dist/esm/statistic/statistic.js

@@ -1,11 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, 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 { animateMotion, useMotionEnabled } from "../shared/motion.js";
 const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
-function Statistic({ title, value, precision, grouping = true, prefix, suffix, formatter, loading, className, ...props }) {
+function StatisticControl({ title, value, precision, grouping = true, prefix, suffix, formatter, loading, className, ...props }) {
     const { locale, messages } = useLeafConfig();
     const number = useRef(null);
     const previous = useRef(value);
@@ -56,7 +57,7 @@ function Statistic({ title, value, precision, grouping = true, prefix, suffix, f
                         ref: number,
                         className: "leaf-statistic__number",
                         "data-loading": loading || void 0,
-                        children: loading ? messages.loading : formatter ? formatter(value) : 'number' == typeof value ? new Intl.NumberFormat(locale, {
+                        children: loading ? messages.common.loading : formatter ? formatter(value) : 'number' == typeof value ? new Intl.NumberFormat(locale, {
                             minimumFractionDigits: digits,
                             maximumFractionDigits: digits ?? 6,
                             useGrouping: grouping
@@ -71,7 +72,8 @@ function Statistic({ title, value, precision, grouping = true, prefix, suffix, f
         ]
     });
 }
-function Countdown({ value, format = 'HH:mm:ss', onFinish, onChange, initialRemaining, ...props }) {
+function Countdown(rawProps) {
+    const { value, format = 'HH:mm:ss', onFinish, onChange, initialRemaining, ...props } = useComponentProps('Countdown', rawProps);
     const rawDeadline = value instanceof Date ? value.getTime() : value;
     const deadline = Number.isFinite(rawDeadline) ? rawDeadline : 0;
     const [now, setNow] = useState(()=>void 0 !== initialRemaining && Number.isFinite(initialRemaining) ? deadline - Math.max(0, initialRemaining) : Date.now());
@@ -106,11 +108,17 @@ function Countdown({ value, format = 'HH:mm:ss', onFinish, onChange, initialRema
     const remaining = Math.max(0, deadline - now);
     const days = Math.floor(remaining / 86400000), hours = Math.floor(remaining / 3600000), minutes = Math.floor(remaining / 60000) % 60, seconds = Math.floor(remaining / 1000) % 60;
     const label = format.replace(/DD|HH|mm|ss|SSS/g, (token)=>String('DD' === token ? days : 'HH' === token ? format.includes('DD') ? hours % 24 : hours : 'mm' === token ? minutes : 'ss' === token ? seconds : remaining % 1000).padStart('SSS' === token ? 3 : 2, '0'));
-    return /*#__PURE__*/ jsx(Statistic, {
+    return /*#__PURE__*/ jsx(StatisticControl, {
         ...props,
         value: label
     });
 }
-export { Countdown, Statistic };
+function Statistic(rawProps) {
+    const props = useComponentProps('Statistic', rawProps);
+    return /*#__PURE__*/ jsx(StatisticControl, {
+        ...props
+    });
+}
+export { Countdown, Statistic, StatisticControl };
 
 //# sourceMappingURL=statistic.js.map

package/dist/esm/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/steps/steps.d.ts

@@ -22,5 +22,5 @@ export interface StepsProps extends Omit<HTMLAttributes<HTMLOListElement>, 'onCh
     }) => ReactNode);
     percent?: number;
 }
-export declare function Steps({ items, current, status, direction, size, loading, onChange, progressDot, percent, className, ...props }: StepsProps): import("react").JSX.Element;
+export declare function Steps(rawProps: StepsProps): import("react").JSX.Element;
 //# sourceMappingURL=steps.d.ts.map

package/dist/esm/steps/steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../src/steps/steps.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAGhG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACpF,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACjG,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,OAAW,EACX,MAAkB,EAClB,SAAwB,EACxB,IAAW,EACX,OAAe,EACf,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,+BAuHZ"}
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../src/steps/steps.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAIhG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInD,MAAM,WAAW,QAAQ;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACpF,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IACjG,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,KAAK,CAAC,QAAQ,EAAE,UAAU,+BAoIzC"}

package/dist/esm/steps/steps.js

@@ -2,10 +2,12 @@
 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/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/styles/alert.css

@@ -1 +1 @@
-:root,:host{--leaf-color-border-alpha-55: rgba(229, 229, 232, 0.55);--leaf-color-border-surface-35: #f6f6f7;--leaf-color-border-surface-70: #ededef;--leaf-color-border-text-muted-65: #b9b9be;--leaf-color-danger-alpha-10: rgba(200, 60, 60, 0.1);--leaf-color-danger-alpha-15: rgba(200, 60, 60, 0.15);--leaf-color-danger-alpha-18: rgba(200, 60, 60, 0.18);--leaf-color-danger-alpha-25: rgba(200, 60, 60, 0.25);--leaf-color-danger-alpha-42: rgba(200, 60, 60, 0.42);--leaf-color-danger-alpha-7: rgba(200, 60, 60, 0.07);--leaf-color-danger-alpha-8: rgba(200, 60, 60, 0.08);--leaf-color-danger-border-12: #e2d1d3;--leaf-color-danger-surface-5: #fcf5f5;--leaf-color-info-alpha-10: rgba(22, 119, 255, 0.1);--leaf-color-info-alpha-15: rgba(22, 119, 255, 0.15);--leaf-color-info-alpha-8: rgba(22, 119, 255, 0.08);--leaf-color-info-border-12: #ccd8eb;--leaf-color-info-surface-5: #f3f8ff;--leaf-color-primary-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-primary-alpha-18: rgba(32, 131, 74, 0.18);--leaf-color-primary-alpha-25: rgba(32, 131, 74, 0.25);--leaf-color-primary-alpha-42: rgba(32, 131, 74, 0.42);--leaf-color-primary-alpha-9: rgba(32, 131, 74, 0.09);--leaf-color-success-alpha-10: rgba(32, 131, 74, 0.1);--leaf-color-success-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-success-alpha-8: rgba(32, 131, 74, 0.08);--leaf-color-success-border-12: #cdd9d5;--leaf-color-success-surface-5: #f4f9f6;--leaf-color-surface-text-98: #fbfbfb;--leaf-color-text-alpha-10: rgba(32, 32, 36, 0.1);--leaf-color-text-alpha-15: rgba(32, 32, 36, 0.15);--leaf-color-text-alpha-8: rgba(32, 32, 36, 0.08);--leaf-color-text-alpha-9: rgba(32, 32, 36, 0.09);--leaf-color-text-border-12: #cdcdd0;--leaf-color-text-muted-surface-92: #74747b;--leaf-color-text-surface-5: #f4f4f4;--leaf-color-warning-alpha-10: rgba(250, 173, 20, 0.1);--leaf-color-warning-alpha-15: rgba(250, 173, 20, 0.15);--leaf-color-warning-alpha-8: rgba(250, 173, 20, 0.08);--leaf-color-warning-border-12: #e8decf;--leaf-color-warning-surface-5: #fffbf3;--leaf-color-text-subtle: #74747b;--leaf-color-surface-raised: #fbfbfb;--leaf-color-border-hover: #b9b9be;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #26864f;--leaf-color-primary-active: #1b6f3f;--leaf-color-danger-hover: #cb4848;--leaf-color-danger-active: #aa3333;--leaf-color-primary: #20834a;--leaf-color-on-primary: #ffffff;--leaf-color-danger: #c83c3c;--leaf-color-on-danger: #ffffff;--leaf-color-warning: #faad14;--leaf-color-info: #1677ff;--leaf-color-success: #20834a;--leaf-control-height: 40px;--leaf-density-form-gap: 24px;--leaf-density-label-gap: 6px;--leaf-density-row-padding: 12px;--leaf-density-option-height: max(24px, calc(var(--leaf-control-height) - 4px));--leaf-density-option-padding: 6px;--leaf-density-field-padding: 10px;--leaf-density-dialog-block: 20px;--leaf-density-dialog-inline: 24px;--leaf-density-dialog-gap: 16px;--leaf-control-height-sm: max(1px, calc(var(--leaf-control-height) - 6px));--leaf-control-height-lg: calc(var(--leaf-control-height) + 6px);--leaf-z-index-popup: 1000;--leaf-z-index-modal: 1100;--leaf-z-index-message: 1200;--leaf-color-text: #202024;--leaf-color-text-muted: #68686f;--leaf-color-surface: #ffffff;--leaf-color-surface-muted: #f6f6f7;--leaf-color-border: #e5e5e8;--leaf-radius: 10px;--leaf-radius-sm: calc(var(--leaf-radius) * 0.6);--leaf-radius-md: calc(var(--leaf-radius) * 1.2);--leaf-radius-lg: calc(var(--leaf-radius) * 1.6);--leaf-choice-radius: calc(var(--leaf-radius) * 0.5);--leaf-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;--leaf-font-size: 14px;--leaf-font-size-sm: max(1px, calc(var(--leaf-font-size) - 1px));--leaf-font-size-lg: calc(var(--leaf-font-size) + 2px);--leaf-font-weight: 500;--leaf-motion-duration: 200ms;--leaf-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);--leaf-motion-spring: cubic-bezier(0.22, 1.28, 0.36, 1);--leaf-motion-play-state: running}[data-leaf-theme=light]{--leaf-color-border-alpha-55: rgba(229, 229, 232, 0.55);--leaf-color-border-surface-35: #f6f6f7;--leaf-color-border-surface-70: #ededef;--leaf-color-border-text-muted-65: #b9b9be;--leaf-color-danger-alpha-10: rgba(200, 60, 60, 0.1);--leaf-color-danger-alpha-15: rgba(200, 60, 60, 0.15);--leaf-color-danger-alpha-18: rgba(200, 60, 60, 0.18);--leaf-color-danger-alpha-25: rgba(200, 60, 60, 0.25);--leaf-color-danger-alpha-42: rgba(200, 60, 60, 0.42);--leaf-color-danger-alpha-7: rgba(200, 60, 60, 0.07);--leaf-color-danger-alpha-8: rgba(200, 60, 60, 0.08);--leaf-color-danger-border-12: #e2d1d3;--leaf-color-danger-surface-5: #fcf5f5;--leaf-color-info-alpha-10: rgba(22, 119, 255, 0.1);--leaf-color-info-alpha-15: rgba(22, 119, 255, 0.15);--leaf-color-info-alpha-8: rgba(22, 119, 255, 0.08);--leaf-color-info-border-12: #ccd8eb;--leaf-color-info-surface-5: #f3f8ff;--leaf-color-primary-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-primary-alpha-18: rgba(32, 131, 74, 0.18);--leaf-color-primary-alpha-25: rgba(32, 131, 74, 0.25);--leaf-color-primary-alpha-42: rgba(32, 131, 74, 0.42);--leaf-color-primary-alpha-9: rgba(32, 131, 74, 0.09);--leaf-color-success-alpha-10: rgba(32, 131, 74, 0.1);--leaf-color-success-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-success-alpha-8: rgba(32, 131, 74, 0.08);--leaf-color-success-border-12: #cdd9d5;--leaf-color-success-surface-5: #f4f9f6;--leaf-color-surface-text-98: #fbfbfb;--leaf-color-text-alpha-10: rgba(32, 32, 36, 0.1);--leaf-color-text-alpha-15: rgba(32, 32, 36, 0.15);--leaf-color-text-alpha-8: rgba(32, 32, 36, 0.08);--leaf-color-text-alpha-9: rgba(32, 32, 36, 0.09);--leaf-color-text-border-12: #cdcdd0;--leaf-color-text-muted-surface-92: #74747b;--leaf-color-text-surface-5: #f4f4f4;--leaf-color-warning-alpha-10: rgba(250, 173, 20, 0.1);--leaf-color-warning-alpha-15: rgba(250, 173, 20, 0.15);--leaf-color-warning-alpha-8: rgba(250, 173, 20, 0.08);--leaf-color-warning-border-12: #e8decf;--leaf-color-warning-surface-5: #fffbf3;--leaf-color-text-subtle: #74747b;--leaf-color-surface-raised: #fbfbfb;--leaf-color-border-hover: #b9b9be;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #26864f;--leaf-color-primary-active: #1b6f3f;--leaf-color-danger-hover: #cb4848;--leaf-color-danger-active: #aa3333;--leaf-color-primary: #20834a;--leaf-color-on-primary: #ffffff;--leaf-color-danger: #c83c3c;--leaf-color-on-danger: #ffffff;--leaf-color-success: #20834a;--leaf-color-warning: #faad14;--leaf-color-info: #1677ff;color-scheme:light;--leaf-color-text: #202024;--leaf-color-text-muted: #68686f;--leaf-color-surface: #ffffff;--leaf-color-surface-muted: #f6f6f7;--leaf-color-border: #e5e5e8}[data-leaf-theme=dark]{--leaf-color-border-alpha-55: rgba(56, 56, 63, 0.55);--leaf-color-border-surface-35: #26262b;--leaf-color-border-surface-70: #303036;--leaf-color-border-text-muted-65: #5e5e66;--leaf-color-danger-alpha-10: rgba(239, 133, 133, 0.1);--leaf-color-danger-alpha-15: rgba(239, 133, 133, 0.15);--leaf-color-danger-alpha-18: rgba(239, 133, 133, 0.18);--leaf-color-danger-alpha-25: rgba(239, 133, 133, 0.25);--leaf-color-danger-alpha-42: rgba(239, 133, 133, 0.42);--leaf-color-danger-alpha-7: rgba(239, 133, 133, 0.07);--leaf-color-danger-alpha-8: rgba(239, 133, 133, 0.08);--leaf-color-danger-border-12: #4e4147;--leaf-color-danger-surface-5: #272125;--leaf-color-info-alpha-10: rgba(105, 177, 255, 0.1);--leaf-color-info-alpha-15: rgba(105, 177, 255, 0.15);--leaf-color-info-alpha-8: rgba(105, 177, 255, 0.08);--leaf-color-info-border-12: #3e4756;--leaf-color-info-surface-5: #20232b;--leaf-color-primary-alpha-15: rgba(131, 207, 158, 0.15);--leaf-color-primary-alpha-18: rgba(131, 207, 158, 0.18);--leaf-color-primary-alpha-25: rgba(131, 207, 158, 0.25);--leaf-color-primary-alpha-42: rgba(131, 207, 158, 0.42);--leaf-color-primary-alpha-9: rgba(131, 207, 158, 0.09);--leaf-color-success-alpha-10: rgba(131, 207, 158, 0.1);--leaf-color-success-alpha-15: rgba(131, 207, 158, 0.15);--leaf-color-success-alpha-8: rgba(131, 207, 158, 0.08);--leaf-color-success-border-12: #414a4a;--leaf-color-success-surface-5: #212526;--leaf-color-surface-text-98: #202024;--leaf-color-text-alpha-10: rgba(237, 237, 240, 0.1);--leaf-color-text-alpha-15: rgba(237, 237, 240, 0.15);--leaf-color-text-alpha-8: rgba(237, 237, 240, 0.08);--leaf-color-text-alpha-9: rgba(237, 237, 240, 0.09);--leaf-color-text-border-12: #4e4e54;--leaf-color-text-muted-surface-92: #9a9aa3;--leaf-color-text-surface-5: #26262a;--leaf-color-warning-alpha-10: rgba(255, 197, 61, 0.1);--leaf-color-warning-alpha-15: rgba(255, 197, 61, 0.15);--leaf-color-warning-alpha-8: rgba(255, 197, 61, 0.08);--leaf-color-warning-border-12: #50493f;--leaf-color-warning-surface-5: #272421;--leaf-color-text-subtle: #9a9aa3;--leaf-color-surface-raised: #202024;--leaf-color-border-hover: #5e5e66;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #8fd4a8;--leaf-color-primary-active: #6fb086;--leaf-color-danger-hover: #f19191;--leaf-color-danger-active: #cb7171;--leaf-color-primary: #83cf9e;--leaf-color-on-primary: #11271a;--leaf-color-info: #69b1ff;--leaf-color-success: #83cf9e;--leaf-color-danger: #ef8585;--leaf-color-on-danger: #381818;--leaf-color-warning: #ffc53d;color-scheme:dark;--leaf-color-text: #ededf0;--leaf-color-text-muted: #a5a5ae;--leaf-color-surface: #1c1c20;--leaf-color-surface-muted: #25252b;--leaf-color-border: #38383f}:root,:host{--leaf-spacing: 8px;--leaf-spacing-xs: calc(var(--leaf-spacing) * 0.5);--leaf-spacing-sm: var(--leaf-spacing);--leaf-spacing-md: calc(var(--leaf-spacing) * 2);--leaf-spacing-lg: calc(var(--leaf-spacing) * 3);--leaf-spacing-xl: calc(var(--leaf-spacing) * 4);--leaf-line-height: 1.6;--leaf-heading-weight: 600;--leaf-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.06), 0 0 0 1px rgb(0 0 0 / 0.02);--leaf-shadow-sm: 0 2px 6px rgb(0 0 0 / 0.05), 0 1px 2px rgb(0 0 0 / 0.04);--leaf-shadow-md: 0 8px 24px rgb(0 0 0 / 0.08), 0 2px 6px rgb(0 0 0 / 0.04);--leaf-shadow-lg: 0 20px 60px rgb(0 0 0 / 0.14), 0 4px 12px rgb(0 0 0 / 0.06)}:root,:host,[data-leaf-scope]{--leaf-motion-fast: calc(var(--leaf-motion-duration) * 0.6);--leaf-motion-slow: calc(var(--leaf-motion-duration) * 1.6);--leaf-color-text-subtle: var(--leaf-color-text-muted-surface-92);--leaf-color-surface-raised: var(--leaf-color-surface-text-98);--leaf-color-border-hover: var(--leaf-color-border-text-muted-65);--leaf-color-divider: var(--leaf-color-border-surface-70)}@keyframes leaf-content-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes leaf-state-in{from{opacity:0;scale:.92}to{opacity:1;scale:1}}@media(prefers-reduced-motion: reduce){:where([class^=leaf-],[class*=" leaf-"]){animation:none !important;animation-delay:0s !important;transition-duration:0s !important;transition-delay:0s !important;scroll-behavior:auto !important}}.leaf-floating{--leaf-surface-inner-top: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-top) - var(--leaf-surface-border));--leaf-surface-inner-right: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-right) - var(--leaf-surface-border));--leaf-surface-inner-bottom: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-bottom) - var(--leaf-surface-border));--leaf-surface-inner-left: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-left) - var(--leaf-surface-border));--leaf-surface-inner-radius: var(--leaf-surface-inner-left) var(--leaf-surface-inner-right) var(--leaf-surface-inner-right) var(--leaf-surface-inner-left) / var(--leaf-surface-inner-top) var(--leaf-surface-inner-top) var(--leaf-surface-inner-bottom) var(--leaf-surface-inner-bottom);padding:var(--leaf-surface-padding-top) var(--leaf-surface-padding-right) var(--leaf-surface-padding-bottom) var(--leaf-surface-padding-left);border-radius:var(--leaf-surface-radius)}.leaf-floating{--leaf-surface-radius: var(--leaf-component-floating-radius, var(--leaf-radius-lg));--leaf-surface-padding: var(--leaf-component-floating-padding, 6px);--leaf-surface-border: 1px;--leaf-surface-padding-top: var( --leaf-component-floating-padding-top, var(--leaf-surface-padding) );--leaf-surface-padding-right: var( --leaf-component-floating-padding-right, var(--leaf-surface-padding) );--leaf-surface-padding-bottom: var( --leaf-component-floating-padding-bottom, var(--leaf-surface-padding) );--leaf-surface-padding-left: var( --leaf-component-floating-padding-left, var(--leaf-surface-padding) );--leaf-floating-option-radius: var(--leaf-surface-inner-radius);--leaf-popup-x: 0px;--leaf-popup-y: -4px;--leaf-popup-origin-x: center;--leaf-popup-origin-y: top;box-sizing:border-box;position:fixed;z-index:var(--leaf-z-index-popup, 1000);max-width:min(420px,100vw - 24px);max-height:min(360px,100vh - 32px);overflow:auto;border:var(--leaf-surface-border) solid var(--leaf-color-border);color:var(--leaf-color-text);font-family:var(--leaf-font-family);font-size:var(--leaf-font-size);line-height:1.5;background:var(--leaf-color-surface-raised, var(--leaf-color-surface));box-shadow:var(--leaf-shadow-md);overscroll-behavior:contain;opacity:1;translate:0 0;scale:1;transform-origin:var(--leaf-popup-origin-x) var(--leaf-popup-origin-y);transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),translate var(--leaf-motion-slow) var(--leaf-motion-easing),scale var(--leaf-motion-slow) var(--leaf-motion-easing)}.leaf-floating[data-side=top]{--leaf-popup-y: 4px;--leaf-popup-origin-y: bottom}.leaf-floating[data-side=left]{--leaf-popup-x: 6px;--leaf-popup-y: 0px;--leaf-popup-origin-x: right;--leaf-popup-origin-y: center}.leaf-floating[data-side=right]{--leaf-popup-x: -6px;--leaf-popup-y: 0px;--leaf-popup-origin-x: left;--leaf-popup-origin-y: center}@starting-style{.leaf-floating{opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.985}}.leaf-floating[data-positioned=false]{opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.985}.leaf-floating[data-state=closing]{pointer-events:none;opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.98;transition-duration:var(--leaf-motion-duration);transition-timing-function:var(--leaf-motion-easing)}.leaf-floating:focus{outline:none}@media(prefers-reduced-motion: reduce){.leaf-floating,.leaf-floating[data-state=closing]{transition:none}}.leaf-form-value{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);opacity:0;pointer-events:none}.leaf-floating__option{box-sizing:border-box;display:flex;width:100%;min-height:var(--leaf-density-option-height);align-items:center;gap:8px;padding:var(--leaf-density-option-padding) var(--leaf-density-field-padding);border:0;border-radius:var(--leaf-floating-option-radius, var(--leaf-radius-sm));color:inherit;background:rgba(0,0,0,0);font:inherit;line-height:1.4;text-align:start;cursor:pointer;transition:color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),box-shadow var(--leaf-motion-fast) var(--leaf-motion-easing)}.leaf-floating__option+.leaf-floating__option{margin-top:2px}.leaf-floating__option:hover:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]),.leaf-floating__option[data-highlighted=true]:not([aria-disabled=true]):not([aria-selected=true]){background:var(--leaf-color-surface-muted)}.leaf-floating__option:active:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]){background:var(--leaf-color-text-alpha-9)}.leaf-floating__option[aria-selected=true]{color:var(--leaf-color-primary);font-weight:var(--leaf-font-weight);background:var(--leaf-color-primary-alpha-9)}.leaf-floating__option:disabled,.leaf-floating__option[aria-disabled=true]{color:var(--leaf-color-text-muted);cursor:not-allowed;opacity:.55}.leaf-floating__option:focus-visible{outline:2px solid var(--leaf-color-primary);outline-offset:-2px}@media(prefers-reduced-motion: reduce){.leaf-floating__option{transition:none}}.leaf-floating__highlight{position:absolute;top:0;left:0;box-sizing:border-box;width:var(--leaf-option-highlight-width, 0px);height:var(--leaf-option-highlight-height, var(--leaf-density-option-height));translate:var(--leaf-option-highlight-x, 0px) var(--leaf-option-highlight-y, 0px);border:1px solid var(--leaf-color-border-alpha-55);border-radius:var(--leaf-floating-option-radius);background:var(--leaf-color-text-alpha-9);pointer-events:none;transition:translate var(--leaf-motion-duration) var(--leaf-motion-spring),height var(--leaf-motion-fast) var(--leaf-motion-easing),width var(--leaf-motion-fast) var(--leaf-motion-easing)}.leaf-floating__highlight[data-ready=false],.leaf-floating__highlight[data-hidden]{visibility:hidden}.leaf-floating__highlight[data-selected]{background:var(--leaf-color-primary-alpha-9);border-color:var(--leaf-color-primary-alpha-15)}.leaf-floating[data-hover-motion] .leaf-floating__option{position:relative;z-index:1}.leaf-floating[data-hover-motion] .leaf-floating__option:hover:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]),.leaf-floating[data-hover-motion] .leaf-floating__option[data-highlighted]:not([aria-disabled=true]):not([aria-selected=true]){background:rgba(0,0,0,0)}.leaf-autocomplete__panel[data-hover-motion] .leaf-floating__option[aria-selected=true]{background:rgba(0,0,0,0)}@media(prefers-reduced-motion: reduce){.leaf-floating__highlight{transition:none}}.leaf-floating__empty{padding:12px 10px;color:var(--leaf-color-text-muted);font-size:var(--leaf-font-size-sm);text-align:center}.leaf-button{--leaf-button-color: var(--leaf-color-primary);--leaf-button-color-alpha-18: var(--leaf-color-primary-alpha-18);--leaf-button-color-alpha-25: var(--leaf-color-primary-alpha-25);--leaf-button-color-alpha-42: var(--leaf-color-primary-alpha-42);--leaf-button-on-color: var(--leaf-color-on-primary);--leaf-focus-color: var(--leaf-button-color-alpha-42);--leaf-button-hover: var(--leaf-color-primary-hover, var(--leaf-button-color));--leaf-button-active: var(--leaf-color-primary-active, var(--leaf-button-color));--leaf-button-soft-hover: var(--leaf-color-primary-soft-hover, var(--leaf-button-color-alpha-18));--leaf-button-soft-active: var( --leaf-color-primary-soft-active, var(--leaf-button-color-alpha-25) );--leaf-button-border: var(--leaf-color-primary-border, var(--leaf-button-color-alpha-42));box-sizing:border-box;display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--leaf-component-button-gap, 6px);min-height:var(--leaf-button-height, var(--leaf-current-control-height));padding:var(--leaf-component-button-padding, 0 calc(var(--leaf-button-height, var(--leaf-current-control-height)) * 0.42));border:1px solid rgba(0,0,0,0);border-radius:var(--leaf-component-button-radius, var(--leaf-button-radius, var(--leaf-radius)));font-family:var(--leaf-font-family);font-size:var(--leaf-component-button-font-size, var(--leaf-current-font-size));font-weight:var(--leaf-font-weight);line-height:1.5;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;appearance:none;transition:background-color var(--leaf-motion-duration) var(--leaf-motion-easing),border-color var(--leaf-motion-duration) var(--leaf-motion-easing),color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing),opacity var(--leaf-motion-duration) var(--leaf-motion-easing);--leaf-current-font-size: var(--leaf-font-size);--leaf-current-control-height: var(--leaf-control-height, 40px)}.leaf-button--sm{--leaf-current-control-height: var(--leaf-control-height-sm, 34px);--leaf-current-font-size: var(--leaf-font-size-sm, 12px)}.leaf-button--lg{--leaf-current-control-height: var(--leaf-control-height-lg, 46px);--leaf-current-font-size: var(--leaf-font-size-lg, 16px)}.leaf-button:focus-visible{outline:3px solid var(--leaf-color-focus, var(--leaf-focus-color, var(--leaf-color-primary-alpha-42)));outline-offset:2px}.leaf-button:disabled{cursor:not-allowed;opacity:.45}.leaf-button[data-loading]{cursor:default;opacity:1}.leaf-button__wave{position:absolute;z-index:1;inset:-1px;box-sizing:border-box;border-radius:inherit;color:var(--leaf-button-color);box-shadow:0 0 0 0 currentColor;opacity:0;pointer-events:none}.leaf-button__content{display:inline-flex;align-items:center;justify-content:center;gap:inherit;min-width:0;transition:opacity var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring)}.leaf-button__loading{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(0.7);pointer-events:none;transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring)}.leaf-button[data-loading] .leaf-button__content{opacity:0;transform:translateY(3px)}.leaf-button[data-loading] .leaf-button__loading{opacity:1;transform:scale(1)}.leaf-button[data-loading] .leaf-button__spinner{animation:var(--leaf-motion-animation, leaf-spin calc(var(--leaf-motion-duration) * 4.5) linear infinite);animation-play-state:var(--leaf-motion-play-state, running)}.leaf-button--danger{--leaf-button-color: var(--leaf-color-danger);--leaf-button-color-alpha-18: var(--leaf-color-danger-alpha-18);--leaf-button-color-alpha-25: var(--leaf-color-danger-alpha-25);--leaf-button-color-alpha-42: var(--leaf-color-danger-alpha-42);--leaf-button-on-color: var(--leaf-color-on-danger);--leaf-button-hover: var(--leaf-color-danger-hover, var(--leaf-button-color));--leaf-button-active: var(--leaf-color-danger-active, var(--leaf-button-color));--leaf-button-soft-hover: var(--leaf-button-color-alpha-18);--leaf-button-soft-active: var(--leaf-button-color-alpha-25);--leaf-button-border: var(--leaf-button-color-alpha-42)}.leaf-button--solid{color:var(--leaf-button-on-color);background:var(--leaf-button-color);border-color:rgba(0,0,0,0);box-shadow:none}.leaf-button--solid:hover:not(:disabled){background:var(--leaf-button-hover)}.leaf-button--solid:active:not(:disabled){background:var(--leaf-button-active);box-shadow:none}.leaf-button--ghost{color:var(--leaf-color-text);background:rgba(0,0,0,0)}.leaf-button--ghost:hover:not(:disabled){background:var(--leaf-color-surface-muted)}.leaf-button--ghost:active:not(:disabled){background:var(--leaf-color-border)}.leaf-button--danger.leaf-button--ghost{color:var(--leaf-button-color)}.leaf-button--danger.leaf-button--ghost:hover:not(:disabled){color:var(--leaf-button-hover);background:var(--leaf-button-soft-hover)}.leaf-button--danger.leaf-button--ghost:active:not(:disabled){color:var(--leaf-button-active);background:var(--leaf-button-soft-active)}.leaf-button--outline{color:var(--leaf-color-text);background:var(--leaf-color-surface);border-color:var(--leaf-component-button-border-color, var(--leaf-color-border));box-shadow:var(--leaf-component-button-shadow, 0 1px 2px rgba(0, 0, 0, 0.04))}.leaf-button--outline:hover:not(:disabled){color:var(--leaf-button-hover);border-color:var(--leaf-button-hover)}.leaf-button--outline:active:not(:disabled){color:var(--leaf-button-active);border-color:var(--leaf-button-active)}.leaf-button--danger.leaf-button--outline{color:var(--leaf-color-danger);border-color:var(--leaf-component-button-border-color, var(--leaf-button-border))}.leaf-button--icon-only{width:var(--leaf-button-height, var(--leaf-current-control-height));padding:0}.leaf-button--full-width{width:100%}.leaf-button--link{align-self:center;min-height:0;padding:0;border:0;border-radius:0;color:var(--leaf-button-color);background:rgba(0,0,0,0);box-shadow:none}.leaf-button--link:hover:not(:disabled){color:var(--leaf-button-hover)}.leaf-button--link:active:not(:disabled){color:var(--leaf-button-active)}.leaf-button--link.leaf-button--icon-only{width:auto}.leaf-button__icon,.leaf-button__spinner{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:16px;height:16px}.leaf-button__icon svg,.leaf-button__spinner svg{width:100%;height:100%}@keyframes leaf-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.leaf-button,.leaf-button__content,.leaf-button__loading{transition:none}.leaf-button[data-loading] .leaf-button__spinner{animation:none}.leaf-button__wave{display:none}}@media(forced-colors: active){.leaf-button__wave{display:none}.leaf-button{border-color:ButtonText}.leaf-button:disabled{color:GrayText;border-color:GrayText}.leaf-button:focus-visible{outline-color:Highlight}}.leaf-button-group{display:inline-flex;align-items:stretch;gap:8px}.leaf-button-group--attached{gap:0}.leaf-button-group--attached>.leaf-button{position:relative}.leaf-button-group--attached>.leaf-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.leaf-button-group--attached>.leaf-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.leaf-button-group--attached>.leaf-button:hover:not(:disabled),.leaf-button-group--attached>.leaf-button:active:not(:disabled),.leaf-button-group--attached>.leaf-button:focus-visible{z-index:1}.leaf-button-group{border:0;padding:0;margin:0;min-width:0}.leaf-button{--leaf-current-control-height: var(--leaf-component-button-height, var(--leaf-control-height));--leaf-current-font-size: var(--leaf-component-button-font-size, var(--leaf-font-size))}.leaf-button--sm{--leaf-current-control-height: var( --leaf-component-button-height-sm, var(--leaf-control-height-sm) );--leaf-current-font-size: var(--leaf-font-size-sm)}.leaf-button--lg{--leaf-current-control-height: var( --leaf-component-button-height-lg, var(--leaf-control-height-lg) );--leaf-current-font-size: var(--leaf-font-size-lg)}.leaf-alert{--leaf-feedback-color: var(--leaf-color-success);--leaf-feedback-color-border-12: var(--leaf-color-success-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-success-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-success-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-success-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-success-alpha-8);display:flex;align-items:flex-start;gap:var(--leaf-component-alert-gap, 12px);color:var(--leaf-component-alert-color, var(--leaf-color-text));font:var(--leaf-font-size)/1.5 var(--leaf-font-family);border-radius:var(--leaf-component-alert-radius, var(--leaf-radius-md));border:1px solid var(--leaf-component-alert-border-color, var(--leaf-color-divider));padding:var(--leaf-component-alert-padding, 14px 16px)}.leaf-alert--info{--leaf-feedback-color: var(--leaf-color-info);--leaf-feedback-color-border-12: var(--leaf-color-info-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-info-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-info-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-info-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-info-alpha-8)}.leaf-alert--warning{--leaf-feedback-color: var(--leaf-color-warning);--leaf-feedback-color-border-12: var(--leaf-color-warning-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-warning-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-warning-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-warning-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-warning-alpha-8)}.leaf-alert--error{--leaf-feedback-color: var(--leaf-color-danger);--leaf-feedback-color-border-12: var(--leaf-color-danger-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-danger-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-danger-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-danger-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-danger-alpha-8)}.leaf-alert{box-sizing:border-box}.leaf-alert:not([data-description]){align-items:center}.leaf-alert{max-height:var(--leaf-alert-height, none);transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),max-height var(--leaf-motion-duration) var(--leaf-motion-easing),padding-block var(--leaf-motion-duration) var(--leaf-motion-easing),border-block-width var(--leaf-motion-duration) var(--leaf-motion-easing),border-color var(--leaf-motion-duration) var(--leaf-motion-easing),background-color var(--leaf-motion-duration) var(--leaf-motion-easing);background:var(--leaf-component-alert-background, var(--leaf-color-surface-muted))}.leaf-alert[data-state=closing]{max-height:0;opacity:0;padding-block:0;border-block-width:0;overflow:hidden;pointer-events:none}.leaf-alert__icon{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;height:28px;border-radius:8px;color:var(--leaf-feedback-color);background:rgba(0,0,0,0)}.leaf-alert__content{flex:1;min-width:0}.leaf-alert__title{min-height:0;display:flex;align-items:center;font-weight:var(--leaf-font-weight)}.leaf-alert__description{margin-block-start:2px;color:var(--leaf-color-text-muted);font-size:var(--leaf-font-size-sm)}.leaf-alert__close{align-items:center;justify-content:center;min-width:28px;min-height:28px;transition:color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-fast) var(--leaf-motion-spring)}.leaf-alert__close:hover{color:var(--leaf-color-text);background:var(--leaf-color-border-surface-35)}.leaf-alert__close:active{transform:scale(0.88)}@media(prefers-reduced-motion: reduce){.leaf-alert,.leaf-alert__close{transition:none}}.leaf-alert__close,.leaf-message__close{flex-shrink:0;display:inline-flex;border:0;padding:2px;border-radius:4px;background:rgba(0,0,0,0);color:var(--leaf-color-text-muted);cursor:pointer}.leaf-alert__close:focus-visible,.leaf-message__close:focus-visible{outline:2px solid var(--leaf-feedback-color)}.leaf-confirm{--leaf-feedback-color: var(--leaf-color-text);--leaf-feedback-color-border-12: var(--leaf-color-text-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-text-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-text-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-text-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-text-alpha-8)}.leaf-confirm--danger{--leaf-feedback-color: var(--leaf-color-danger);--leaf-feedback-color-border-12: var(--leaf-color-danger-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-danger-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-danger-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-danger-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-danger-alpha-8)}.leaf-confirm--success{--leaf-feedback-color: var(--leaf-color-success);--leaf-feedback-color-border-12: var(--leaf-color-success-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-success-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-success-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-success-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-success-alpha-8)}.leaf-confirm--warning{--leaf-feedback-color: var(--leaf-color-warning);--leaf-feedback-color-border-12: var(--leaf-color-warning-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-warning-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-warning-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-warning-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-warning-alpha-8)}.leaf-confirm--info{--leaf-feedback-color: var(--leaf-color-info);--leaf-feedback-color-border-12: var(--leaf-color-info-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-info-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-info-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-info-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-info-alpha-8)}.leaf-confirm>.leaf-modal__body .leaf-modal__content{padding-block:12px 20px}.leaf-confirm__body{display:flex;align-items:flex-start;gap:12px}.leaf-confirm__content{flex:1;min-width:0}.leaf-confirm__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;height:24px;color:var(--leaf-feedback-color);scale:1;opacity:1;transition:scale var(--leaf-motion-slow) var(--leaf-motion-spring),opacity var(--leaf-motion-duration) var(--leaf-motion-easing)}@starting-style{.leaf-confirm__icon{scale:.82;opacity:0}}.leaf-confirm__icon>svg{width:24px;height:24px}.leaf-confirm--default .leaf-confirm__icon{color:var(--leaf-color-text-muted)}.leaf-confirm-description{font-size:var(--leaf-component-confirm-font-size, calc(var(--leaf-font-size) + 1px));color:var(--leaf-component-confirm-color, var(--leaf-color-text));line-height:var(--leaf-line-height);overflow-wrap:anywhere}.leaf-confirm-error{margin-block:12px 0;padding:8px 10px;border-radius:var(--leaf-radius-sm);color:var(--leaf-color-danger);background:var(--leaf-color-danger-alpha-7);opacity:1;translate:0 0;transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),translate var(--leaf-motion-duration) var(--leaf-motion-easing)}@starting-style{.leaf-confirm-error{opacity:0;translate:0 4px}}.leaf-feedback-spinner{animation:var(--leaf-motion-animation, leaf-spin calc(var(--leaf-motion-duration) * 4.5) linear infinite);animation-play-state:var(--leaf-motion-play-state, running)}@media(prefers-reduced-motion: reduce){.leaf-confirm__icon,.leaf-confirm-error{transition:none}.leaf-feedback-spinner{animation:none}}
+:root,:host{--leaf-color-option-hover: #ebebeb;--leaf-color-border-alpha-55: rgba(229, 229, 232, 0.55);--leaf-color-border-surface-35: #f6f6f7;--leaf-color-border-surface-70: #ededef;--leaf-color-border-text-muted-65: #b9b9be;--leaf-color-danger-alpha-10: rgba(200, 60, 60, 0.1);--leaf-color-danger-alpha-15: rgba(200, 60, 60, 0.15);--leaf-color-danger-alpha-18: rgba(200, 60, 60, 0.18);--leaf-color-danger-alpha-25: rgba(200, 60, 60, 0.25);--leaf-color-danger-alpha-42: rgba(200, 60, 60, 0.42);--leaf-color-danger-alpha-7: rgba(200, 60, 60, 0.07);--leaf-color-danger-alpha-8: rgba(200, 60, 60, 0.08);--leaf-color-danger-border-12: #e2d1d3;--leaf-color-danger-surface-5: #fcf5f5;--leaf-color-info-alpha-10: rgba(22, 119, 255, 0.1);--leaf-color-info-alpha-15: rgba(22, 119, 255, 0.15);--leaf-color-info-alpha-8: rgba(22, 119, 255, 0.08);--leaf-color-info-border-12: #ccd8eb;--leaf-color-info-surface-5: #f3f8ff;--leaf-color-primary-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-primary-alpha-18: rgba(32, 131, 74, 0.18);--leaf-color-primary-alpha-25: rgba(32, 131, 74, 0.25);--leaf-color-primary-alpha-42: rgba(32, 131, 74, 0.42);--leaf-color-primary-surface-9: #ebf4ef;--leaf-color-success-alpha-10: rgba(32, 131, 74, 0.1);--leaf-color-success-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-success-alpha-8: rgba(32, 131, 74, 0.08);--leaf-color-success-border-12: #cdd9d5;--leaf-color-success-surface-5: #f4f9f6;--leaf-color-surface-text-98: #fbfbfb;--leaf-color-text-alpha-10: rgba(32, 32, 36, 0.1);--leaf-color-text-alpha-15: rgba(32, 32, 36, 0.15);--leaf-color-text-alpha-8: rgba(32, 32, 36, 0.08);--leaf-color-text-border-12: #cdcdd0;--leaf-color-text-muted-surface-92: #74747b;--leaf-color-text-surface-5: #f4f4f4;--leaf-color-warning-alpha-10: rgba(250, 173, 20, 0.1);--leaf-color-warning-alpha-15: rgba(250, 173, 20, 0.15);--leaf-color-warning-alpha-8: rgba(250, 173, 20, 0.08);--leaf-color-warning-border-12: #e8decf;--leaf-color-warning-surface-5: #fffbf3;--leaf-color-text-subtle: #74747b;--leaf-color-surface-raised: #fbfbfb;--leaf-color-border-hover: #b9b9be;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #26864f;--leaf-color-primary-active: #1b6f3f;--leaf-color-danger-hover: #cb4848;--leaf-color-danger-active: #aa3333;--leaf-color-primary: #20834a;--leaf-color-on-primary: #ffffff;--leaf-color-danger: #c83c3c;--leaf-color-on-danger: #ffffff;--leaf-color-warning: #faad14;--leaf-color-info: #1677ff;--leaf-color-success: #20834a;--leaf-control-height: 36px;--leaf-density-form-gap: 24px;--leaf-density-label-gap: 6px;--leaf-density-row-padding: 12px;--leaf-density-option-height: max(24px, calc(var(--leaf-control-height) - 4px));--leaf-density-option-padding: 6px;--leaf-density-field-padding: 10px;--leaf-density-dialog-block: 20px;--leaf-density-dialog-inline: 24px;--leaf-density-dialog-gap: 16px;--leaf-z-index-popup: 1000;--leaf-z-index-modal: 1100;--leaf-z-index-message: 1200;--leaf-color-text: #202024;--leaf-color-text-muted: #68686f;--leaf-color-surface: #ffffff;--leaf-color-surface-muted: #f6f6f7;--leaf-color-border: #e5e5e8;--leaf-radius: 10px;--leaf-radius-sm: calc(var(--leaf-radius) * 0.6);--leaf-radius-md: calc(var(--leaf-radius) * 1.2);--leaf-radius-lg: calc(var(--leaf-radius) * 1.6);--leaf-choice-radius: calc(var(--leaf-radius) * 0.5);--leaf-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;--leaf-font-size: 14px;--leaf-font-size-sm: max(1px, calc(var(--leaf-font-size) - 1px));--leaf-font-size-lg: calc(var(--leaf-font-size) + 2px);--leaf-font-weight: 500;--leaf-motion-duration: 200ms;--leaf-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);--leaf-motion-spring: cubic-bezier(0.22, 1.28, 0.36, 1);--leaf-motion-play-state: running}[data-leaf-theme=light]{--leaf-color-option-hover: #ebebeb;--leaf-color-border-alpha-55: rgba(229, 229, 232, 0.55);--leaf-color-border-surface-35: #f6f6f7;--leaf-color-border-surface-70: #ededef;--leaf-color-border-text-muted-65: #b9b9be;--leaf-color-danger-alpha-10: rgba(200, 60, 60, 0.1);--leaf-color-danger-alpha-15: rgba(200, 60, 60, 0.15);--leaf-color-danger-alpha-18: rgba(200, 60, 60, 0.18);--leaf-color-danger-alpha-25: rgba(200, 60, 60, 0.25);--leaf-color-danger-alpha-42: rgba(200, 60, 60, 0.42);--leaf-color-danger-alpha-7: rgba(200, 60, 60, 0.07);--leaf-color-danger-alpha-8: rgba(200, 60, 60, 0.08);--leaf-color-danger-border-12: #e2d1d3;--leaf-color-danger-surface-5: #fcf5f5;--leaf-color-info-alpha-10: rgba(22, 119, 255, 0.1);--leaf-color-info-alpha-15: rgba(22, 119, 255, 0.15);--leaf-color-info-alpha-8: rgba(22, 119, 255, 0.08);--leaf-color-info-border-12: #ccd8eb;--leaf-color-info-surface-5: #f3f8ff;--leaf-color-primary-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-primary-alpha-18: rgba(32, 131, 74, 0.18);--leaf-color-primary-alpha-25: rgba(32, 131, 74, 0.25);--leaf-color-primary-alpha-42: rgba(32, 131, 74, 0.42);--leaf-color-primary-surface-9: #ebf4ef;--leaf-color-success-alpha-10: rgba(32, 131, 74, 0.1);--leaf-color-success-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-success-alpha-8: rgba(32, 131, 74, 0.08);--leaf-color-success-border-12: #cdd9d5;--leaf-color-success-surface-5: #f4f9f6;--leaf-color-surface-text-98: #fbfbfb;--leaf-color-text-alpha-10: rgba(32, 32, 36, 0.1);--leaf-color-text-alpha-15: rgba(32, 32, 36, 0.15);--leaf-color-text-alpha-8: rgba(32, 32, 36, 0.08);--leaf-color-text-border-12: #cdcdd0;--leaf-color-text-muted-surface-92: #74747b;--leaf-color-text-surface-5: #f4f4f4;--leaf-color-warning-alpha-10: rgba(250, 173, 20, 0.1);--leaf-color-warning-alpha-15: rgba(250, 173, 20, 0.15);--leaf-color-warning-alpha-8: rgba(250, 173, 20, 0.08);--leaf-color-warning-border-12: #e8decf;--leaf-color-warning-surface-5: #fffbf3;--leaf-color-text-subtle: #74747b;--leaf-color-surface-raised: #fbfbfb;--leaf-color-border-hover: #b9b9be;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #26864f;--leaf-color-primary-active: #1b6f3f;--leaf-color-danger-hover: #cb4848;--leaf-color-danger-active: #aa3333;--leaf-color-primary: #20834a;--leaf-color-on-primary: #ffffff;--leaf-color-danger: #c83c3c;--leaf-color-on-danger: #ffffff;--leaf-color-success: #20834a;--leaf-color-warning: #faad14;--leaf-color-info: #1677ff;color-scheme:light;--leaf-color-text: #202024;--leaf-color-text-muted: #68686f;--leaf-color-surface: #ffffff;--leaf-color-surface-muted: #f6f6f7;--leaf-color-border: #e5e5e8}[data-leaf-theme=dark]{--leaf-color-option-hover: #2f2f33;--leaf-color-border-alpha-55: rgba(56, 56, 63, 0.55);--leaf-color-border-surface-35: #26262b;--leaf-color-border-surface-70: #303036;--leaf-color-border-text-muted-65: #5e5e66;--leaf-color-danger-alpha-10: rgba(239, 133, 133, 0.1);--leaf-color-danger-alpha-15: rgba(239, 133, 133, 0.15);--leaf-color-danger-alpha-18: rgba(239, 133, 133, 0.18);--leaf-color-danger-alpha-25: rgba(239, 133, 133, 0.25);--leaf-color-danger-alpha-42: rgba(239, 133, 133, 0.42);--leaf-color-danger-alpha-7: rgba(239, 133, 133, 0.07);--leaf-color-danger-alpha-8: rgba(239, 133, 133, 0.08);--leaf-color-danger-border-12: #4e4147;--leaf-color-danger-surface-5: #272125;--leaf-color-info-alpha-10: rgba(105, 177, 255, 0.1);--leaf-color-info-alpha-15: rgba(105, 177, 255, 0.15);--leaf-color-info-alpha-8: rgba(105, 177, 255, 0.08);--leaf-color-info-border-12: #3e4756;--leaf-color-info-surface-5: #20232b;--leaf-color-primary-alpha-15: rgba(131, 207, 158, 0.15);--leaf-color-primary-alpha-18: rgba(131, 207, 158, 0.18);--leaf-color-primary-alpha-25: rgba(131, 207, 158, 0.25);--leaf-color-primary-alpha-42: rgba(131, 207, 158, 0.42);--leaf-color-primary-surface-9: #252c2b;--leaf-color-success-alpha-10: rgba(131, 207, 158, 0.1);--leaf-color-success-alpha-15: rgba(131, 207, 158, 0.15);--leaf-color-success-alpha-8: rgba(131, 207, 158, 0.08);--leaf-color-success-border-12: #414a4a;--leaf-color-success-surface-5: #212526;--leaf-color-surface-text-98: #202024;--leaf-color-text-alpha-10: rgba(237, 237, 240, 0.1);--leaf-color-text-alpha-15: rgba(237, 237, 240, 0.15);--leaf-color-text-alpha-8: rgba(237, 237, 240, 0.08);--leaf-color-text-border-12: #4e4e54;--leaf-color-text-muted-surface-92: #9a9aa3;--leaf-color-text-surface-5: #26262a;--leaf-color-warning-alpha-10: rgba(255, 197, 61, 0.1);--leaf-color-warning-alpha-15: rgba(255, 197, 61, 0.15);--leaf-color-warning-alpha-8: rgba(255, 197, 61, 0.08);--leaf-color-warning-border-12: #50493f;--leaf-color-warning-surface-5: #272421;--leaf-color-text-subtle: #9a9aa3;--leaf-color-surface-raised: #202024;--leaf-color-border-hover: #5e5e66;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #8fd4a8;--leaf-color-primary-active: #6fb086;--leaf-color-danger-hover: #f19191;--leaf-color-danger-active: #cb7171;--leaf-color-primary: #83cf9e;--leaf-color-on-primary: #11271a;--leaf-color-info: #69b1ff;--leaf-color-success: #83cf9e;--leaf-color-danger: #ef8585;--leaf-color-on-danger: #381818;--leaf-color-warning: #ffc53d;color-scheme:dark;--leaf-color-text: #ededf0;--leaf-color-text-muted: #a5a5ae;--leaf-color-surface: #1c1c20;--leaf-color-surface-muted: #25252b;--leaf-color-border: #38383f}:root,:host{--leaf-spacing: 8px;--leaf-line-height: 1.6;--leaf-heading-weight: 600;--leaf-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.06), 0 0 0 1px rgb(0 0 0 / 0.02);--leaf-shadow-sm: 0 2px 6px rgb(0 0 0 / 0.05), 0 1px 2px rgb(0 0 0 / 0.04);--leaf-shadow-md: 0 8px 24px rgb(0 0 0 / 0.08), 0 2px 6px rgb(0 0 0 / 0.04);--leaf-shadow-lg: 0 20px 60px rgb(0 0 0 / 0.14), 0 4px 12px rgb(0 0 0 / 0.06)}:root,:host,[data-leaf-scope]{--leaf-spacing-xs: calc(var(--leaf-spacing) * 0.5);--leaf-spacing-sm: var(--leaf-spacing);--leaf-spacing-md: calc(var(--leaf-spacing) * 2);--leaf-spacing-lg: calc(var(--leaf-spacing) * 3);--leaf-spacing-xl: calc(var(--leaf-spacing) * 4);--leaf-control-height-sm: max(1px, calc(var(--leaf-control-height) - 6px));--leaf-control-height-lg: calc(var(--leaf-control-height) + 6px);--leaf-motion-fast: calc(var(--leaf-motion-duration) * 0.6);--leaf-motion-slow: calc(var(--leaf-motion-duration) * 1.6);--leaf-color-text-subtle: var(--leaf-color-text-muted-surface-92);--leaf-color-surface-raised: var(--leaf-color-surface-text-98);--leaf-color-border-hover: var(--leaf-color-border-text-muted-65);--leaf-color-divider: var(--leaf-color-border-surface-70)}@keyframes leaf-content-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes leaf-state-in{from{opacity:0;scale:.92}to{opacity:1;scale:1}}@media(prefers-reduced-motion: reduce){:where([class^=leaf-],[class*=" leaf-"]){animation:none !important;animation-delay:0s !important;transition-duration:0s !important;transition-delay:0s !important;scroll-behavior:auto !important}}.leaf-floating{--leaf-surface-inner-top: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-top) - var(--leaf-surface-border));--leaf-surface-inner-right: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-right) - var(--leaf-surface-border));--leaf-surface-inner-bottom: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-bottom) - var(--leaf-surface-border));--leaf-surface-inner-left: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-left) - var(--leaf-surface-border));--leaf-surface-inner-radius: var(--leaf-surface-inner-left) var(--leaf-surface-inner-right) var(--leaf-surface-inner-right) var(--leaf-surface-inner-left) / var(--leaf-surface-inner-top) var(--leaf-surface-inner-top) var(--leaf-surface-inner-bottom) var(--leaf-surface-inner-bottom);padding:var(--leaf-surface-padding-top) var(--leaf-surface-padding-right) var(--leaf-surface-padding-bottom) var(--leaf-surface-padding-left);border-radius:var(--leaf-surface-radius)}.leaf-floating{--leaf-surface-radius: var(--leaf-component-floating-radius, var(--leaf-radius-lg));--leaf-surface-padding: var(--leaf-component-floating-padding, 6px);--leaf-surface-border: 1px;--leaf-surface-padding-top: var( --leaf-component-floating-padding-top, var(--leaf-surface-padding) );--leaf-surface-padding-right: var( --leaf-component-floating-padding-right, var(--leaf-surface-padding) );--leaf-surface-padding-bottom: var( --leaf-component-floating-padding-bottom, var(--leaf-surface-padding) );--leaf-surface-padding-left: var( --leaf-component-floating-padding-left, var(--leaf-surface-padding) );--leaf-floating-option-radius: var(--leaf-surface-inner-radius);--leaf-popup-x: 0px;--leaf-popup-y: -4px;--leaf-popup-origin-x: center;--leaf-popup-origin-y: top;box-sizing:border-box;position:fixed;z-index:var(--leaf-z-index-popup, 1000);max-width:min(420px,100vw - 24px);max-height:min(360px,100vh - 32px);overflow:auto;border:var(--leaf-surface-border) solid var(--leaf-color-border);color:var(--leaf-color-text);font-family:var(--leaf-font-family);font-size:var(--leaf-font-size);line-height:1.5;background:var(--leaf-color-surface-raised, var(--leaf-color-surface));box-shadow:var(--leaf-shadow-md);overscroll-behavior:contain;opacity:1;translate:0 0;scale:1;transform-origin:var(--leaf-popup-origin-x) var(--leaf-popup-origin-y);transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),translate var(--leaf-motion-slow) var(--leaf-motion-easing),scale var(--leaf-motion-slow) var(--leaf-motion-easing)}.leaf-floating[data-side=top]{--leaf-popup-y: 4px;--leaf-popup-origin-y: bottom}.leaf-floating[data-side=left]{--leaf-popup-x: 6px;--leaf-popup-y: 0px;--leaf-popup-origin-x: right;--leaf-popup-origin-y: center}.leaf-floating[data-side=right]{--leaf-popup-x: -6px;--leaf-popup-y: 0px;--leaf-popup-origin-x: left;--leaf-popup-origin-y: center}@starting-style{.leaf-floating{opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.985}}.leaf-floating[data-positioned=false]{opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.985}.leaf-floating[data-state=closing]{pointer-events:none;opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.98;transition-duration:var(--leaf-motion-duration);transition-timing-function:var(--leaf-motion-easing)}.leaf-floating:focus{outline:none}@media(prefers-reduced-motion: reduce){.leaf-floating,.leaf-floating[data-state=closing]{transition:none}}.leaf-form-value{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);opacity:0;pointer-events:none}.leaf-floating__option{box-sizing:border-box;display:flex;width:100%;min-height:var(--leaf-density-option-height);align-items:center;gap:8px;padding:var(--leaf-density-option-padding) var(--leaf-density-field-padding);padding-block:min(var(--leaf-density-option-padding),max(0px,(var(--leaf-density-option-height) - 1.4em)/2));border:0;border-radius:var(--leaf-floating-option-radius, var(--leaf-radius-sm));color:inherit;background:rgba(0,0,0,0);font:inherit;line-height:1.4;text-align:start;cursor:pointer;transition:color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),box-shadow var(--leaf-motion-fast) var(--leaf-motion-easing)}.leaf-floating__option+.leaf-floating__option{margin-top:2px}.leaf-floating__option:hover:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):not([aria-checked=true]),.leaf-floating__option:focus-visible:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):not([aria-checked=true]),.leaf-floating__option[data-highlighted=true]:not([aria-disabled=true]):not([aria-selected=true]):not([aria-checked=true]){background:var(--leaf-color-option-hover)}.leaf-floating__option:active:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):not([aria-checked=true]){background:var(--leaf-color-option-hover)}.leaf-floating__option[aria-selected=true]{color:var(--leaf-color-primary);font-weight:var(--leaf-font-weight);background:var(--leaf-color-primary-surface-9)}.leaf-floating__option:disabled,.leaf-floating__option[aria-disabled=true]{color:var(--leaf-color-text-muted);cursor:not-allowed;opacity:.55}.leaf-floating__option:focus-visible{outline:2px solid var(--leaf-color-primary);outline-offset:-2px}.leaf-floating__option-label{min-width:0;overflow-wrap:anywhere}.leaf-floating__options{display:flex;flex-direction:column;gap:2px}@media(prefers-reduced-motion: reduce){.leaf-floating__option{transition:none}}.leaf-floating__highlight{position:absolute;top:0;left:0;box-sizing:border-box;width:var(--leaf-option-highlight-width, 0px);height:var(--leaf-option-highlight-height, var(--leaf-density-option-height));translate:var(--leaf-option-highlight-x, 0px) var(--leaf-option-highlight-y, 0px);border:1px solid var(--leaf-color-border-alpha-55);border-radius:var(--leaf-floating-option-radius);background:var(--leaf-color-option-hover);pointer-events:none;transition:translate var(--leaf-motion-duration) var(--leaf-motion-spring),height var(--leaf-motion-fast) var(--leaf-motion-easing),width var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),border-color var(--leaf-motion-fast) var(--leaf-motion-easing)}.leaf-floating__highlight[data-ready=false],.leaf-floating__highlight[data-hidden]{visibility:hidden}.leaf-floating__highlight[data-selected]{background:var(--leaf-color-primary-surface-9);border-color:var(--leaf-color-primary-alpha-15)}.leaf-floating[data-hover-motion] .leaf-floating__option{position:relative;z-index:1}.leaf-floating[data-hover-motion] .leaf-floating__option:hover:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]),.leaf-floating[data-hover-motion] .leaf-floating__option:focus-visible:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]),.leaf-floating[data-hover-motion] .leaf-floating__option[data-highlighted]:not([aria-disabled=true]):not([aria-selected=true]),.leaf-floating[data-hover-motion] .leaf-floating__option:active:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]){background:rgba(0,0,0,0)}.leaf-floating[data-selection=candidate] .leaf-floating__option[aria-selected=true]{color:inherit;font-weight:inherit;background:rgba(0,0,0,0)}.leaf-floating[data-selection=candidate] .leaf-floating__option[aria-selected=true]:not(:disabled):not([aria-disabled=true]){background:var(--leaf-color-option-hover)}.leaf-floating[data-selection=candidate][data-hover-motion] .leaf-floating__option[aria-selected=true]:not(:disabled):not([aria-disabled=true]){background:rgba(0,0,0,0)}@media(prefers-reduced-motion: reduce){.leaf-floating__highlight{transition:none}}.leaf-floating__empty{padding:12px 10px;color:var(--leaf-color-text-muted);font-size:var(--leaf-font-size-sm);text-align:center}.leaf-floating__empty--feedback{box-sizing:border-box;display:flex;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px}.leaf-floating__empty--feedback>svg{flex:none}.leaf-floating__empty--feedback>div{min-width:0;max-width:100%;overflow-wrap:anywhere}.leaf-floating__loading-icon{color:var(--leaf-color-primary);animation:var(--leaf-motion-animation, leaf-floating-spin calc(var(--leaf-motion-duration) * 4) linear infinite);animation-play-state:var(--leaf-motion-play-state, running)}@keyframes leaf-floating-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.leaf-floating__loading-icon{animation:none}}.leaf-button{--leaf-button-color: var(--leaf-color-primary);--leaf-button-color-alpha-18: var(--leaf-color-primary-alpha-18);--leaf-button-color-alpha-25: var(--leaf-color-primary-alpha-25);--leaf-button-color-alpha-42: var(--leaf-color-primary-alpha-42);--leaf-button-on-color: var(--leaf-color-on-primary);--leaf-focus-color: var(--leaf-button-color-alpha-42);--leaf-button-hover: var(--leaf-color-primary-hover, var(--leaf-button-color));--leaf-button-active: var(--leaf-color-primary-active, var(--leaf-button-color));--leaf-button-soft-hover: var(--leaf-color-primary-soft-hover, var(--leaf-button-color-alpha-18));--leaf-button-soft-active: var( --leaf-color-primary-soft-active, var(--leaf-button-color-alpha-25) );--leaf-button-border: var(--leaf-color-primary-border, var(--leaf-button-color-alpha-42));box-sizing:border-box;display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--leaf-component-button-gap, 6px);min-height:var(--leaf-button-height, var(--leaf-current-control-height));padding:var(--leaf-component-button-padding, 0 calc(var(--leaf-button-height, var(--leaf-current-control-height)) * 0.42));border:1px solid rgba(0,0,0,0);border-radius:var(--leaf-component-button-radius, var(--leaf-button-radius, var(--leaf-radius)));font-family:var(--leaf-font-family);font-size:var(--leaf-component-button-font-size, var(--leaf-current-font-size));font-weight:var(--leaf-font-weight);line-height:1.5;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;appearance:none;transition:background-color var(--leaf-motion-duration) var(--leaf-motion-easing),border-color var(--leaf-motion-duration) var(--leaf-motion-easing),color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing),opacity var(--leaf-motion-duration) var(--leaf-motion-easing);--leaf-current-font-size: var(--leaf-font-size);--leaf-current-control-height: var(--leaf-control-height, 36px)}.leaf-button--sm{--leaf-current-control-height: var(--leaf-control-height-sm, 30px);--leaf-current-font-size: var(--leaf-font-size-sm, 12px)}.leaf-button--lg{--leaf-current-control-height: var(--leaf-control-height-lg, 42px);--leaf-current-font-size: var(--leaf-font-size-lg, 16px)}.leaf-button:focus-visible{outline:3px solid var(--leaf-color-focus, var(--leaf-focus-color, var(--leaf-color-primary-alpha-42)));outline-offset:2px}.leaf-button:disabled{cursor:not-allowed;opacity:.45}.leaf-button[data-loading]{cursor:default;opacity:1}.leaf-button__wave{position:absolute;z-index:1;inset:-1px;box-sizing:border-box;border-radius:inherit;color:var(--leaf-button-color);box-shadow:0 0 0 0 currentColor;opacity:0;pointer-events:none}.leaf-button__content{display:inline-flex;align-items:center;justify-content:center;gap:inherit;min-width:0;transition:opacity var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring)}.leaf-button__loading{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(0.7);pointer-events:none;transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring)}.leaf-button[data-loading] .leaf-button__content{opacity:0;transform:translateY(3px)}.leaf-button[data-loading] .leaf-button__loading{opacity:1;transform:scale(1)}.leaf-button[data-loading] .leaf-button__spinner{animation:var(--leaf-motion-animation, leaf-spin calc(var(--leaf-motion-duration) * 4.5) linear infinite);animation-play-state:var(--leaf-motion-play-state, running)}.leaf-button--danger{--leaf-button-color: var(--leaf-color-danger);--leaf-button-color-alpha-18: var(--leaf-color-danger-alpha-18);--leaf-button-color-alpha-25: var(--leaf-color-danger-alpha-25);--leaf-button-color-alpha-42: var(--leaf-color-danger-alpha-42);--leaf-button-on-color: var(--leaf-color-on-danger);--leaf-button-hover: var(--leaf-color-danger-hover, var(--leaf-button-color));--leaf-button-active: var(--leaf-color-danger-active, var(--leaf-button-color));--leaf-button-soft-hover: var(--leaf-button-color-alpha-18);--leaf-button-soft-active: var(--leaf-button-color-alpha-25);--leaf-button-border: var(--leaf-button-color-alpha-42)}.leaf-button--solid{color:var(--leaf-button-on-color);background:var(--leaf-button-color);border-color:rgba(0,0,0,0);box-shadow:none}.leaf-button--solid:hover:not(:disabled){background:var(--leaf-button-hover)}.leaf-button--solid:active:not(:disabled){background:var(--leaf-button-active);box-shadow:none}.leaf-button--ghost{color:var(--leaf-color-text);background:rgba(0,0,0,0)}.leaf-button--ghost:hover:not(:disabled){background:var(--leaf-color-surface-muted)}.leaf-button--ghost:active:not(:disabled){background:var(--leaf-color-border)}.leaf-button--danger.leaf-button--ghost{color:var(--leaf-button-color)}.leaf-button--danger.leaf-button--ghost:hover:not(:disabled){color:var(--leaf-button-hover);background:var(--leaf-button-soft-hover)}.leaf-button--danger.leaf-button--ghost:active:not(:disabled){color:var(--leaf-button-active);background:var(--leaf-button-soft-active)}.leaf-button--outline{color:var(--leaf-color-text);background:var(--leaf-color-surface);border-color:var(--leaf-component-button-border-color, var(--leaf-color-border));box-shadow:var(--leaf-component-button-shadow, 0 1px 2px rgba(0, 0, 0, 0.04))}.leaf-button--outline:hover:not(:disabled){color:var(--leaf-button-hover);border-color:var(--leaf-button-hover)}.leaf-button--outline:active:not(:disabled){color:var(--leaf-button-active);border-color:var(--leaf-button-active)}.leaf-button--danger.leaf-button--outline{color:var(--leaf-color-danger);border-color:var(--leaf-component-button-border-color, var(--leaf-button-border))}.leaf-button--icon-only{width:var(--leaf-button-height, var(--leaf-current-control-height));padding:0}.leaf-button--full-width{width:100%}.leaf-button--link{align-self:center;min-height:0;padding:0;border:0;border-radius:0;color:var(--leaf-button-color);background:rgba(0,0,0,0);box-shadow:none}.leaf-button--link:hover:not(:disabled){color:var(--leaf-button-hover)}.leaf-button--link:active:not(:disabled){color:var(--leaf-button-active)}.leaf-button--link.leaf-button--icon-only{width:auto}.leaf-button__icon,.leaf-button__spinner{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:16px;height:16px}.leaf-button__icon svg,.leaf-button__spinner svg{width:100%;height:100%}@keyframes leaf-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.leaf-button,.leaf-button__content,.leaf-button__loading{transition:none}.leaf-button[data-loading] .leaf-button__spinner{animation:none}.leaf-button__wave{display:none}}@media(forced-colors: active){.leaf-button__wave{display:none}.leaf-button{border-color:ButtonText}.leaf-button:disabled{color:GrayText;border-color:GrayText}.leaf-button:focus-visible{outline-color:Highlight}}.leaf-button-group{display:inline-flex;align-items:stretch;gap:8px}.leaf-button-group--attached{gap:0}.leaf-button-group--attached>.leaf-button{position:relative}.leaf-button-group--attached>.leaf-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.leaf-button-group--attached>.leaf-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.leaf-button-group--attached>.leaf-button:hover:not(:disabled),.leaf-button-group--attached>.leaf-button:active:not(:disabled),.leaf-button-group--attached>.leaf-button:focus-visible{z-index:1}.leaf-button-group{border:0;padding:0;margin:0;min-width:0}.leaf-split-button{isolation:isolate}.leaf-split-button.leaf-button-group--attached>.leaf-button{z-index:1}.leaf-split-button>.leaf-button--outline{--leaf-split-button-divider-color: var( --leaf-component-button-border-color, var(--leaf-color-border) )}.leaf-split-button>.leaf-button--outline.leaf-button--danger{--leaf-split-button-divider-color: var( --leaf-component-button-border-color, var(--leaf-button-border) )}.leaf-split-button>.leaf-button--outline:first-child{border-inline-end-color:var(--leaf-split-button-divider-color)}.leaf-split-button>.leaf-button--outline:not(:first-child){border-inline-start-color:var(--leaf-split-button-divider-color)}.leaf-split-button>.leaf-button+.leaf-button:not(.leaf-button--outline){margin-inline-start:0}.leaf-split-button>.leaf-button+.leaf-button::before{content:"";position:absolute;z-index:2;inset-block:22%;inset-inline-start:0;width:1px;background:var(--leaf-component-button-border-color, var(--leaf-color-border));pointer-events:none}.leaf-split-button>.leaf-button+.leaf-button.leaf-button--solid::before{background:color-mix(in srgb, var(--leaf-button-on-color) 32%, transparent)}.leaf-split-button>.leaf-button+.leaf-button.leaf-button--outline::before{display:none}.leaf-split-button>.leaf-button+.leaf-button.leaf-button--link{margin-inline-start:8px}.leaf-split-button>.leaf-button+.leaf-button.leaf-button--link::before{inset-inline-start:-4px}@media(forced-colors: active){.leaf-split-button>.leaf-button+.leaf-button::before,.leaf-split-button>.leaf-button+.leaf-button.leaf-button--solid::before{background:ButtonText}}.leaf-button{--leaf-current-control-height: var(--leaf-component-button-height, var(--leaf-control-height));--leaf-current-font-size: var(--leaf-component-button-font-size, var(--leaf-font-size))}.leaf-button--sm{--leaf-current-control-height: var( --leaf-component-button-height-sm, var(--leaf-control-height-sm) );--leaf-current-font-size: var(--leaf-font-size-sm)}.leaf-button--lg{--leaf-current-control-height: var( --leaf-component-button-height-lg, var(--leaf-control-height-lg) );--leaf-current-font-size: var(--leaf-font-size-lg)}.leaf-alert{--leaf-feedback-color: var(--leaf-color-success);--leaf-feedback-color-border-12: var(--leaf-color-success-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-success-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-success-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-success-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-success-alpha-8);display:flex;align-items:flex-start;gap:var(--leaf-component-alert-gap, 12px);color:var(--leaf-component-alert-color, var(--leaf-color-text));font:var(--leaf-font-size)/1.5 var(--leaf-font-family);border-radius:var(--leaf-component-alert-radius, var(--leaf-radius-md));border:1px solid var(--leaf-component-alert-border-color, var(--leaf-color-divider));padding:var(--leaf-component-alert-padding, 14px 16px)}.leaf-alert--info{--leaf-feedback-color: var(--leaf-color-info);--leaf-feedback-color-border-12: var(--leaf-color-info-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-info-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-info-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-info-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-info-alpha-8)}.leaf-alert--warning{--leaf-feedback-color: var(--leaf-color-warning);--leaf-feedback-color-border-12: var(--leaf-color-warning-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-warning-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-warning-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-warning-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-warning-alpha-8)}.leaf-alert--error{--leaf-feedback-color: var(--leaf-color-danger);--leaf-feedback-color-border-12: var(--leaf-color-danger-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-danger-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-danger-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-danger-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-danger-alpha-8)}.leaf-alert{box-sizing:border-box}.leaf-alert:not([data-description]){align-items:center}.leaf-alert{max-height:var(--leaf-alert-height, none);transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),max-height var(--leaf-motion-duration) var(--leaf-motion-easing),padding-block var(--leaf-motion-duration) var(--leaf-motion-easing),border-block-width var(--leaf-motion-duration) var(--leaf-motion-easing),border-color var(--leaf-motion-duration) var(--leaf-motion-easing),background-color var(--leaf-motion-duration) var(--leaf-motion-easing);background:var(--leaf-component-alert-background, var(--leaf-color-surface-muted))}.leaf-alert[data-state=closing]{max-height:0;opacity:0;padding-block:0;border-block-width:0;overflow:hidden;pointer-events:none}.leaf-alert__icon{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;height:28px;border-radius:8px;color:var(--leaf-feedback-color);background:rgba(0,0,0,0)}.leaf-alert__content{flex:1;min-width:0}.leaf-alert__title{min-height:0;display:flex;align-items:center;font-weight:var(--leaf-font-weight)}.leaf-alert__description{margin-block-start:2px;color:var(--leaf-color-text-muted);font-size:var(--leaf-font-size-sm)}.leaf-alert__close{align-items:center;justify-content:center;min-width:28px;min-height:28px;transition:color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-fast) var(--leaf-motion-spring)}.leaf-alert__close:hover{color:var(--leaf-color-text);background:var(--leaf-color-border-surface-35)}.leaf-alert__close:active{transform:scale(0.88)}@media(prefers-reduced-motion: reduce){.leaf-alert,.leaf-alert__close{transition:none}}.leaf-alert__close,.leaf-message__close{flex-shrink:0;display:inline-flex;border:0;padding:2px;border-radius:4px;background:rgba(0,0,0,0);color:var(--leaf-color-text-muted);cursor:pointer}.leaf-alert__close:focus-visible,.leaf-message__close:focus-visible{outline:2px solid var(--leaf-feedback-color)}.leaf-confirm{--leaf-feedback-color: var(--leaf-color-text);--leaf-feedback-color-border-12: var(--leaf-color-text-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-text-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-text-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-text-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-text-alpha-8)}.leaf-confirm--danger{--leaf-feedback-color: var(--leaf-color-danger);--leaf-feedback-color-border-12: var(--leaf-color-danger-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-danger-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-danger-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-danger-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-danger-alpha-8)}.leaf-confirm--success{--leaf-feedback-color: var(--leaf-color-success);--leaf-feedback-color-border-12: var(--leaf-color-success-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-success-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-success-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-success-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-success-alpha-8)}.leaf-confirm--warning{--leaf-feedback-color: var(--leaf-color-warning);--leaf-feedback-color-border-12: var(--leaf-color-warning-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-warning-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-warning-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-warning-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-warning-alpha-8)}.leaf-confirm--info{--leaf-feedback-color: var(--leaf-color-info);--leaf-feedback-color-border-12: var(--leaf-color-info-border-12);--leaf-feedback-color-surface-5: var(--leaf-color-info-surface-5);--leaf-feedback-color-alpha-10: var(--leaf-color-info-alpha-10);--leaf-feedback-color-alpha-15: var(--leaf-color-info-alpha-15);--leaf-feedback-color-alpha-8: var(--leaf-color-info-alpha-8)}.leaf-confirm>.leaf-modal__body .leaf-modal__content{padding-block:12px 20px}.leaf-confirm__body{display:flex;align-items:flex-start;gap:12px}.leaf-confirm__content{flex:1;min-width:0}.leaf-confirm__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;height:24px;color:var(--leaf-feedback-color);scale:1;opacity:1;transition:scale var(--leaf-motion-slow) var(--leaf-motion-spring),opacity var(--leaf-motion-duration) var(--leaf-motion-easing)}@starting-style{.leaf-confirm__icon{scale:.82;opacity:0}}.leaf-confirm__icon>svg{width:24px;height:24px}.leaf-confirm--default .leaf-confirm__icon{color:var(--leaf-color-text-muted)}.leaf-confirm-description{font-size:var(--leaf-component-confirm-font-size, calc(var(--leaf-font-size) + 1px));color:var(--leaf-component-confirm-color, var(--leaf-color-text));line-height:var(--leaf-line-height);overflow-wrap:anywhere}.leaf-confirm-error{margin-block:12px 0;padding:8px 10px;border-radius:var(--leaf-radius-sm);color:var(--leaf-color-danger);background:var(--leaf-color-danger-alpha-7);opacity:1;translate:0 0;transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),translate var(--leaf-motion-duration) var(--leaf-motion-easing)}@starting-style{.leaf-confirm-error{opacity:0;translate:0 4px}}.leaf-feedback-spinner{animation:var(--leaf-motion-animation, leaf-spin calc(var(--leaf-motion-duration) * 4.5) linear infinite);animation-play-state:var(--leaf-motion-play-state, running)}@media(prefers-reduced-motion: reduce){.leaf-confirm__icon,.leaf-confirm-error{transition:none}.leaf-feedback-spinner{animation:none}}