@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/cascader/cascader.js

@@ -0,0 +1,383 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, ChevronDown, ChevronRight, LoaderCircle } from "lucide-react";
+import { forwardRef, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { FieldScope, useFormField } from "../form/form.js";
+import { InputControl } from "../input/input.js";
+import { ScrollbarControl } from "../scrollbar/scrollbar.js";
+import { classes } from "../shared/classes.js";
+import { ClearButton } from "../shared/clear-button.js";
+import { FormValue, useFieldValue, useMergedRef } from "../shared/field.js";
+import { FloatingPanel, useFloatingDismiss, usePopupState } from "../shared/floating.js";
+import { SelectionContent } from "../shared/selection-content.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
+const emptyPath = [];
+function resolvePath(options, values) {
+    const path = [];
+    let level = options;
+    for (const value of values){
+        const option = level.find((item)=>item.value === value);
+        if (!option) break;
+        path.push(option);
+        level = option.children ?? [];
+    }
+    return path;
+}
+const cascader_Cascader = /*#__PURE__*/ forwardRef(function(rawProps, forwardedRef) {
+    const { options: suppliedOptions, value, defaultValue = emptyPath, size = 'md', status: statusProp, placeholder, name, form, required: requiredProp, allowClear = true, disabled: disabledProp, className, style, onChange, onOpenChange, open: controlledOpen, defaultOpen, multiple = false, readOnly, showSearch, changeOnSelect, displayRender, optionRender, loadData, onLoadError, cacheKey, tagWrap = true, maxTagCount, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, onClick, onKeyDown, 'aria-label': ariaLabel, id: idProp, 'aria-describedby': ariaDescribedByProp, 'aria-invalid': ariaInvalid, ...props } = useComponentProps('Cascader', rawProps);
+    const { messages, direction } = useLeafConfig();
+    const format = useFormattedText();
+    const [loaded, setLoaded] = useState(new Map());
+    const [loading, setLoading] = useState(new Set());
+    const requests = useRef(new Map());
+    useEffect(()=>{
+        for (const request of requests.current.values())request.abort();
+        requests.current.clear();
+        setLoaded(new Map());
+        setLoading(new Set());
+        return ()=>{
+            for (const request of requests.current.values())request.abort();
+        };
+    }, [
+        suppliedOptions,
+        loadData,
+        cacheKey
+    ]);
+    const options = useMemo(()=>{
+        const merge = (entries)=>entries.map((option)=>{
+                const children = option.children ?? loaded.get(option.value);
+                return children ? {
+                    ...option,
+                    children: merge(children),
+                    isLeaf: !children.length
+                } : option;
+            });
+        return merge(suppliedOptions);
+    }, [
+        suppliedOptions,
+        loaded
+    ]);
+    const field = useFormField();
+    const disabled = disabledProp || field?.disabled;
+    const required = requiredProp ?? field?.required;
+    const status = statusProp ?? (field?.error ? 'error' : void 0);
+    const id = idProp ?? field?.id;
+    const ariaDescribedBy = [
+        ariaDescribedByProp,
+        field?.descriptionId
+    ].filter(Boolean).join(' ') || void 0;
+    const triggerRef = useRef(null);
+    const panelRef = useRef(null);
+    const ref = useMergedRef(triggerRef, forwardedRef);
+    const panelId = `${useId()}-cascader`;
+    const [selectedValue, setSelectedValue] = useFieldValue(value, defaultValue, triggerRef, form);
+    const paths = multiple ? selectedValue : selectedValue.length ? [
+        selectedValue
+    ] : [];
+    const [draft, setDraft] = useState(paths[0] ?? []);
+    const [query, setQuery] = useState('');
+    const [open, setOpen] = usePopupState(disabled || readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const [focusLevel, setFocusLevel] = useState(null);
+    const selectedPaths = paths.map((path)=>resolvePath(options, path));
+    const caption = (path)=>displayRender?.(path.map((option)=>option.label), path) ?? path.map((option)=>option.searchLabel ?? ('string' == typeof option.label ? option.label : option.value)).join(' / ');
+    const searchResults = [];
+    const visit = (entries, path)=>{
+        for (const entry of entries){
+            const next = [
+                ...path,
+                entry
+            ];
+            if (!entry.disabled) {
+                if (changeOnSelect || !entry.children?.length && (!loadData || false !== entry.isLeaf)) {
+                    if (next.map((option)=>option.searchLabel ?? ('string' == typeof option.label ? option.label : option.value)).join(' / ').toLocaleLowerCase().includes(query.toLocaleLowerCase())) searchResults.push(next);
+                }
+                if (entry.children) visit(entry.children, next);
+            }
+        }
+    };
+    if (query) visit(options, []);
+    const draftOptions = resolvePath(options, draft);
+    const levels = [
+        options
+    ];
+    for (const option of draftOptions)if (option.children?.length) levels.push(option.children);
+    const close = ()=>{
+        setOpen(false);
+    };
+    useFloatingDismiss(open, close, triggerRef, panelRef);
+    useEffect(()=>{
+        if (open && null !== focusLevel) {
+            const column = panelRef.current?.querySelector(`[data-level='${focusLevel}']`);
+            const option = column?.querySelector('button[aria-selected="true"]:not(:disabled)') ?? column?.querySelector('button:not(:disabled)');
+            option?.focus();
+            option?.scrollIntoView?.({
+                block: 'nearest'
+            });
+            setFocusLevel(null);
+        }
+    }, [
+        open,
+        focusLevel
+    ]);
+    const openPanel = ()=>{
+        if (disabled) return;
+        setDraft(paths[0] ?? []);
+        setFocusLevel(0);
+        setOpen(true);
+    };
+    const choose = (option, level)=>{
+        if (option.disabled || disabled || readOnly) return;
+        const next = [
+            ...draft.slice(0, level),
+            option.value
+        ];
+        setDraft(next);
+        if (loadData && false === option.isLeaf && void 0 === option.children && !requests.current.has(option.value)) {
+            const request = new AbortController();
+            requests.current.set(option.value, request);
+            setLoading((previous)=>new Set(previous).add(option.value));
+            loadData(option, request.signal).then((children)=>{
+                if (!request.signal.aborted) setLoaded((previous)=>new Map(previous).set(option.value, children));
+            }).catch((error)=>{
+                if (!request.signal.aborted) onLoadError?.(error, option);
+            }).finally(()=>{
+                if (requests.current.get(option.value) === request) {
+                    requests.current.delete(option.value);
+                    setLoading((previous)=>{
+                        const next = new Set(previous);
+                        next.delete(option.value);
+                        return next;
+                    });
+                }
+            });
+            return;
+        }
+        if (changeOnSelect || !option.children?.length && false !== option.isLeaf) commit(next, !option.children?.length);
+    };
+    const commit = (path, leaf = true)=>{
+        if (disabled || readOnly) return;
+        const next = multiple ? paths.some((current)=>JSON.stringify(current) === JSON.stringify(path)) ? paths.filter((current)=>JSON.stringify(current) !== JSON.stringify(path)).map((current)=>[
+                ...current
+            ]) : [
+            ...paths.map((current)=>[
+                    ...current
+                ]),
+            path
+        ] : path;
+        setSelectedValue(next);
+        onChange?.(next, multiple ? next.map((path)=>resolvePath(options, path)) : resolvePath(options, path));
+        if (!multiple && leaf) {
+            close();
+            triggerRef.current?.focus();
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: classes('leaf-cascader', `leaf-cascader--${size}`, multiple && 'leaf-cascader--multiple', className),
+        style: style,
+        "data-status": status,
+        "data-disabled": disabled ? '' : void 0,
+        "data-open": open ? '' : void 0,
+        "data-clearable": allowClear && selectedValue.length && !disabled && !readOnly ? '' : void 0,
+        children: [
+            /*#__PURE__*/ jsxs("button", {
+                ...props,
+                ref: ref,
+                type: "button",
+                form: form,
+                className: "leaf-cascader__trigger",
+                disabled: disabled,
+                role: "combobox",
+                "aria-expanded": open,
+                "aria-haspopup": "dialog",
+                "aria-controls": panelId,
+                "aria-label": ariaLabel,
+                id: id,
+                "aria-describedby": ariaDescribedBy,
+                "aria-invalid": 'error' === status ? true : ariaInvalid,
+                "aria-required": required || void 0,
+                onClick: (event)=>{
+                    onClick?.(event);
+                    if (!event.defaultPrevented) if (open) close();
+                    else openPanel();
+                },
+                onKeyDown: (event)=>{
+                    onKeyDown?.(event);
+                    if (event.defaultPrevented) return;
+                    if ('ArrowDown' === event.key) {
+                        event.preventDefault();
+                        if (!open) openPanel();
+                    }
+                    if ('Escape' === event.key) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        close();
+                    }
+                },
+                children: [
+                    multiple && selectedPaths.length ? /*#__PURE__*/ jsx(SelectionContent, {
+                        className: "leaf-cascader__value",
+                        tagClassName: "leaf-cascader__tag",
+                        tagWrap: tagWrap,
+                        maxTagCount: maxTagCount,
+                        items: selectedPaths.map((path, index)=>({
+                                key: JSON.stringify(paths[index]),
+                                label: caption(path),
+                                text: path.map((option)=>option.searchLabel ?? ('string' == typeof option.label ? option.label : option.value)).join(' / ')
+                            }))
+                    }) : /*#__PURE__*/ jsx("span", {
+                        className: classes('leaf-cascader__value', !selectedPaths.length && 'leaf-cascader__placeholder'),
+                        children: selectedPaths.length ? selectedPaths.map((path, index)=>/*#__PURE__*/ jsxs("span", {
+                                children: [
+                                    index > 0 ? '、' : '',
+                                    caption(path)
+                                ]
+                            }, paths[index]?.join('/'))) : placeholder || messages.cascader.placeholder
+                    }),
+                    /*#__PURE__*/ jsx(ChevronDown, {
+                        size: 16,
+                        "aria-hidden": "true"
+                    })
+                ]
+            }),
+            allowClear && selectedValue.length > 0 && !disabled && !readOnly && /*#__PURE__*/ jsx(ClearButton, {
+                label: messages.cascader.clear,
+                beforeArrow: true,
+                onClear: ()=>{
+                    setSelectedValue([]);
+                    setDraft([]);
+                    onChange?.([], []);
+                    close();
+                    triggerRef.current?.focus();
+                }
+            }),
+            /*#__PURE__*/ jsx(FormValue, {
+                name: name,
+                form: form,
+                required: required,
+                disabled: disabled,
+                value: selectedValue.length ? JSON.stringify(selectedValue) : '',
+                triggerRef: triggerRef
+            }),
+            /*#__PURE__*/ jsxs(FloatingPanel, {
+                placement: popupPlacement,
+                container: getPopupContainer,
+                render: popupRender,
+                style: popupStyle,
+                open: open,
+                triggerRef: triggerRef,
+                panelRef: panelRef,
+                id: panelId,
+                className: classes('leaf-floating leaf-cascader__panel', popupClassName),
+                role: "dialog",
+                "aria-label": ariaLabel || messages.cascader.placeholder,
+                children: [
+                    showSearch && /*#__PURE__*/ jsx(FieldScope, {
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: "leaf-cascader__search",
+                            children: /*#__PURE__*/ jsx(InputControl, {
+                                allowClear: true,
+                                "aria-label": messages.common.search,
+                                value: query,
+                                onChange: (event)=>setQuery(event.target.value)
+                            })
+                        })
+                    }),
+                    query ? /*#__PURE__*/ jsx(ScrollbarControl, {
+                        role: "listbox",
+                        "aria-label": messages.common.search,
+                        className: "leaf-cascader__column",
+                        orientation: "vertical",
+                        maxHeight: 256,
+                        children: searchResults.length ? searchResults.map((path)=>/*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                role: "option",
+                                "aria-selected": paths.some((current)=>JSON.stringify(current) === JSON.stringify(path.map((option)=>option.value))),
+                                className: "leaf-floating__option",
+                                onClick: ()=>commit(path.map((option)=>option.value)),
+                                children: caption(path)
+                            }, path.map((option)=>option.value).join('/'))) : /*#__PURE__*/ jsx("div", {
+                            className: "leaf-floating__empty",
+                            children: messages.cascader.empty
+                        })
+                    }) : /*#__PURE__*/ jsx("div", {
+                        className: "leaf-cascader__columns",
+                        children: levels.map((level, depth)=>/*#__PURE__*/ jsx(ScrollbarControl, {
+                                className: "leaf-cascader__column",
+                                orientation: "vertical",
+                                maxHeight: 256,
+                                "data-level": depth,
+                                role: "listbox",
+                                "aria-label": format('cascader.level', {
+                                    level: depth + 1
+                                }),
+                                children: level.length ? level.map((option)=>/*#__PURE__*/ jsxs("button", {
+                                        type: "button",
+                                        role: "option",
+                                        className: "leaf-floating__option",
+                                        "aria-selected": draft[depth] === option.value,
+                                        disabled: option.disabled,
+                                        tabIndex: option.value === (draft[depth] ?? level.find((item)=>!item.disabled)?.value) ? 0 : -1,
+                                        onClick: ()=>{
+                                            choose(option, depth);
+                                            if (option.children?.length) setFocusLevel(depth + 1);
+                                        },
+                                        onKeyDown: (event)=>{
+                                            if (event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight') && (option.children?.length || false === option.isLeaf)) {
+                                                event.preventDefault();
+                                                choose(option, depth);
+                                                setFocusLevel(depth + 1);
+                                            } else if (event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') && depth > 0) {
+                                                event.preventDefault();
+                                                setFocusLevel(depth - 1);
+                                            } else if ([
+                                                'ArrowUp',
+                                                'ArrowDown',
+                                                'Home',
+                                                'End'
+                                            ].includes(event.key)) {
+                                                event.preventDefault();
+                                                const items = Array.from(event.currentTarget.parentElement?.querySelectorAll('button:not(:disabled)') ?? []);
+                                                const index = items.indexOf(event.currentTarget);
+                                                const next = 'Home' === event.key ? 0 : 'End' === event.key ? items.length - 1 : (index + ('ArrowDown' === event.key ? 1 : -1) + items.length) % items.length;
+                                                items[next]?.focus();
+                                                items[next]?.scrollIntoView?.({
+                                                    block: 'nearest'
+                                                });
+                                            }
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                children: optionRender?.(option) ?? option.label
+                                            }),
+                                            loading.has(option.value) ? /*#__PURE__*/ jsx(LoaderCircle, {
+                                                size: 14,
+                                                className: "leaf-select__spinner"
+                                            }) : option.children?.length || false === option.isLeaf ? /*#__PURE__*/ jsx(ChevronRight, {
+                                                size: 14,
+                                                "aria-hidden": "true"
+                                            }) : (multiple ? paths.some((path)=>JSON.stringify(path) === JSON.stringify([
+                                                    ...draft.slice(0, depth),
+                                                    option.value
+                                                ])) : draft[depth] === option.value) && /*#__PURE__*/ jsx(Check, {
+                                                size: 14,
+                                                className: "leaf-cascader__check",
+                                                "aria-hidden": "true"
+                                            })
+                                        ]
+                                    }, option.value)) : /*#__PURE__*/ jsx("div", {
+                                    className: "leaf-floating__empty",
+                                    children: messages.cascader.empty
+                                })
+                            }, 0 === depth ? 'root' : draft[depth - 1]))
+                    })
+                ]
+            })
+        ]
+    });
+});
+cascader_Cascader.displayName = 'Cascader';
+export { cascader_Cascader as Cascader };
+
+//# sourceMappingURL=cascader.js.map

package/dist/esm/cascader/cascader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader/cascader.js","sources":["../../../src/cascader/cascader.tsx"],"sourcesContent":["import { Check, ChevronDown, ChevronRight, LoaderCircle } from 'lucide-react';\nimport {\n  type ButtonHTMLAttributes,\n  forwardRef,\n  type ReactNode,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { FieldScope, useFormField } from '../form/form';\nimport { InputControl } from '../input/input';\nimport { ScrollbarControl as Scrollbar } from '../scrollbar/scrollbar';\nimport { classes } from '../shared/classes';\nimport { ClearButton } from '../shared/clear-button';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport {\n  FloatingPanel,\n  type PopupOptions,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { SelectionContent } from '../shared/selection-content';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useFormattedText } from '../shared/use-formatted-text';\n\nexport interface CascaderOption {\n  value: string;\n  label: ReactNode;\n  searchLabel?: string;\n  isLeaf?: boolean;\n  disabled?: boolean;\n  children?: readonly CascaderOption[];\n}\n\ninterface CascaderBaseProps\n  extends Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      'type' | 'value' | 'defaultValue' | 'onChange' | 'children'\n    >,\n    PopupOptions {\n  options: readonly CascaderOption[];\n  size?: ControlSize;\n  status?: ControlStatus;\n  placeholder?: string;\n  name?: string;\n  required?: boolean;\n  allowClear?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  readOnly?: boolean;\n  showSearch?: boolean;\n  changeOnSelect?: boolean;\n  displayRender?: (labels: ReactNode[], selectedOptions: CascaderOption[]) => ReactNode;\n  optionRender?: (option: CascaderOption) => ReactNode;\n  loadData?: (option: CascaderOption, signal: AbortSignal) => Promise<readonly CascaderOption[]>;\n  onLoadError?: (error: unknown, option: CascaderOption) => void;\n  cacheKey?: string | number;\n  tagWrap?: boolean;\n  maxTagCount?: number | 'responsive';\n}\nexport type CascaderProps = CascaderBaseProps &\n  (\n    | {\n        multiple?: false;\n        value?: readonly string[];\n        defaultValue?: readonly string[];\n        onChange?: (value: string[], selectedOptions: CascaderOption[]) => void;\n      }\n    | {\n        multiple: true;\n        value?: readonly (readonly string[])[];\n        defaultValue?: readonly (readonly string[])[];\n        onChange?: (value: string[][], selectedOptions: CascaderOption[][]) => void;\n      }\n  );\n\nconst emptyPath: readonly string[] = [];\nfunction resolvePath(options: readonly CascaderOption[], values: readonly string[]) {\n  const path: CascaderOption[] = [];\n  let level = options;\n  for (const value of values) {\n    const option = level.find((item) => item.value === value);\n    if (!option) break;\n    path.push(option);\n    level = option.children ?? [];\n  }\n  return path;\n}\n\nexport const Cascader = forwardRef<HTMLButtonElement, CascaderProps>(function Cascader(\n  rawProps: CascaderProps,\n  forwardedRef,\n) {\n  const {\n    options: suppliedOptions,\n    value,\n    defaultValue = emptyPath,\n    size = 'md',\n    status: statusProp,\n    placeholder,\n    name,\n    form,\n    required: requiredProp,\n    allowClear = true,\n    disabled: disabledProp,\n    className,\n    style,\n    onChange,\n    onOpenChange,\n    open: controlledOpen,\n    defaultOpen,\n    multiple = false,\n    readOnly,\n    showSearch,\n    changeOnSelect,\n    displayRender,\n    optionRender,\n    loadData,\n    onLoadError,\n    cacheKey,\n    tagWrap = true,\n    maxTagCount,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    onClick,\n    onKeyDown,\n    'aria-label': ariaLabel,\n    id: idProp,\n    'aria-describedby': ariaDescribedByProp,\n    'aria-invalid': ariaInvalid,\n    ...props\n  } = useComponentProps('Cascader', rawProps);\n  const { messages, direction } = useLeafConfig();\n  const format = useFormattedText();\n  const [loaded, setLoaded] = useState(new Map<string, readonly CascaderOption[]>());\n  const [loading, setLoading] = useState(new Set<string>());\n  const requests = useRef(new Map<string, AbortController>());\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Invalidate lazy children and abort requests when the source or explicit cache version changes.\n  useEffect(() => {\n    for (const request of requests.current.values()) request.abort();\n    requests.current.clear();\n    setLoaded(new Map());\n    setLoading(new Set());\n    return () => {\n      for (const request of requests.current.values()) request.abort();\n    };\n  }, [suppliedOptions, loadData, cacheKey]);\n  const options = useMemo(() => {\n    const merge = (entries: readonly CascaderOption[]): CascaderOption[] =>\n      entries.map((option) => {\n        const children = option.children ?? loaded.get(option.value);\n        return children\n          ? { ...option, children: merge(children), isLeaf: !children.length }\n          : option;\n      });\n    return merge(suppliedOptions);\n  }, [suppliedOptions, loaded]);\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const required = requiredProp ?? field?.required;\n  const status = statusProp ?? (field?.error ? 'error' : undefined);\n  const id = idProp ?? field?.id;\n  const ariaDescribedBy =\n    [ariaDescribedByProp, field?.descriptionId].filter(Boolean).join(' ') || undefined;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const ref = useMergedRef(triggerRef, forwardedRef);\n  const panelId = `${useId()}-cascader`;\n  const [selectedValue, setSelectedValue] = useFieldValue<\n    readonly string[] | readonly (readonly string[])[]\n  >(value, defaultValue, triggerRef, form);\n  const paths = multiple\n    ? (selectedValue as readonly (readonly string[])[])\n    : selectedValue.length\n      ? [selectedValue as readonly string[]]\n      : [];\n  const [draft, setDraft] = useState<readonly string[]>(paths[0] ?? []);\n  const [query, setQuery] = useState('');\n  const [open, setOpen] = usePopupState(\n    disabled || readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const [focusLevel, setFocusLevel] = useState<number | null>(null);\n  const selectedPaths = paths.map((path) => resolvePath(options, path));\n  const caption = (path: CascaderOption[]) =>\n    displayRender?.(\n      path.map((option) => option.label),\n      path,\n    ) ??\n    path\n      .map(\n        (option) =>\n          option.searchLabel ?? (typeof option.label === 'string' ? option.label : option.value),\n      )\n      .join(' / ');\n  const searchResults: CascaderOption[][] = [];\n  const visit = (entries: readonly CascaderOption[], path: CascaderOption[]) => {\n    for (const entry of entries) {\n      const next = [...path, entry];\n      if (entry.disabled) continue;\n      if (changeOnSelect || (!entry.children?.length && (!loadData || entry.isLeaf !== false))) {\n        if (\n          next\n            .map(\n              (option) =>\n                option.searchLabel ??\n                (typeof option.label === 'string' ? option.label : option.value),\n            )\n            .join(' / ')\n            .toLocaleLowerCase()\n            .includes(query.toLocaleLowerCase())\n        )\n          searchResults.push(next);\n      }\n      if (entry.children) visit(entry.children, next);\n    }\n  };\n  if (query) visit(options, []);\n  const draftOptions = resolvePath(options, draft);\n  const levels: (readonly CascaderOption[])[] = [options];\n  for (const option of draftOptions) if (option.children?.length) levels.push(option.children);\n  const close = () => {\n    setOpen(false);\n  };\n  useFloatingDismiss(open, close, triggerRef, panelRef);\n  useEffect(() => {\n    if (open && focusLevel !== null) {\n      const column = panelRef.current?.querySelector<HTMLElement>(`[data-level='${focusLevel}']`);\n      const option =\n        column?.querySelector<HTMLButtonElement>('button[aria-selected=\"true\"]:not(:disabled)') ??\n        column?.querySelector<HTMLButtonElement>('button:not(:disabled)');\n      option?.focus();\n      option?.scrollIntoView?.({ block: 'nearest' });\n      setFocusLevel(null);\n    }\n  }, [open, focusLevel]);\n\n  const openPanel = () => {\n    if (disabled) return;\n    setDraft(paths[0] ?? []);\n    setFocusLevel(0);\n    setOpen(true);\n  };\n  const choose = (option: CascaderOption, level: number) => {\n    if (option.disabled || disabled || readOnly) return;\n    const next = [...draft.slice(0, level), option.value];\n    setDraft(next);\n    if (\n      loadData &&\n      option.isLeaf === false &&\n      option.children === undefined &&\n      !requests.current.has(option.value)\n    ) {\n      const request = new AbortController();\n      requests.current.set(option.value, request);\n      setLoading((previous) => new Set(previous).add(option.value));\n      void loadData(option, request.signal)\n        .then((children) => {\n          if (!request.signal.aborted)\n            setLoaded((previous) => new Map(previous).set(option.value, children));\n        })\n        .catch((error) => {\n          if (!request.signal.aborted) onLoadError?.(error, option);\n        })\n        .finally(() => {\n          if (requests.current.get(option.value) === request) {\n            requests.current.delete(option.value);\n            setLoading((previous) => {\n              const next = new Set(previous);\n              next.delete(option.value);\n              return next;\n            });\n          }\n        });\n      return;\n    }\n    if (changeOnSelect || (!option.children?.length && option.isLeaf !== false))\n      commit(next, !option.children?.length);\n  };\n  const commit = (path: string[], leaf = true) => {\n    if (disabled || readOnly) return;\n    const next = multiple\n      ? paths.some((current) => JSON.stringify(current) === JSON.stringify(path))\n        ? paths\n            .filter((current) => JSON.stringify(current) !== JSON.stringify(path))\n            .map((current) => [...current])\n        : [...paths.map((current) => [...current]), path]\n      : path;\n    setSelectedValue(next);\n    (\n      onChange as\n        | ((value: string[] | string[][], options: CascaderOption[] | CascaderOption[][]) => void)\n        | undefined\n    )?.(\n      next,\n      multiple\n        ? (next as string[][]).map((path) => resolvePath(options, path))\n        : resolvePath(options, path),\n    );\n    if (!multiple && leaf) {\n      close();\n      triggerRef.current?.focus();\n    }\n  };\n\n  return (\n    <div\n      className={classes(\n        'leaf-cascader',\n        `leaf-cascader--${size}`,\n        multiple && 'leaf-cascader--multiple',\n        className,\n      )}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n      data-open={open ? '' : undefined}\n      data-clearable={allowClear && selectedValue.length && !disabled && !readOnly ? '' : undefined}\n    >\n      <button\n        {...props}\n        ref={ref}\n        type=\"button\"\n        form={form}\n        className=\"leaf-cascader__trigger\"\n        disabled={disabled}\n        role=\"combobox\"\n        aria-expanded={open}\n        aria-haspopup=\"dialog\"\n        aria-controls={panelId}\n        aria-label={ariaLabel}\n        id={id}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={status === 'error' ? true : ariaInvalid}\n        aria-required={required || undefined}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            if (open) close();\n            else openPanel();\n          }\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented) return;\n          if (event.key === 'ArrowDown') {\n            event.preventDefault();\n            if (!open) openPanel();\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            close();\n          }\n        }}\n      >\n        {multiple && selectedPaths.length ? (\n          <SelectionContent\n            className=\"leaf-cascader__value\"\n            tagClassName=\"leaf-cascader__tag\"\n            tagWrap={tagWrap}\n            maxTagCount={maxTagCount}\n            items={selectedPaths.map((path, index) => ({\n              key: JSON.stringify(paths[index]),\n              label: caption(path),\n              text: path\n                .map(\n                  (option) =>\n                    option.searchLabel ??\n                    (typeof option.label === 'string' ? option.label : option.value),\n                )\n                .join(' / '),\n            }))}\n          />\n        ) : (\n          <span\n            className={classes(\n              'leaf-cascader__value',\n              !selectedPaths.length && 'leaf-cascader__placeholder',\n            )}\n          >\n            {selectedPaths.length\n              ? selectedPaths.map((path, index) => (\n                  <span key={paths[index]?.join('/')}>\n                    {index > 0 ? '、' : ''}\n                    {caption(path)}\n                  </span>\n                ))\n              : placeholder || messages.cascader.placeholder}\n          </span>\n        )}\n        <ChevronDown size={16} aria-hidden=\"true\" />\n      </button>\n      {allowClear && selectedValue.length > 0 && !disabled && !readOnly && (\n        <ClearButton\n          label={messages.cascader.clear}\n          beforeArrow\n          onClear={() => {\n            setSelectedValue([]);\n            setDraft([]);\n            (onChange as ((value: [], options: []) => void) | undefined)?.([], []);\n            close();\n            triggerRef.current?.focus();\n          }}\n        />\n      )}\n      <FormValue\n        name={name}\n        form={form}\n        required={required}\n        disabled={disabled}\n        value={selectedValue.length ? JSON.stringify(selectedValue) : ''}\n        triggerRef={triggerRef}\n      />\n      <FloatingPanel\n        placement={popupPlacement}\n        container={getPopupContainer}\n        render={popupRender}\n        style={popupStyle}\n        open={open}\n        triggerRef={triggerRef}\n        panelRef={panelRef}\n        id={panelId}\n        className={classes('leaf-floating leaf-cascader__panel', popupClassName)}\n        role=\"dialog\"\n        aria-label={ariaLabel || messages.cascader.placeholder}\n      >\n        {showSearch && (\n          <FieldScope>\n            <div className=\"leaf-cascader__search\">\n              <InputControl\n                allowClear\n                aria-label={messages.common.search}\n                value={query}\n                onChange={(event) => setQuery(event.target.value)}\n              />\n            </div>\n          </FieldScope>\n        )}\n        {query ? (\n          <Scrollbar\n            role=\"listbox\"\n            aria-label={messages.common.search}\n            className=\"leaf-cascader__column\"\n            orientation=\"vertical\"\n            maxHeight={256}\n          >\n            {searchResults.length ? (\n              searchResults.map((path) => (\n                <button\n                  type=\"button\"\n                  role=\"option\"\n                  aria-selected={paths.some(\n                    (current) =>\n                      JSON.stringify(current) ===\n                      JSON.stringify(path.map((option) => option.value)),\n                  )}\n                  className=\"leaf-floating__option\"\n                  key={path.map((option) => option.value).join('/')}\n                  onClick={() => commit(path.map((option) => option.value))}\n                >\n                  {caption(path)}\n                </button>\n              ))\n            ) : (\n              <div className=\"leaf-floating__empty\">{messages.cascader.empty}</div>\n            )}\n          </Scrollbar>\n        ) : (\n          <div className=\"leaf-cascader__columns\">\n            {levels.map((level, depth) => (\n              <Scrollbar\n                key={depth === 0 ? 'root' : draft[depth - 1]}\n                className=\"leaf-cascader__column\"\n                orientation=\"vertical\"\n                maxHeight={256}\n                data-level={depth}\n                role=\"listbox\"\n                aria-label={format('cascader.level', { level: depth + 1 })}\n              >\n                {level.length ? (\n                  level.map((option) => (\n                    <button\n                      key={option.value}\n                      type=\"button\"\n                      role=\"option\"\n                      className=\"leaf-floating__option\"\n                      aria-selected={draft[depth] === option.value}\n                      disabled={option.disabled}\n                      tabIndex={\n                        option.value ===\n                        (draft[depth] ?? level.find((item) => !item.disabled)?.value)\n                          ? 0\n                          : -1\n                      }\n                      onClick={() => {\n                        choose(option, depth);\n                        if (option.children?.length) setFocusLevel(depth + 1);\n                      }}\n                      onKeyDown={(event) => {\n                        if (\n                          event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight') &&\n                          (option.children?.length || option.isLeaf === false)\n                        ) {\n                          event.preventDefault();\n                          choose(option, depth);\n                          setFocusLevel(depth + 1);\n                        } else if (\n                          event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft') &&\n                          depth > 0\n                        ) {\n                          event.preventDefault();\n                          setFocusLevel(depth - 1);\n                        } else if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n                          event.preventDefault();\n                          const items = Array.from(\n                            event.currentTarget.parentElement?.querySelectorAll<HTMLButtonElement>(\n                              'button:not(:disabled)',\n                            ) ?? [],\n                          );\n                          const index = items.indexOf(event.currentTarget);\n                          const next =\n                            event.key === 'Home'\n                              ? 0\n                              : event.key === 'End'\n                                ? items.length - 1\n                                : (index + (event.key === 'ArrowDown' ? 1 : -1) + items.length) %\n                                  items.length;\n                          items[next]?.focus();\n                          items[next]?.scrollIntoView?.({ block: 'nearest' });\n                        }\n                      }}\n                    >\n                      <span>{optionRender?.(option) ?? option.label}</span>\n                      {loading.has(option.value) ? (\n                        <LoaderCircle size={14} className=\"leaf-select__spinner\" />\n                      ) : option.children?.length || option.isLeaf === false ? (\n                        <ChevronRight size={14} aria-hidden=\"true\" />\n                      ) : (\n                        (multiple\n                          ? paths.some(\n                              (path) =>\n                                JSON.stringify(path) ===\n                                JSON.stringify([...draft.slice(0, depth), option.value]),\n                            )\n                          : draft[depth] === option.value) && (\n                          <Check size={14} className=\"leaf-cascader__check\" aria-hidden=\"true\" />\n                        )\n                      )}\n                    </button>\n                  ))\n                ) : (\n                  <div className=\"leaf-floating__empty\">{messages.cascader.empty}</div>\n                )}\n              </Scrollbar>\n            ))}\n          </div>\n        )}\n      </FloatingPanel>\n    </div>\n  );\n});\nCascader.displayName = 'Cascader';\n"],"names":["emptyPath","resolvePath","options","values","path","level","value","option","item","Cascader","forwardRef","rawProps","forwardedRef","suppliedOptions","defaultValue","size","statusProp","placeholder","name","form","requiredProp","allowClear","disabledProp","className","style","onChange","onOpenChange","controlledOpen","defaultOpen","multiple","readOnly","showSearch","changeOnSelect","displayRender","optionRender","loadData","onLoadError","cacheKey","tagWrap","maxTagCount","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","onClick","onKeyDown","ariaLabel","idProp","ariaDescribedByProp","ariaInvalid","props","useComponentProps","messages","direction","useLeafConfig","format","useFormattedText","loaded","setLoaded","useState","Map","loading","setLoading","Set","requests","useRef","useEffect","request","useMemo","merge","entries","children","field","useFormField","disabled","required","status","undefined","id","ariaDescribedBy","Boolean","triggerRef","panelRef","ref","useMergedRef","panelId","useId","selectedValue","setSelectedValue","useFieldValue","paths","draft","setDraft","query","setQuery","open","setOpen","usePopupState","focusLevel","setFocusLevel","selectedPaths","caption","searchResults","visit","entry","next","draftOptions","levels","close","useFloatingDismiss","column","openPanel","choose","AbortController","previous","error","commit","leaf","current","JSON","classes","event","SelectionContent","index","ChevronDown","ClearButton","FormValue","FloatingPanel","FieldScope","InputControl","Scrollbar","depth","items","Array","LoaderCircle","ChevronRight","Check"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+export type { CascaderOption, CascaderProps } from './cascader.js';
+export { Cascader } from './cascader.js';
+export type { CascaderFieldNames } from './mapping.js';
+export { mapCascaderOptions } from './mapping.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/cascader/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { Cascader } from "./cascader.js";
+export { mapCascaderOptions } from "./mapping.js";

package/dist/esm/cascader/mapping.d.ts

@@ -0,0 +1,11 @@
+import type { CascaderOption } from './cascader.js';
+export interface CascaderFieldNames {
+    value?: string;
+    label?: string;
+    children?: string;
+    disabled?: string;
+    isLeaf?: string;
+}
+/** Adapt business records once, before passing them to Cascader. */
+export declare function mapCascaderOptions(records: readonly object[], fields?: CascaderFieldNames): CascaderOption[];
+//# sourceMappingURL=mapping.d.ts.map

package/dist/esm/cascader/mapping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping.d.ts","sourceRoot":"","sources":["../../../src/cascader/mapping.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,oEAAoE;AACpE,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,MAAM,GAAE,kBAAuB,GAC9B,cAAc,EAAE,CA0BlB"}

package/dist/esm/cascader/mapping.js

@@ -0,0 +1,26 @@
+"use client";
+function mapCascaderOptions(records, fields = {}) {
+    const names = {
+        value: 'value',
+        label: 'label',
+        children: 'children',
+        disabled: 'disabled',
+        isLeaf: 'isLeaf',
+        ...fields
+    };
+    return records.map((record)=>{
+        const value = Reflect.get(record, names.value);
+        const label = Reflect.get(record, names.label);
+        const children = Reflect.get(record, names.children);
+        return {
+            value: String(value ?? ''),
+            label: null == label ? String(value ?? '') : label,
+            disabled: !!Reflect.get(record, names.disabled),
+            isLeaf: Reflect.get(record, names.isLeaf),
+            children: Array.isArray(children) ? mapCascaderOptions(children.filter((child)=>child && 'object' == typeof child), fields) : void 0
+        };
+    });
+}
+export { mapCascaderOptions };
+
+//# sourceMappingURL=mapping.js.map

package/dist/esm/cascader/mapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader/mapping.js","sources":["../../../src/cascader/mapping.ts"],"sourcesContent":["import type { CascaderOption } from './cascader';\n\nexport interface CascaderFieldNames {\n  value?: string;\n  label?: string;\n  children?: string;\n  disabled?: string;\n  isLeaf?: string;\n}\n/** Adapt business records once, before passing them to Cascader. */\nexport function mapCascaderOptions(\n  records: readonly object[],\n  fields: CascaderFieldNames = {},\n): CascaderOption[] {\n  const names = {\n    value: 'value',\n    label: 'label',\n    children: 'children',\n    disabled: 'disabled',\n    isLeaf: 'isLeaf',\n    ...fields,\n  };\n  return records.map((record) => {\n    const value = Reflect.get(record, names.value);\n    const label = Reflect.get(record, names.label);\n    const children = Reflect.get(record, names.children);\n    return {\n      value: String(value ?? ''),\n      label: label == null ? String(value ?? '') : label,\n      disabled: !!Reflect.get(record, names.disabled),\n      isLeaf: Reflect.get(record, names.isLeaf),\n      children: Array.isArray(children)\n        ? mapCascaderOptions(\n            children.filter((child) => child && typeof child === 'object'),\n            fields,\n          )\n        : undefined,\n    };\n  });\n}\n"],"names":["mapCascaderOptions","records","fields","names","record","value","Reflect","label","children","String","Array","child","undefined"],"mappings":";AAUO,SAASA,mBACdC,OAA0B,EAC1BC,SAA6B,CAAC,CAAC;IAE/B,MAAMC,QAAQ;QACZ,OAAO;QACP,OAAO;QACP,UAAU;QACV,UAAU;QACV,QAAQ;QACR,GAAGD,MAAM;IACX;IACA,OAAOD,QAAQ,GAAG,CAAC,CAACG;QAClB,MAAMC,QAAQC,QAAQ,GAAG,CAACF,QAAQD,MAAM,KAAK;QAC7C,MAAMI,QAAQD,QAAQ,GAAG,CAACF,QAAQD,MAAM,KAAK;QAC7C,MAAMK,WAAWF,QAAQ,GAAG,CAACF,QAAQD,MAAM,QAAQ;QACnD,OAAO;YACL,OAAOM,OAAOJ,SAAS;YACvB,OAAOE,AAAS,QAATA,QAAgBE,OAAOJ,SAAS,MAAME;YAC7C,UAAU,CAAC,CAACD,QAAQ,GAAG,CAACF,QAAQD,MAAM,QAAQ;YAC9C,QAAQG,QAAQ,GAAG,CAACF,QAAQD,MAAM,MAAM;YACxC,UAAUO,MAAM,OAAO,CAACF,YACpBR,mBACEQ,SAAS,MAAM,CAAC,CAACG,QAAUA,SAAS,AAAiB,YAAjB,OAAOA,QAC3CT,UAEFU;QACN;IACF;AACF"}

package/dist/esm/checkbox/checkbox.d.ts

@@ -0,0 +1,15 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import type { ControlSize } from '../shared/types.js';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    size?: ControlSize;
+    variant?: 'plain' | 'card';
+    description?: ReactNode;
+    icon?: ReactNode;
+    /** Non-interactive supplementary content, such as a status tag. */
+    extra?: ReactNode;
+    /** Displays mixed selection; it does not change the submitted value. */
+    indeterminate?: boolean;
+}
+export declare const CheckboxControl: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,eAAO,MAAM,eAAe,4GA0F1B,CAAC;AAGH,eAAO,MAAM,QAAQ,4GAMnB,CAAC"}

package/dist/esm/checkbox/checkbox.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Minus } from "lucide-react";
+import { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useFormField } from "../form/form.js";
+import { classes } from "../shared/classes.js";
+const checkbox_CheckboxControl = /*#__PURE__*/ forwardRef(function({ size = 'md', variant = 'plain', description, icon, extra, indeterminate = false, className, style, disabled: disabledProp, children, ...props }, ref) {
+    const field = useFormField();
+    const id = useId();
+    const disabled = disabledProp || field?.disabled;
+    const inputRef = useRef(null);
+    useImperativeHandle(ref, ()=>inputRef.current, []);
+    useEffect(()=>{
+        if (inputRef.current) inputRef.current.indeterminate = indeterminate;
+    }, [
+        indeterminate
+    ]);
+    return /*#__PURE__*/ jsxs("label", {
+        className: classes('leaf-checkbox', `leaf-checkbox--${size}`, `leaf-checkbox--${variant}`, null != description && 'leaf-checkbox--described', className),
+        style: style,
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            /*#__PURE__*/ jsxs("span", {
+                className: "leaf-checkbox__control",
+                children: [
+                    /*#__PURE__*/ jsx("input", {
+                        ...props,
+                        id: props.id ?? field?.id,
+                        required: props.required ?? field?.required,
+                        "aria-labelledby": props['aria-labelledby'] ?? (props['aria-label'] || null == children ? void 0 : `${id}-label`),
+                        "aria-describedby": [
+                            props['aria-describedby'],
+                            field?.descriptionId,
+                            null != description && `${id}-description`,
+                            null != extra && `${id}-extra`
+                        ].filter(Boolean).join(' ') || void 0,
+                        "aria-invalid": field?.error ? true : props['aria-invalid'],
+                        ref: inputRef,
+                        type: "checkbox",
+                        className: "leaf-checkbox__input",
+                        disabled: disabled
+                    }),
+                    /*#__PURE__*/ jsx(Check, {
+                        className: "leaf-checkbox__mark leaf-checkbox__mark--check",
+                        "aria-hidden": "true"
+                    }),
+                    /*#__PURE__*/ jsx(Minus, {
+                        className: "leaf-checkbox__mark leaf-checkbox__mark--mixed",
+                        "aria-hidden": "true"
+                    })
+                ]
+            }),
+            null != icon && /*#__PURE__*/ jsx("span", {
+                className: "leaf-checkbox__icon",
+                "aria-hidden": "true",
+                children: icon
+            }),
+            (null != children || null != description) && /*#__PURE__*/ jsxs("span", {
+                className: "leaf-checkbox__copy",
+                children: [
+                    null != children && /*#__PURE__*/ jsx("span", {
+                        id: `${id}-label`,
+                        className: "leaf-checkbox__label",
+                        children: children
+                    }),
+                    null != description && /*#__PURE__*/ jsx("span", {
+                        id: `${id}-description`,
+                        className: "leaf-checkbox__description",
+                        children: description
+                    })
+                ]
+            }),
+            null != extra && /*#__PURE__*/ jsx("span", {
+                id: `${id}-extra`,
+                className: "leaf-checkbox__extra",
+                children: extra
+            })
+        ]
+    });
+});
+checkbox_CheckboxControl.displayName = 'CheckboxControl';
+const checkbox_Checkbox = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const props = useComponentProps('Checkbox', rawProps);
+    return /*#__PURE__*/ jsx(checkbox_CheckboxControl, {
+        ...props,
+        ref: ref
+    });
+});
+checkbox_Checkbox.displayName = 'Checkbox';
+export { checkbox_Checkbox as Checkbox, checkbox_CheckboxControl as CheckboxControl };
+
+//# sourceMappingURL=checkbox.js.map