@ifhover/leaf-ui 0.5.0 → 0.6.0

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

@@ -1 +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 { useLeafConfig } from '../config-provider/context';\nimport { FieldScope, useFormField } from '../form/form';\nimport { Input } from '../input';\nimport { Scrollbar } from '../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 type { ControlSize, ControlStatus } from '../shared/types';\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}\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  {\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    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  },\n  forwardedRef,\n) {\n  const { locale, messages, direction } = useLeafConfig();\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('leaf-cascader', `leaf-cascader--${size}`, className)}\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        <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.select}\n        </span>\n        <ChevronDown size={16} aria-hidden=\"true\" />\n      </button>\n      {allowClear && selectedValue.length > 0 && !disabled && !readOnly && (\n        <ClearButton\n          label={messages.clearCascader}\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.select}\n      >\n        {showSearch && (\n          <FieldScope>\n            <Input\n              allowClear\n              aria-label={messages.search}\n              value={query}\n              onChange={(event) => setQuery(event.target.value)}\n            />\n          </FieldScope>\n        )}\n        {query ? (\n          <Scrollbar\n            role=\"listbox\"\n            aria-label={messages.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.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={locale === 'en-US' ? `Level ${depth + 1}` : `第 ${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.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","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","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","onClick","onKeyDown","ariaLabel","idProp","ariaDescribedByProp","ariaInvalid","props","forwardedRef","locale","messages","direction","useLeafConfig","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","index","ChevronDown","ClearButton","FormValue","FloatingPanel","FieldScope","Input","Scrollbar","depth","items","Array","LoaderCircle","ChevronRight","Check"],"mappings":"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"}
+{"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/browser/modules/cascader/index.js

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

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

@@ -1,11 +1,13 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/checkbox.css';
 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_Checkbox = /*#__PURE__*/ forwardRef(function({ size = 'md', variant = 'plain', description, icon, extra, indeterminate = false, className, style, disabled: disabledProp, children, ...props }, ref) {
+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;
@@ -79,7 +81,15 @@ const checkbox_Checkbox = /*#__PURE__*/ forwardRef(function({ size = 'md', varia
         ]
     });
 });
+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 };
+export { checkbox_Checkbox as Checkbox, checkbox_CheckboxControl as CheckboxControl };
 
 //# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox/checkbox.js","sources":["../../../../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { Check, Minus } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\n\nexport interface CheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: ControlSize;\n  variant?: 'plain' | 'card';\n  description?: ReactNode;\n  icon?: ReactNode;\n  /** Non-interactive supplementary content, such as a status tag. */\n  extra?: ReactNode;\n  /** Displays mixed selection; it does not change the submitted value. */\n  indeterminate?: boolean;\n}\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n  {\n    size = 'md',\n    variant = 'plain',\n    description,\n    icon,\n    extra,\n    indeterminate = false,\n    className,\n    style,\n    disabled: disabledProp,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const field = useFormField();\n  const id = useId();\n  const disabled = disabledProp || field?.disabled;\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n  useEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = indeterminate;\n  }, [indeterminate]);\n  return (\n    <label\n      className={classes(\n        'leaf-checkbox',\n        `leaf-checkbox--${size}`,\n        `leaf-checkbox--${variant}`,\n        description != null && 'leaf-checkbox--described',\n        className,\n      )}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <span className=\"leaf-checkbox__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-labelledby={\n            props['aria-labelledby'] ??\n            (!props['aria-label'] && children != null ? `${id}-label` : undefined)\n          }\n          aria-describedby={\n            [\n              props['aria-describedby'],\n              field?.descriptionId,\n              description != null && `${id}-description`,\n              extra != null && `${id}-extra`,\n            ]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={inputRef}\n          type=\"checkbox\"\n          className=\"leaf-checkbox__input\"\n          disabled={disabled}\n        />\n        <Check className=\"leaf-checkbox__mark leaf-checkbox__mark--check\" aria-hidden=\"true\" />\n        <Minus className=\"leaf-checkbox__mark leaf-checkbox__mark--mixed\" aria-hidden=\"true\" />\n      </span>\n      {icon != null && (\n        <span className=\"leaf-checkbox__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {(children != null || description != null) && (\n        <span className=\"leaf-checkbox__copy\">\n          {children != null && (\n            <span id={`${id}-label`} className=\"leaf-checkbox__label\">\n              {children}\n            </span>\n          )}\n          {description != null && (\n            <span id={`${id}-description`} className=\"leaf-checkbox__description\">\n              {description}\n            </span>\n          )}\n        </span>\n      )}\n      {extra != null && (\n        <span id={`${id}-extra`} className=\"leaf-checkbox__extra\">\n          {extra}\n        </span>\n      )}\n    </label>\n  );\n});\nCheckbox.displayName = 'Checkbox';\n"],"names":["Checkbox","forwardRef","size","variant","description","icon","extra","indeterminate","className","style","disabledProp","children","props","ref","field","useFormField","id","useId","disabled","inputRef","useRef","useImperativeHandle","useEffect","classes","undefined","Boolean","Check","Minus"],"mappings":";;;;;;;AAyBO,MAAMA,oBAAW,WAAHA,GAAGC,WAA4C,SAClE,EACEC,OAAO,IAAI,EACXC,UAAU,OAAO,EACjBC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,gBAAgB,KAAK,EACrBC,SAAS,EACTC,KAAK,EACL,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,QAAQC;IACd,MAAMC,KAAKC;IACX,MAAMC,WAAWR,gBAAgBI,OAAO;IACxC,MAAMK,WAAWC,OAAyB;IAC1CC,oBAAoBR,KAAK,IAAMM,SAAS,OAAO,EAAsB,EAAE;IACvEG,UAAU;QACR,IAAIH,SAAS,OAAO,EAAEA,SAAS,OAAO,CAAC,aAAa,GAAGZ;IACzD,GAAG;QAACA;KAAc;IAClB,OAAO,WAAP,GACE,KAAC;QACC,WAAWgB,QACT,iBACA,CAAC,eAAe,EAAErB,MAAM,EACxB,CAAC,eAAe,EAAEC,SAAS,EAC3BC,AAAe,QAAfA,eAAuB,4BACvBI;QAEF,OAAOC;QACP,iBAAeS,WAAW,KAAKM;;0BAE/B,KAAC;gBAAK,WAAU;;kCACd,IAAC;wBACE,GAAGZ,KAAK;wBACT,IAAIA,MAAM,EAAE,IAAIE,OAAO;wBACvB,UAAUF,MAAM,QAAQ,IAAIE,OAAO;wBACnC,mBACEF,KAAK,CAAC,kBAAkB,IACvB,CAACA,KAAK,CAAC,aAAa,IAAID,AAAY,QAAZA,WAAmCa,SAAhB,GAAGR,GAAG,MAAM,CAAC,AAAW;wBAEtE,oBACE;4BACEJ,KAAK,CAAC,mBAAmB;4BACzBE,OAAO;4BACQ,QAAfV,eAAuB,GAAGY,GAAG,YAAY,CAAC;4BACjC,QAATV,SAAiB,GAAGU,GAAG,MAAM,CAAC;yBAC/B,CACE,MAAM,CAACS,SACP,IAAI,CAAC,QAAQD;wBAElB,gBAAcV,OAAO,QAAQ,OAAOF,KAAK,CAAC,eAAe;wBACzD,KAAKO;wBACL,MAAK;wBACL,WAAU;wBACV,UAAUD;;kCAEZ,IAACQ,OAAKA;wBAAC,WAAU;wBAAiD,eAAY;;kCAC9E,IAACC,OAAKA;wBAAC,WAAU;wBAAiD,eAAY;;;;YAEvE,QAARtB,QAAgB,WAAR,GACP,IAAC;gBAAK,WAAU;gBAAsB,eAAY;0BAC/CA;;YAGHM,CAAAA,AAAY,QAAZA,YAAoBP,AAAe,QAAfA,WAAkB,mBACtC,KAAC;gBAAK,WAAU;;oBACD,QAAZO,YAAoB,WAAR,GACX,IAAC;wBAAK,IAAI,GAAGK,GAAG,MAAM,CAAC;wBAAE,WAAU;kCAChCL;;oBAGW,QAAfP,eAAuB,WAAR,GACd,IAAC;wBAAK,IAAI,GAAGY,GAAG,YAAY,CAAC;wBAAE,WAAU;kCACtCZ;;;;YAKC,QAATE,SAAiB,WAAR,GACR,IAAC;gBAAK,IAAI,GAAGU,GAAG,MAAM,CAAC;gBAAE,WAAU;0BAChCV;;;;AAKX;AACAN,kBAAS,WAAW,GAAG"}
+{"version":3,"file":"checkbox/checkbox.js","sources":["../../../../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { Check, Minus } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\n\nexport interface CheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: ControlSize;\n  variant?: 'plain' | 'card';\n  description?: ReactNode;\n  icon?: ReactNode;\n  /** Non-interactive supplementary content, such as a status tag. */\n  extra?: ReactNode;\n  /** Displays mixed selection; it does not change the submitted value. */\n  indeterminate?: boolean;\n}\nexport const CheckboxControl = forwardRef<HTMLInputElement, CheckboxProps>(function CheckboxControl(\n  {\n    size = 'md',\n    variant = 'plain',\n    description,\n    icon,\n    extra,\n    indeterminate = false,\n    className,\n    style,\n    disabled: disabledProp,\n    children,\n    ...props\n  }: CheckboxProps,\n  ref,\n) {\n  const field = useFormField();\n  const id = useId();\n  const disabled = disabledProp || field?.disabled;\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n  useEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = indeterminate;\n  }, [indeterminate]);\n  return (\n    <label\n      className={classes(\n        'leaf-checkbox',\n        `leaf-checkbox--${size}`,\n        `leaf-checkbox--${variant}`,\n        description != null && 'leaf-checkbox--described',\n        className,\n      )}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <span className=\"leaf-checkbox__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-labelledby={\n            props['aria-labelledby'] ??\n            (!props['aria-label'] && children != null ? `${id}-label` : undefined)\n          }\n          aria-describedby={\n            [\n              props['aria-describedby'],\n              field?.descriptionId,\n              description != null && `${id}-description`,\n              extra != null && `${id}-extra`,\n            ]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={inputRef}\n          type=\"checkbox\"\n          className=\"leaf-checkbox__input\"\n          disabled={disabled}\n        />\n        <Check className=\"leaf-checkbox__mark leaf-checkbox__mark--check\" aria-hidden=\"true\" />\n        <Minus className=\"leaf-checkbox__mark leaf-checkbox__mark--mixed\" aria-hidden=\"true\" />\n      </span>\n      {icon != null && (\n        <span className=\"leaf-checkbox__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {(children != null || description != null) && (\n        <span className=\"leaf-checkbox__copy\">\n          {children != null && (\n            <span id={`${id}-label`} className=\"leaf-checkbox__label\">\n              {children}\n            </span>\n          )}\n          {description != null && (\n            <span id={`${id}-description`} className=\"leaf-checkbox__description\">\n              {description}\n            </span>\n          )}\n        </span>\n      )}\n      {extra != null && (\n        <span id={`${id}-extra`} className=\"leaf-checkbox__extra\">\n          {extra}\n        </span>\n      )}\n    </label>\n  );\n});\nCheckboxControl.displayName = 'CheckboxControl';\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n  rawProps: CheckboxProps,\n  ref,\n) {\n  const props = useComponentProps('Checkbox', rawProps);\n  return <CheckboxControl {...props} ref={ref} />;\n});\nCheckbox.displayName = 'Checkbox';\n"],"names":["CheckboxControl","forwardRef","size","variant","description","icon","extra","indeterminate","className","style","disabledProp","children","props","ref","field","useFormField","id","useId","disabled","inputRef","useRef","useImperativeHandle","useEffect","classes","undefined","Boolean","Check","Minus","Checkbox","rawProps","useComponentProps"],"mappings":";;;;;;;;;AA0BO,MAAMA,2BAAkB,WAAHA,GAAGC,WAA4C,SACzE,EACEC,OAAO,IAAI,EACXC,UAAU,OAAO,EACjBC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,gBAAgB,KAAK,EACrBC,SAAS,EACTC,KAAK,EACL,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,OACW,EAChBC,GAAG;IAEH,MAAMC,QAAQC;IACd,MAAMC,KAAKC;IACX,MAAMC,WAAWR,gBAAgBI,OAAO;IACxC,MAAMK,WAAWC,OAAyB;IAC1CC,oBAAoBR,KAAK,IAAMM,SAAS,OAAO,EAAsB,EAAE;IACvEG,UAAU;QACR,IAAIH,SAAS,OAAO,EAAEA,SAAS,OAAO,CAAC,aAAa,GAAGZ;IACzD,GAAG;QAACA;KAAc;IAClB,OAAO,WAAP,GACE,KAAC;QACC,WAAWgB,QACT,iBACA,CAAC,eAAe,EAAErB,MAAM,EACxB,CAAC,eAAe,EAAEC,SAAS,EAC3BC,AAAe,QAAfA,eAAuB,4BACvBI;QAEF,OAAOC;QACP,iBAAeS,WAAW,KAAKM;;0BAE/B,KAAC;gBAAK,WAAU;;kCACd,IAAC;wBACE,GAAGZ,KAAK;wBACT,IAAIA,MAAM,EAAE,IAAIE,OAAO;wBACvB,UAAUF,MAAM,QAAQ,IAAIE,OAAO;wBACnC,mBACEF,KAAK,CAAC,kBAAkB,IACvB,CAACA,KAAK,CAAC,aAAa,IAAID,AAAY,QAAZA,WAAmCa,SAAhB,GAAGR,GAAG,MAAM,CAAC,AAAW;wBAEtE,oBACE;4BACEJ,KAAK,CAAC,mBAAmB;4BACzBE,OAAO;4BACQ,QAAfV,eAAuB,GAAGY,GAAG,YAAY,CAAC;4BACjC,QAATV,SAAiB,GAAGU,GAAG,MAAM,CAAC;yBAC/B,CACE,MAAM,CAACS,SACP,IAAI,CAAC,QAAQD;wBAElB,gBAAcV,OAAO,QAAQ,OAAOF,KAAK,CAAC,eAAe;wBACzD,KAAKO;wBACL,MAAK;wBACL,WAAU;wBACV,UAAUD;;kCAEZ,IAACQ,OAAKA;wBAAC,WAAU;wBAAiD,eAAY;;kCAC9E,IAACC,OAAKA;wBAAC,WAAU;wBAAiD,eAAY;;;;YAEvE,QAARtB,QAAgB,WAAR,GACP,IAAC;gBAAK,WAAU;gBAAsB,eAAY;0BAC/CA;;YAGHM,CAAAA,AAAY,QAAZA,YAAoBP,AAAe,QAAfA,WAAkB,mBACtC,KAAC;gBAAK,WAAU;;oBACD,QAAZO,YAAoB,WAAR,GACX,IAAC;wBAAK,IAAI,GAAGK,GAAG,MAAM,CAAC;wBAAE,WAAU;kCAChCL;;oBAGW,QAAfP,eAAuB,WAAR,GACd,IAAC;wBAAK,IAAI,GAAGY,GAAG,YAAY,CAAC;wBAAE,WAAU;kCACtCZ;;;;YAKC,QAATE,SAAiB,WAAR,GACR,IAAC;gBAAK,IAAI,GAAGU,GAAG,MAAM,CAAC;gBAAE,WAAU;0BAChCV;;;;AAKX;AACAN,yBAAgB,WAAW,GAAG;AAEvB,MAAM4B,oBAAW,WAAHA,GAAG3B,WAA4C,SAClE4B,QAAuB,EACvBhB,GAAG;IAEH,MAAMD,QAAQkB,kBAAkB,YAAYD;IAC5C,OAAO,WAAP,GAAO,IAAC7B,0BAAeA;QAAE,GAAGY,KAAK;QAAE,KAAKC;;AAC1C;AACAe,kBAAS,WAAW,GAAG"}

package/dist/esm/browser/modules/checkbox/group.js

@@ -1,12 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/checkbox.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId, useRef } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { FieldScope, useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { FormValue, useFieldValue } from "../shared/field.js";
-import { Checkbox } from "./checkbox.js";
-function CheckboxGroup({ options, value, defaultValue = [], onChange, legend, size, variant = 'plain', minCount = 0, maxCount = 1 / 0, direction = 'horizontal', name, form, required, disabled: disabledProp, className, ...props }) {
+import { CheckboxControl } from "./checkbox.js";
+function CheckboxGroup(rawProps) {
+    const { options, value, defaultValue = [], onChange, legend, size, variant = 'plain', minCount = 0, maxCount = 1 / 0, direction = 'horizontal', name, form, required, disabled: disabledProp, className, ...props } = useComponentProps('CheckboxGroup', rawProps);
     const field = useFormField();
     const id = useId();
     const disabled = disabledProp || field?.disabled;
@@ -34,7 +37,7 @@ function CheckboxGroup({ options, value, defaultValue = [], onChange, legend, si
                     children: items.map((item, index)=>{
                         const checked = current.includes(item.value);
                         const limited = checked ? current.length <= Math.max(0, minCount) : current.length >= Math.max(0, maxCount);
-                        return /*#__PURE__*/ jsx(Checkbox, {
+                        return /*#__PURE__*/ jsx(CheckboxControl, {
                             id: 0 === index ? field?.id ?? `${id}-${index}` : `${id}-${index}`,
                             ref: 0 === index ? trigger : void 0,
                             size: size,

package/dist/esm/browser/modules/checkbox/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox/group.js","sources":["../../../../../src/checkbox/group.tsx"],"sourcesContent":["import { type FieldsetHTMLAttributes, type ReactNode, useId, useRef } from 'react';\nimport { FieldScope, useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport type { ControlSize } from '../shared/types';\nimport { Checkbox } from './checkbox';\nexport interface CheckboxOption {\n  value: string;\n  label: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  disabled?: boolean;\n}\nexport interface CheckboxGroupProps\n  extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'defaultValue'> {\n  options: readonly (CheckboxOption | string)[];\n  value?: readonly string[];\n  defaultValue?: readonly string[];\n  onChange?: (values: string[]) => void;\n  legend?: ReactNode;\n  size?: ControlSize;\n  variant?: 'plain' | 'card' | 'list';\n  minCount?: number;\n  maxCount?: number;\n  required?: boolean;\n  direction?: 'horizontal' | 'vertical';\n}\nexport function CheckboxGroup({\n  options,\n  value,\n  defaultValue = [],\n  onChange,\n  legend,\n  size,\n  variant = 'plain',\n  minCount = 0,\n  maxCount = Infinity,\n  direction = 'horizontal',\n  name,\n  form,\n  required,\n  disabled: disabledProp,\n  className,\n  ...props\n}: CheckboxGroupProps) {\n  const field = useFormField();\n  const id = useId();\n  const disabled = disabledProp || field?.disabled;\n  const trigger = useRef<HTMLInputElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const items: CheckboxOption[] = options.map((option) =>\n    typeof option === 'string' ? { value: option, label: option } : option,\n  );\n  return (\n    <fieldset\n      {...props}\n      disabled={disabled}\n      className={classes(\n        'leaf-checkbox-group',\n        `leaf-checkbox-group--${direction}`,\n        `leaf-checkbox-group--${variant}`,\n        className,\n      )}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n    >\n      {legend && <legend>{legend}</legend>}\n      <FieldScope>\n        <div className=\"leaf-checkbox-group__options\">\n          {items.map((item, index) => {\n            const checked = current.includes(item.value);\n            const limited = checked\n              ? current.length <= Math.max(0, minCount)\n              : current.length >= Math.max(0, maxCount);\n            return (\n              <Checkbox\n                key={item.value}\n                id={index === 0 ? (field?.id ?? `${id}-${index}`) : `${id}-${index}`}\n                ref={index === 0 ? trigger : undefined}\n                size={size}\n                variant={variant === 'card' ? 'card' : 'plain'}\n                description={item.description}\n                icon={item.icon}\n                extra={item.extra}\n                name={name}\n                form={form}\n                value={item.value}\n                checked={checked}\n                disabled={disabled || item.disabled}\n                aria-disabled={limited || undefined}\n                onChange={(event) => {\n                  if (limited) {\n                    event.currentTarget.checked = checked;\n                    return;\n                  }\n                  const next = event.target.checked\n                    ? [...current, item.value]\n                    : current.filter((key) => key !== item.value);\n                  setCurrent(next);\n                  onChange?.(next);\n                }}\n              >\n                {item.label}\n              </Checkbox>\n            );\n          })}\n        </div>\n      </FieldScope>\n      <FormValue\n        value={current.length >= Math.max(1, minCount) ? 'selected' : ''}\n        required={required ?? field?.required}\n        form={form}\n        disabled={disabled}\n        triggerRef={trigger}\n      />\n    </fieldset>\n  );\n}\n"],"names":["CheckboxGroup","options","value","defaultValue","onChange","legend","size","variant","minCount","maxCount","Infinity","direction","name","form","required","disabledProp","className","props","field","useFormField","id","useId","disabled","trigger","useRef","current","setCurrent","useFieldValue","items","option","classes","Boolean","undefined","FieldScope","item","index","checked","limited","Math","Checkbox","event","next","key","FormValue"],"mappings":";;;;;;;;AA4BO,SAASA,cAAc,EAC5BC,OAAO,EACPC,KAAK,EACLC,eAAe,EAAE,EACjBC,QAAQ,EACRC,MAAM,EACNC,IAAI,EACJC,UAAU,OAAO,EACjBC,WAAW,CAAC,EACZC,WAAWC,KAAQ,EACnBC,YAAY,YAAY,EACxBC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACR,UAAUC,YAAY,EACtBC,SAAS,EACT,GAAGC,OACgB;IACnB,MAAMC,QAAQC;IACd,MAAMC,KAAKC;IACX,MAAMC,WAAWP,gBAAgBG,OAAO;IACxC,MAAMK,UAAUC,OAAyB;IACzC,MAAM,CAACC,SAASC,WAAW,GAAGC,cAAczB,OAAOC,cAAcoB,SAASV;IAC1E,MAAMe,QAA0B3B,QAAQ,GAAG,CAAC,CAAC4B,SAC3C,AAAkB,YAAlB,OAAOA,SAAsB;YAAE,OAAOA;YAAQ,OAAOA;QAAO,IAAIA;IAElE,OAAO,WAAP,GACE,KAAC;QACE,GAAGZ,KAAK;QACT,UAAUK;QACV,WAAWQ,QACT,uBACA,CAAC,qBAAqB,EAAEnB,WAAW,EACnC,CAAC,qBAAqB,EAAEJ,SAAS,EACjCS;QAEF,oBACE;YAACC,KAAK,CAAC,mBAAmB;YAAEC,OAAO;SAAc,CAAC,MAAM,CAACa,SAAS,IAAI,CAAC,QAAQC;;YAGhF3B,UAAU,WAAVA,GAAU,IAAC;0BAAQA;;0BACpB,IAAC4B,YAAUA;0BACT,kBAAC;oBAAI,WAAU;8BACZL,MAAM,GAAG,CAAC,CAACM,MAAMC;wBAChB,MAAMC,UAAUX,QAAQ,QAAQ,CAACS,KAAK,KAAK;wBAC3C,MAAMG,UAAUD,UACZX,QAAQ,MAAM,IAAIa,KAAK,GAAG,CAAC,GAAG9B,YAC9BiB,QAAQ,MAAM,IAAIa,KAAK,GAAG,CAAC,GAAG7B;wBAClC,OAAO,WAAP,GACE,IAAC8B,UAAQA;4BAEP,IAAIJ,AAAU,MAAVA,QAAejB,OAAO,MAAM,GAAGE,GAAG,CAAC,EAAEe,OAAO,GAAI,GAAGf,GAAG,CAAC,EAAEe,OAAO;4BACpE,KAAKA,AAAU,MAAVA,QAAcZ,UAAUS;4BAC7B,MAAM1B;4BACN,SAASC,AAAY,WAAZA,UAAqB,SAAS;4BACvC,aAAa2B,KAAK,WAAW;4BAC7B,MAAMA,KAAK,IAAI;4BACf,OAAOA,KAAK,KAAK;4BACjB,MAAMtB;4BACN,MAAMC;4BACN,OAAOqB,KAAK,KAAK;4BACjB,SAASE;4BACT,UAAUd,YAAYY,KAAK,QAAQ;4BACnC,iBAAeG,WAAWL;4BAC1B,UAAU,CAACQ;gCACT,IAAIH,SAAS;oCACXG,MAAM,aAAa,CAAC,OAAO,GAAGJ;oCAC9B;gCACF;gCACA,MAAMK,OAAOD,MAAM,MAAM,CAAC,OAAO,GAC7B;uCAAIf;oCAASS,KAAK,KAAK;iCAAC,GACxBT,QAAQ,MAAM,CAAC,CAACiB,MAAQA,QAAQR,KAAK,KAAK;gCAC9CR,WAAWe;gCACXrC,WAAWqC;4BACb;sCAECP,KAAK,KAAK;2BA1BNA,KAAK,KAAK;oBA6BrB;;;0BAGJ,IAACS,WAASA;gBACR,OAAOlB,QAAQ,MAAM,IAAIa,KAAK,GAAG,CAAC,GAAG9B,YAAY,aAAa;gBAC9D,UAAUM,YAAYI,OAAO;gBAC7B,MAAML;gBACN,UAAUS;gBACV,YAAYC;;;;AAIpB"}
+{"version":3,"file":"checkbox/group.js","sources":["../../../../../src/checkbox/group.tsx"],"sourcesContent":["import { type FieldsetHTMLAttributes, type ReactNode, useId, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { FieldScope, useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport type { ControlSize } from '../shared/types';\nimport { CheckboxControl as Checkbox } from './checkbox';\nexport interface CheckboxOption {\n  value: string;\n  label: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  disabled?: boolean;\n}\nexport interface CheckboxGroupProps\n  extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'defaultValue'> {\n  options: readonly (CheckboxOption | string)[];\n  value?: readonly string[];\n  defaultValue?: readonly string[];\n  onChange?: (values: string[]) => void;\n  legend?: ReactNode;\n  size?: ControlSize;\n  variant?: 'plain' | 'card' | 'list';\n  minCount?: number;\n  maxCount?: number;\n  required?: boolean;\n  direction?: 'horizontal' | 'vertical';\n}\nexport function CheckboxGroup(rawProps: CheckboxGroupProps) {\n  const {\n    options,\n    value,\n    defaultValue = [],\n    onChange,\n    legend,\n    size,\n    variant = 'plain',\n    minCount = 0,\n    maxCount = Infinity,\n    direction = 'horizontal',\n    name,\n    form,\n    required,\n    disabled: disabledProp,\n    className,\n    ...props\n  } = useComponentProps('CheckboxGroup', rawProps);\n  const field = useFormField();\n  const id = useId();\n  const disabled = disabledProp || field?.disabled;\n  const trigger = useRef<HTMLInputElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const items: CheckboxOption[] = options.map((option) =>\n    typeof option === 'string' ? { value: option, label: option } : option,\n  );\n  return (\n    <fieldset\n      {...props}\n      disabled={disabled}\n      className={classes(\n        'leaf-checkbox-group',\n        `leaf-checkbox-group--${direction}`,\n        `leaf-checkbox-group--${variant}`,\n        className,\n      )}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n    >\n      {legend && <legend>{legend}</legend>}\n      <FieldScope>\n        <div className=\"leaf-checkbox-group__options\">\n          {items.map((item, index) => {\n            const checked = current.includes(item.value);\n            const limited = checked\n              ? current.length <= Math.max(0, minCount)\n              : current.length >= Math.max(0, maxCount);\n            return (\n              <Checkbox\n                key={item.value}\n                id={index === 0 ? (field?.id ?? `${id}-${index}`) : `${id}-${index}`}\n                ref={index === 0 ? trigger : undefined}\n                size={size}\n                variant={variant === 'card' ? 'card' : 'plain'}\n                description={item.description}\n                icon={item.icon}\n                extra={item.extra}\n                name={name}\n                form={form}\n                value={item.value}\n                checked={checked}\n                disabled={disabled || item.disabled}\n                aria-disabled={limited || undefined}\n                onChange={(event) => {\n                  if (limited) {\n                    event.currentTarget.checked = checked;\n                    return;\n                  }\n                  const next = event.target.checked\n                    ? [...current, item.value]\n                    : current.filter((key) => key !== item.value);\n                  setCurrent(next);\n                  onChange?.(next);\n                }}\n              >\n                {item.label}\n              </Checkbox>\n            );\n          })}\n        </div>\n      </FieldScope>\n      <FormValue\n        value={current.length >= Math.max(1, minCount) ? 'selected' : ''}\n        required={required ?? field?.required}\n        form={form}\n        disabled={disabled}\n        triggerRef={trigger}\n      />\n    </fieldset>\n  );\n}\n"],"names":["CheckboxGroup","rawProps","options","value","defaultValue","onChange","legend","size","variant","minCount","maxCount","Infinity","direction","name","form","required","disabledProp","className","props","useComponentProps","field","useFormField","id","useId","disabled","trigger","useRef","current","setCurrent","useFieldValue","items","option","classes","Boolean","undefined","FieldScope","item","index","checked","limited","Math","Checkbox","event","next","key","FormValue"],"mappings":";;;;;;;;;;AA6BO,SAASA,cAAcC,QAA4B;IACxD,MAAM,EACJC,OAAO,EACPC,KAAK,EACLC,eAAe,EAAE,EACjBC,QAAQ,EACRC,MAAM,EACNC,IAAI,EACJC,UAAU,OAAO,EACjBC,WAAW,CAAC,EACZC,WAAWC,KAAQ,EACnBC,YAAY,YAAY,EACxBC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACR,UAAUC,YAAY,EACtBC,SAAS,EACT,GAAGC,OACJ,GAAGC,kBAAkB,iBAAiBlB;IACvC,MAAMmB,QAAQC;IACd,MAAMC,KAAKC;IACX,MAAMC,WAAWR,gBAAgBI,OAAO;IACxC,MAAMK,UAAUC,OAAyB;IACzC,MAAM,CAACC,SAASC,WAAW,GAAGC,cAAc1B,OAAOC,cAAcqB,SAASX;IAC1E,MAAMgB,QAA0B5B,QAAQ,GAAG,CAAC,CAAC6B,SAC3C,AAAkB,YAAlB,OAAOA,SAAsB;YAAE,OAAOA;YAAQ,OAAOA;QAAO,IAAIA;IAElE,OAAO,WAAP,GACE,KAAC;QACE,GAAGb,KAAK;QACT,UAAUM;QACV,WAAWQ,QACT,uBACA,CAAC,qBAAqB,EAAEpB,WAAW,EACnC,CAAC,qBAAqB,EAAEJ,SAAS,EACjCS;QAEF,oBACE;YAACC,KAAK,CAAC,mBAAmB;YAAEE,OAAO;SAAc,CAAC,MAAM,CAACa,SAAS,IAAI,CAAC,QAAQC;;YAGhF5B,UAAU,WAAVA,GAAU,IAAC;0BAAQA;;0BACpB,IAAC6B,YAAUA;0BACT,kBAAC;oBAAI,WAAU;8BACZL,MAAM,GAAG,CAAC,CAACM,MAAMC;wBAChB,MAAMC,UAAUX,QAAQ,QAAQ,CAACS,KAAK,KAAK;wBAC3C,MAAMG,UAAUD,UACZX,QAAQ,MAAM,IAAIa,KAAK,GAAG,CAAC,GAAG/B,YAC9BkB,QAAQ,MAAM,IAAIa,KAAK,GAAG,CAAC,GAAG9B;wBAClC,OAAO,WAAP,GACE,IAAC+B,iBAAQA;4BAEP,IAAIJ,AAAU,MAAVA,QAAejB,OAAO,MAAM,GAAGE,GAAG,CAAC,EAAEe,OAAO,GAAI,GAAGf,GAAG,CAAC,EAAEe,OAAO;4BACpE,KAAKA,AAAU,MAAVA,QAAcZ,UAAUS;4BAC7B,MAAM3B;4BACN,SAASC,AAAY,WAAZA,UAAqB,SAAS;4BACvC,aAAa4B,KAAK,WAAW;4BAC7B,MAAMA,KAAK,IAAI;4BACf,OAAOA,KAAK,KAAK;4BACjB,MAAMvB;4BACN,MAAMC;4BACN,OAAOsB,KAAK,KAAK;4BACjB,SAASE;4BACT,UAAUd,YAAYY,KAAK,QAAQ;4BACnC,iBAAeG,WAAWL;4BAC1B,UAAU,CAACQ;gCACT,IAAIH,SAAS;oCACXG,MAAM,aAAa,CAAC,OAAO,GAAGJ;oCAC9B;gCACF;gCACA,MAAMK,OAAOD,MAAM,MAAM,CAAC,OAAO,GAC7B;uCAAIf;oCAASS,KAAK,KAAK;iCAAC,GACxBT,QAAQ,MAAM,CAAC,CAACiB,MAAQA,QAAQR,KAAK,KAAK;gCAC9CR,WAAWe;gCACXtC,WAAWsC;4BACb;sCAECP,KAAK,KAAK;2BA1BNA,KAAK,KAAK;oBA6BrB;;;0BAGJ,IAACS,WAASA;gBACR,OAAOlB,QAAQ,MAAM,IAAIa,KAAK,GAAG,CAAC,GAAG/B,YAAY,aAAa;gBAC9D,UAAUM,YAAYK,OAAO;gBAC7B,MAAMN;gBACN,UAAUU;gBACV,YAAYC;;;;AAIpB"}

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

@@ -1,3 +1,3 @@
 "use client";
-export * from "./checkbox.js";
+export { Checkbox } from "./checkbox.js";
 export { CheckboxGroup } from "./group.js";

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

@@ -1,8 +1,10 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/collapse.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import { useId, useRef, useState } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { classes } from "../shared/classes.js";
 import { inertProps } from "../shared/inert.js";
@@ -10,7 +12,8 @@ import { usePresence } from "../shared/presence.js";
 const keys = (value)=>'string' == typeof value ? [
         value
     ] : value;
-function Collapse({ items, activeKey, defaultActiveKey = [], onChange, accordion = false, bordered = true, size = 'md', destroyInactive = false, className, 'aria-label': label, ...props }) {
+function Collapse(rawProps) {
+    const { items, activeKey, defaultActiveKey = [], onChange, accordion = false, bordered = true, size = 'md', destroyInactive = false, className, 'aria-label': label, ...props } = useComponentProps('Collapse', rawProps);
     const { messages } = useLeafConfig();
     const [internal, setInternal] = useState(()=>keys(defaultActiveKey));
     const requested = keys(activeKey ?? internal);
@@ -39,7 +42,7 @@ function Collapse({ items, activeKey, defaultActiveKey = [], onChange, accordion
     return /*#__PURE__*/ jsx("section", {
         ...props,
         ref: root,
-        "aria-label": label ?? messages.collapse,
+        "aria-label": label ?? messages.collapse.label,
         className: classes('leaf-collapse', `leaf-collapse--${size}`, bordered && 'leaf-collapse--bordered', className),
         children: items.map((item, index)=>{
             const open = current.includes(item.key);

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

@@ -1 +1 @@
-{"version":3,"file":"collapse/collapse.js","sources":["../../../../../src/collapse/collapse.tsx"],"sourcesContent":["import { ChevronRight } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport type { ControlSize } from '../shared/types';\n\nexport interface CollapseItem {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  disabled?: boolean;\n  extra?: ReactNode;\n}\nexport interface CollapseProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'defaultValue'> {\n  items: readonly CollapseItem[];\n  activeKey?: string | readonly string[];\n  defaultActiveKey?: string | readonly string[];\n  onChange?: (keys: string[]) => void;\n  accordion?: boolean;\n  bordered?: boolean;\n  size?: ControlSize;\n  destroyInactive?: boolean;\n}\nconst keys = (value: string | readonly string[]) => (typeof value === 'string' ? [value] : value);\nexport function Collapse({\n  items,\n  activeKey,\n  defaultActiveKey = [],\n  onChange,\n  accordion = false,\n  bordered = true,\n  size = 'md',\n  destroyInactive = false,\n  className,\n  'aria-label': label,\n  ...props\n}: CollapseProps) {\n  const { messages } = useLeafConfig();\n  const [internal, setInternal] = useState(() => keys(defaultActiveKey));\n  const requested = keys(activeKey ?? internal);\n  const current = accordion ? requested.slice(0, 1) : requested;\n  const [visited, setVisited] = useState<readonly string[]>(current);\n  const newlyOpened = current.filter((key) => !visited.includes(key));\n  if (newlyOpened.length) setVisited([...visited, ...newlyOpened]);\n  const id = useId();\n  const root = useRef<HTMLElement>(null);\n  const toggle = (item: CollapseItem) => {\n    if (item.disabled) return;\n    const next = current.includes(item.key)\n      ? current.filter((key) => key !== item.key)\n      : accordion\n        ? [item.key]\n        : [...current, item.key];\n    if (activeKey === undefined) setInternal(next);\n    onChange?.([...next]);\n  };\n  return (\n    <section\n      {...props}\n      ref={root}\n      aria-label={label ?? messages.collapse}\n      className={classes(\n        'leaf-collapse',\n        `leaf-collapse--${size}`,\n        bordered && 'leaf-collapse--bordered',\n        className,\n      )}\n    >\n      {items.map((item, index) => {\n        const open = current.includes(item.key);\n        return (\n          <div className=\"leaf-collapse__item\" key={item.key} data-open={open || undefined}>\n            <div className=\"leaf-collapse__header\">\n              <button\n                id={`${id}-trigger-${index}`}\n                type=\"button\"\n                className=\"leaf-collapse__trigger\"\n                aria-expanded={open}\n                aria-controls={`${id}-panel-${index}`}\n                disabled={item.disabled}\n                onClick={() => toggle(item)}\n                onKeyDown={(event) => {\n                  if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) return;\n                  event.preventDefault();\n                  const buttons = [\n                    ...(root.current?.querySelectorAll<HTMLButtonElement>(\n                      '.leaf-collapse__trigger:not(:disabled)',\n                    ) ?? []),\n                  ];\n                  const position = buttons.indexOf(event.currentTarget);\n                  const next =\n                    event.key === 'Home'\n                      ? 0\n                      : event.key === 'End'\n                        ? buttons.length - 1\n                        : (position + (event.key === 'ArrowDown' ? 1 : -1) + buttons.length) %\n                          buttons.length;\n                  buttons[next]?.focus();\n                }}\n              >\n                <ChevronRight size={16} aria-hidden=\"true\" />\n                <span>{item.label}</span>\n              </button>\n              {item.extra != null && <div className=\"leaf-collapse__extra\">{item.extra}</div>}\n            </div>\n            <CollapsePanel\n              id={`${id}-panel-${index}`}\n              labelledBy={`${id}-trigger-${index}`}\n              open={open}\n              destroyInactive={destroyInactive}\n              visited={visited.includes(item.key)}\n            >\n              {item.children}\n            </CollapsePanel>\n          </div>\n        );\n      })}\n    </section>\n  );\n}\n\nfunction CollapsePanel({\n  id,\n  labelledBy,\n  open,\n  destroyInactive,\n  visited,\n  children,\n}: {\n  id: string;\n  labelledBy: string;\n  open: boolean;\n  destroyInactive: boolean;\n  visited: boolean;\n  children: ReactNode;\n}) {\n  const panel = useRef<HTMLElement>(null);\n  const present = usePresence(open, panel);\n  return (\n    <section\n      ref={panel}\n      id={id}\n      aria-labelledby={labelledBy}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n      className=\"leaf-collapse__panel\"\n    >\n      <div className=\"leaf-collapse__inner\">\n        <div className=\"leaf-collapse__body\">\n          {(open || (destroyInactive ? present : visited)) && children}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["keys","value","Collapse","items","activeKey","defaultActiveKey","onChange","accordion","bordered","size","destroyInactive","className","label","props","messages","useLeafConfig","internal","setInternal","useState","requested","current","visited","setVisited","newlyOpened","key","id","useId","root","useRef","toggle","item","next","undefined","classes","index","open","event","buttons","position","ChevronRight","CollapsePanel","labelledBy","children","panel","present","usePresence","inertProps"],"mappings":"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"}
+{"version":3,"file":"collapse/collapse.js","sources":["../../../../../src/collapse/collapse.tsx"],"sourcesContent":["import { ChevronRight } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { inertProps } from '../shared/inert';\nimport { usePresence } from '../shared/presence';\nimport type { ControlSize } from '../shared/types';\n\nexport interface CollapseItem {\n  key: string;\n  label: ReactNode;\n  children: ReactNode;\n  disabled?: boolean;\n  extra?: ReactNode;\n}\nexport interface CollapseProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'defaultValue'> {\n  items: readonly CollapseItem[];\n  activeKey?: string | readonly string[];\n  defaultActiveKey?: string | readonly string[];\n  onChange?: (keys: string[]) => void;\n  accordion?: boolean;\n  bordered?: boolean;\n  size?: ControlSize;\n  destroyInactive?: boolean;\n}\nconst keys = (value: string | readonly string[]) => (typeof value === 'string' ? [value] : value);\nexport function Collapse(rawProps: CollapseProps) {\n  const {\n    items,\n    activeKey,\n    defaultActiveKey = [],\n    onChange,\n    accordion = false,\n    bordered = true,\n    size = 'md',\n    destroyInactive = false,\n    className,\n    'aria-label': label,\n    ...props\n  } = useComponentProps('Collapse', rawProps);\n  const { messages } = useLeafConfig();\n  const [internal, setInternal] = useState(() => keys(defaultActiveKey));\n  const requested = keys(activeKey ?? internal);\n  const current = accordion ? requested.slice(0, 1) : requested;\n  const [visited, setVisited] = useState<readonly string[]>(current);\n  const newlyOpened = current.filter((key) => !visited.includes(key));\n  if (newlyOpened.length) setVisited([...visited, ...newlyOpened]);\n  const id = useId();\n  const root = useRef<HTMLElement>(null);\n  const toggle = (item: CollapseItem) => {\n    if (item.disabled) return;\n    const next = current.includes(item.key)\n      ? current.filter((key) => key !== item.key)\n      : accordion\n        ? [item.key]\n        : [...current, item.key];\n    if (activeKey === undefined) setInternal(next);\n    onChange?.([...next]);\n  };\n  return (\n    <section\n      {...props}\n      ref={root}\n      aria-label={label ?? messages.collapse.label}\n      className={classes(\n        'leaf-collapse',\n        `leaf-collapse--${size}`,\n        bordered && 'leaf-collapse--bordered',\n        className,\n      )}\n    >\n      {items.map((item, index) => {\n        const open = current.includes(item.key);\n        return (\n          <div className=\"leaf-collapse__item\" key={item.key} data-open={open || undefined}>\n            <div className=\"leaf-collapse__header\">\n              <button\n                id={`${id}-trigger-${index}`}\n                type=\"button\"\n                className=\"leaf-collapse__trigger\"\n                aria-expanded={open}\n                aria-controls={`${id}-panel-${index}`}\n                disabled={item.disabled}\n                onClick={() => toggle(item)}\n                onKeyDown={(event) => {\n                  if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) return;\n                  event.preventDefault();\n                  const buttons = [\n                    ...(root.current?.querySelectorAll<HTMLButtonElement>(\n                      '.leaf-collapse__trigger:not(:disabled)',\n                    ) ?? []),\n                  ];\n                  const position = buttons.indexOf(event.currentTarget);\n                  const next =\n                    event.key === 'Home'\n                      ? 0\n                      : event.key === 'End'\n                        ? buttons.length - 1\n                        : (position + (event.key === 'ArrowDown' ? 1 : -1) + buttons.length) %\n                          buttons.length;\n                  buttons[next]?.focus();\n                }}\n              >\n                <ChevronRight size={16} aria-hidden=\"true\" />\n                <span>{item.label}</span>\n              </button>\n              {item.extra != null && <div className=\"leaf-collapse__extra\">{item.extra}</div>}\n            </div>\n            <CollapsePanel\n              id={`${id}-panel-${index}`}\n              labelledBy={`${id}-trigger-${index}`}\n              open={open}\n              destroyInactive={destroyInactive}\n              visited={visited.includes(item.key)}\n            >\n              {item.children}\n            </CollapsePanel>\n          </div>\n        );\n      })}\n    </section>\n  );\n}\n\nfunction CollapsePanel({\n  id,\n  labelledBy,\n  open,\n  destroyInactive,\n  visited,\n  children,\n}: {\n  id: string;\n  labelledBy: string;\n  open: boolean;\n  destroyInactive: boolean;\n  visited: boolean;\n  children: ReactNode;\n}) {\n  const panel = useRef<HTMLElement>(null);\n  const present = usePresence(open, panel);\n  return (\n    <section\n      ref={panel}\n      id={id}\n      aria-labelledby={labelledBy}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n      className=\"leaf-collapse__panel\"\n    >\n      <div className=\"leaf-collapse__inner\">\n        <div className=\"leaf-collapse__body\">\n          {(open || (destroyInactive ? present : visited)) && children}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["keys","value","Collapse","rawProps","items","activeKey","defaultActiveKey","onChange","accordion","bordered","size","destroyInactive","className","label","props","useComponentProps","messages","useLeafConfig","internal","setInternal","useState","requested","current","visited","setVisited","newlyOpened","key","id","useId","root","useRef","toggle","item","next","undefined","classes","index","open","event","buttons","position","ChevronRight","CollapsePanel","labelledBy","children","panel","present","usePresence","inertProps"],"mappings":"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"}

package/dist/esm/browser/modules/color-recipes.js

@@ -1,5 +1,10 @@
 "use client";
 const colorRecipes = {
+    '--leaf-color-option-hover': [
+        'text',
+        'surface',
+        9
+    ],
     '--leaf-color-primary-text-80': [
         'primary',
         'text',

package/dist/esm/browser/modules/color-recipes.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-recipes.js","sources":["../../../../src/color-recipes.ts"],"sourcesContent":["// Semantic recipes shared by runtime themes and generated static palettes.\nexport const colorRecipes: Record<string, readonly [string, string, number]> = {\n  '--leaf-color-primary-text-80': ['primary', 'text', 80],\n  '--leaf-color-success-text-80': ['success', 'text', 80],\n  '--leaf-color-warning-text-80': ['warning', 'text', 80],\n  '--leaf-color-danger-text-80': ['danger', 'text', 80],\n  '--leaf-color-info-text-80': ['info', 'text', 80],\n  '--leaf-color-border-alpha-55': ['border', 'alpha', 55],\n  '--leaf-color-border-alpha-60': ['border', 'alpha', 60],\n  '--leaf-color-border-alpha-65': ['border', 'alpha', 65],\n  '--leaf-color-border-alpha-85': ['border', 'alpha', 85],\n  '--leaf-color-border-surface-35': ['border', 'surface', 35],\n  '--leaf-color-border-surface-65': ['border', 'surface', 65],\n  '--leaf-color-border-surface-70': ['border', 'surface', 70],\n  '--leaf-color-border-text-muted-65': ['border', 'text-muted', 65],\n  '--leaf-color-danger-alpha-10': ['danger', 'alpha', 10],\n  '--leaf-color-danger-alpha-11': ['danger', 'alpha', 11],\n  '--leaf-color-danger-alpha-12': ['danger', 'alpha', 12],\n  '--leaf-color-danger-alpha-15': ['danger', 'alpha', 15],\n  '--leaf-color-danger-alpha-18': ['danger', 'alpha', 18],\n  '--leaf-color-danger-alpha-22': ['danger', 'alpha', 22],\n  '--leaf-color-danger-alpha-25': ['danger', 'alpha', 25],\n  '--leaf-color-danger-alpha-42': ['danger', 'alpha', 42],\n  '--leaf-color-danger-alpha-7': ['danger', 'alpha', 7],\n  '--leaf-color-danger-alpha-8': ['danger', 'alpha', 8],\n  '--leaf-color-danger-alpha-9': ['danger', 'alpha', 9],\n  '--leaf-color-danger-border-12': ['danger', 'border', 12],\n  '--leaf-color-danger-border-30': ['danger', 'border', 30],\n  '--leaf-color-danger-surface-4': ['danger', 'surface', 4],\n  '--leaf-color-danger-surface-5': ['danger', 'surface', 5],\n  '--leaf-color-danger-surface-6': ['danger', 'surface', 6],\n  '--leaf-color-danger-surface-8': ['danger', 'surface', 8],\n  '--leaf-color-danger-surface-9': ['danger', 'surface', 9],\n  '--leaf-color-danger-white-97-5': ['danger', 'white', 97.5],\n  '--leaf-color-info-alpha-10': ['info', 'alpha', 10],\n  '--leaf-color-info-alpha-15': ['info', 'alpha', 15],\n  '--leaf-color-info-alpha-22': ['info', 'alpha', 22],\n  '--leaf-color-info-alpha-8': ['info', 'alpha', 8],\n  '--leaf-color-info-alpha-9': ['info', 'alpha', 9],\n  '--leaf-color-info-border-12': ['info', 'border', 12],\n  '--leaf-color-info-surface-5': ['info', 'surface', 5],\n  '--leaf-color-info-surface-8': ['info', 'surface', 8],\n  '--leaf-color-info-surface-9': ['info', 'surface', 9],\n  '--leaf-color-primary-alpha-10': ['primary', 'alpha', 10],\n  '--leaf-color-primary-alpha-11': ['primary', 'alpha', 11],\n  '--leaf-color-primary-alpha-12': ['primary', 'alpha', 12],\n  '--leaf-color-primary-alpha-15': ['primary', 'alpha', 15],\n  '--leaf-color-primary-alpha-16': ['primary', 'alpha', 16],\n  '--leaf-color-primary-alpha-18': ['primary', 'alpha', 18],\n  '--leaf-color-primary-alpha-20': ['primary', 'alpha', 20],\n  '--leaf-color-primary-alpha-22': ['primary', 'alpha', 22],\n  '--leaf-color-primary-alpha-25': ['primary', 'alpha', 25],\n  '--leaf-color-primary-alpha-35': ['primary', 'alpha', 35],\n  '--leaf-color-primary-alpha-4': ['primary', 'alpha', 4],\n  '--leaf-color-primary-alpha-42': ['primary', 'alpha', 42],\n  '--leaf-color-primary-alpha-45': ['primary', 'alpha', 45],\n  '--leaf-color-primary-alpha-55': ['primary', 'alpha', 55],\n  '--leaf-color-primary-alpha-8': ['primary', 'alpha', 8],\n  '--leaf-color-primary-alpha-9': ['primary', 'alpha', 9],\n  '--leaf-color-primary-border-12': ['primary', 'border', 12],\n  '--leaf-color-primary-border-24': ['primary', 'border', 24],\n  '--leaf-color-primary-border-30': ['primary', 'border', 30],\n  '--leaf-color-primary-border-35': ['primary', 'border', 35],\n  '--leaf-color-primary-surface-10': ['primary', 'surface', 10],\n  '--leaf-color-primary-surface-14': ['primary', 'surface', 14],\n  '--leaf-color-primary-surface-28': ['primary', 'surface', 28],\n  '--leaf-color-primary-surface-3': ['primary', 'surface', 3],\n  '--leaf-color-primary-surface-5': ['primary', 'surface', 5],\n  '--leaf-color-primary-surface-6': ['primary', 'surface', 6],\n  '--leaf-color-primary-surface-7': ['primary', 'surface', 7],\n  '--leaf-color-primary-surface-8': ['primary', 'surface', 8],\n  '--leaf-color-primary-surface-9': ['primary', 'surface', 9],\n  '--leaf-color-primary-text-55': ['primary', 'text', 55],\n  '--leaf-color-primary-text-85': ['primary', 'text', 85],\n  '--leaf-color-primary-white-97-5': ['primary', 'white', 97.5],\n  '--leaf-color-success-alpha-10': ['success', 'alpha', 10],\n  '--leaf-color-success-alpha-15': ['success', 'alpha', 15],\n  '--leaf-color-success-alpha-22': ['success', 'alpha', 22],\n  '--leaf-color-success-alpha-8': ['success', 'alpha', 8],\n  '--leaf-color-success-alpha-9': ['success', 'alpha', 9],\n  '--leaf-color-success-border-12': ['success', 'border', 12],\n  '--leaf-color-success-surface-5': ['success', 'surface', 5],\n  '--leaf-color-success-surface-8': ['success', 'surface', 8],\n  '--leaf-color-success-surface-9': ['success', 'surface', 9],\n  '--leaf-color-surface-alpha-55': ['surface', 'alpha', 55],\n  '--leaf-color-surface-alpha-90': ['surface', 'alpha', 90],\n  '--leaf-color-surface-muted-alpha-45': ['surface-muted', 'alpha', 45],\n  '--leaf-color-surface-muted-alpha-50': ['surface-muted', 'alpha', 50],\n  '--leaf-color-surface-muted-border-65': ['surface-muted', 'border', 65],\n  '--leaf-color-surface-muted-border-75': ['surface-muted', 'border', 75],\n  '--leaf-color-surface-text-98': ['surface', 'text', 98],\n  '--leaf-color-text-alpha-10': ['text', 'alpha', 10],\n  '--leaf-color-text-alpha-15': ['text', 'alpha', 15],\n  '--leaf-color-text-alpha-16': ['text', 'alpha', 16],\n  '--leaf-color-text-alpha-18': ['text', 'alpha', 18],\n  '--leaf-color-text-alpha-8': ['text', 'alpha', 8],\n  '--leaf-color-text-alpha-9': ['text', 'alpha', 9],\n  '--leaf-color-text-border-12': ['text', 'border', 12],\n  '--leaf-color-text-muted-alpha-10': ['text-muted', 'alpha', 10],\n  '--leaf-color-text-muted-alpha-22': ['text-muted', 'alpha', 22],\n  '--leaf-color-text-muted-surface-8': ['text-muted', 'surface', 8],\n  '--leaf-color-text-muted-surface-9': ['text-muted', 'surface', 9],\n  '--leaf-color-text-muted-surface-92': ['text-muted', 'surface', 92],\n  '--leaf-color-text-subtle-alpha-9': ['text-subtle', 'alpha', 9],\n  '--leaf-color-text-subtle-surface-muted-38': ['text-subtle', 'surface-muted', 38],\n  '--leaf-color-text-surface-5': ['text', 'surface', 5],\n  '--leaf-color-warning-alpha-10': ['warning', 'alpha', 10],\n  '--leaf-color-warning-alpha-12': ['warning', 'alpha', 12],\n  '--leaf-color-warning-alpha-15': ['warning', 'alpha', 15],\n  '--leaf-color-warning-alpha-16': ['warning', 'alpha', 16],\n  '--leaf-color-warning-alpha-22': ['warning', 'alpha', 22],\n  '--leaf-color-warning-alpha-8': ['warning', 'alpha', 8],\n  '--leaf-color-warning-alpha-9': ['warning', 'alpha', 9],\n  '--leaf-color-warning-border-12': ['warning', 'border', 12],\n  '--leaf-color-warning-border-30': ['warning', 'border', 30],\n  '--leaf-color-warning-surface-11': ['warning', 'surface', 11],\n  '--leaf-color-warning-surface-5': ['warning', 'surface', 5],\n  '--leaf-color-warning-surface-8': ['warning', 'surface', 8],\n  '--leaf-color-warning-surface-9': ['warning', 'surface', 9],\n};\n"],"names":["colorRecipes"],"mappings":"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"}
+{"version":3,"file":"color-recipes.js","sources":["../../../../src/color-recipes.ts"],"sourcesContent":["// Semantic recipes shared by runtime themes and generated static palettes.\nexport const colorRecipes: Record<string, readonly [string, string, number]> = {\n  '--leaf-color-option-hover': ['text', 'surface', 9],\n  '--leaf-color-primary-text-80': ['primary', 'text', 80],\n  '--leaf-color-success-text-80': ['success', 'text', 80],\n  '--leaf-color-warning-text-80': ['warning', 'text', 80],\n  '--leaf-color-danger-text-80': ['danger', 'text', 80],\n  '--leaf-color-info-text-80': ['info', 'text', 80],\n  '--leaf-color-border-alpha-55': ['border', 'alpha', 55],\n  '--leaf-color-border-alpha-60': ['border', 'alpha', 60],\n  '--leaf-color-border-alpha-65': ['border', 'alpha', 65],\n  '--leaf-color-border-alpha-85': ['border', 'alpha', 85],\n  '--leaf-color-border-surface-35': ['border', 'surface', 35],\n  '--leaf-color-border-surface-65': ['border', 'surface', 65],\n  '--leaf-color-border-surface-70': ['border', 'surface', 70],\n  '--leaf-color-border-text-muted-65': ['border', 'text-muted', 65],\n  '--leaf-color-danger-alpha-10': ['danger', 'alpha', 10],\n  '--leaf-color-danger-alpha-11': ['danger', 'alpha', 11],\n  '--leaf-color-danger-alpha-12': ['danger', 'alpha', 12],\n  '--leaf-color-danger-alpha-15': ['danger', 'alpha', 15],\n  '--leaf-color-danger-alpha-18': ['danger', 'alpha', 18],\n  '--leaf-color-danger-alpha-22': ['danger', 'alpha', 22],\n  '--leaf-color-danger-alpha-25': ['danger', 'alpha', 25],\n  '--leaf-color-danger-alpha-42': ['danger', 'alpha', 42],\n  '--leaf-color-danger-alpha-7': ['danger', 'alpha', 7],\n  '--leaf-color-danger-alpha-8': ['danger', 'alpha', 8],\n  '--leaf-color-danger-alpha-9': ['danger', 'alpha', 9],\n  '--leaf-color-danger-border-12': ['danger', 'border', 12],\n  '--leaf-color-danger-border-30': ['danger', 'border', 30],\n  '--leaf-color-danger-surface-4': ['danger', 'surface', 4],\n  '--leaf-color-danger-surface-5': ['danger', 'surface', 5],\n  '--leaf-color-danger-surface-6': ['danger', 'surface', 6],\n  '--leaf-color-danger-surface-8': ['danger', 'surface', 8],\n  '--leaf-color-danger-surface-9': ['danger', 'surface', 9],\n  '--leaf-color-danger-white-97-5': ['danger', 'white', 97.5],\n  '--leaf-color-info-alpha-10': ['info', 'alpha', 10],\n  '--leaf-color-info-alpha-15': ['info', 'alpha', 15],\n  '--leaf-color-info-alpha-22': ['info', 'alpha', 22],\n  '--leaf-color-info-alpha-8': ['info', 'alpha', 8],\n  '--leaf-color-info-alpha-9': ['info', 'alpha', 9],\n  '--leaf-color-info-border-12': ['info', 'border', 12],\n  '--leaf-color-info-surface-5': ['info', 'surface', 5],\n  '--leaf-color-info-surface-8': ['info', 'surface', 8],\n  '--leaf-color-info-surface-9': ['info', 'surface', 9],\n  '--leaf-color-primary-alpha-10': ['primary', 'alpha', 10],\n  '--leaf-color-primary-alpha-11': ['primary', 'alpha', 11],\n  '--leaf-color-primary-alpha-12': ['primary', 'alpha', 12],\n  '--leaf-color-primary-alpha-15': ['primary', 'alpha', 15],\n  '--leaf-color-primary-alpha-16': ['primary', 'alpha', 16],\n  '--leaf-color-primary-alpha-18': ['primary', 'alpha', 18],\n  '--leaf-color-primary-alpha-20': ['primary', 'alpha', 20],\n  '--leaf-color-primary-alpha-22': ['primary', 'alpha', 22],\n  '--leaf-color-primary-alpha-25': ['primary', 'alpha', 25],\n  '--leaf-color-primary-alpha-35': ['primary', 'alpha', 35],\n  '--leaf-color-primary-alpha-4': ['primary', 'alpha', 4],\n  '--leaf-color-primary-alpha-42': ['primary', 'alpha', 42],\n  '--leaf-color-primary-alpha-45': ['primary', 'alpha', 45],\n  '--leaf-color-primary-alpha-55': ['primary', 'alpha', 55],\n  '--leaf-color-primary-alpha-8': ['primary', 'alpha', 8],\n  '--leaf-color-primary-alpha-9': ['primary', 'alpha', 9],\n  '--leaf-color-primary-border-12': ['primary', 'border', 12],\n  '--leaf-color-primary-border-24': ['primary', 'border', 24],\n  '--leaf-color-primary-border-30': ['primary', 'border', 30],\n  '--leaf-color-primary-border-35': ['primary', 'border', 35],\n  '--leaf-color-primary-surface-10': ['primary', 'surface', 10],\n  '--leaf-color-primary-surface-14': ['primary', 'surface', 14],\n  '--leaf-color-primary-surface-28': ['primary', 'surface', 28],\n  '--leaf-color-primary-surface-3': ['primary', 'surface', 3],\n  '--leaf-color-primary-surface-5': ['primary', 'surface', 5],\n  '--leaf-color-primary-surface-6': ['primary', 'surface', 6],\n  '--leaf-color-primary-surface-7': ['primary', 'surface', 7],\n  '--leaf-color-primary-surface-8': ['primary', 'surface', 8],\n  '--leaf-color-primary-surface-9': ['primary', 'surface', 9],\n  '--leaf-color-primary-text-55': ['primary', 'text', 55],\n  '--leaf-color-primary-text-85': ['primary', 'text', 85],\n  '--leaf-color-primary-white-97-5': ['primary', 'white', 97.5],\n  '--leaf-color-success-alpha-10': ['success', 'alpha', 10],\n  '--leaf-color-success-alpha-15': ['success', 'alpha', 15],\n  '--leaf-color-success-alpha-22': ['success', 'alpha', 22],\n  '--leaf-color-success-alpha-8': ['success', 'alpha', 8],\n  '--leaf-color-success-alpha-9': ['success', 'alpha', 9],\n  '--leaf-color-success-border-12': ['success', 'border', 12],\n  '--leaf-color-success-surface-5': ['success', 'surface', 5],\n  '--leaf-color-success-surface-8': ['success', 'surface', 8],\n  '--leaf-color-success-surface-9': ['success', 'surface', 9],\n  '--leaf-color-surface-alpha-55': ['surface', 'alpha', 55],\n  '--leaf-color-surface-alpha-90': ['surface', 'alpha', 90],\n  '--leaf-color-surface-muted-alpha-45': ['surface-muted', 'alpha', 45],\n  '--leaf-color-surface-muted-alpha-50': ['surface-muted', 'alpha', 50],\n  '--leaf-color-surface-muted-border-65': ['surface-muted', 'border', 65],\n  '--leaf-color-surface-muted-border-75': ['surface-muted', 'border', 75],\n  '--leaf-color-surface-text-98': ['surface', 'text', 98],\n  '--leaf-color-text-alpha-10': ['text', 'alpha', 10],\n  '--leaf-color-text-alpha-15': ['text', 'alpha', 15],\n  '--leaf-color-text-alpha-16': ['text', 'alpha', 16],\n  '--leaf-color-text-alpha-18': ['text', 'alpha', 18],\n  '--leaf-color-text-alpha-8': ['text', 'alpha', 8],\n  '--leaf-color-text-alpha-9': ['text', 'alpha', 9],\n  '--leaf-color-text-border-12': ['text', 'border', 12],\n  '--leaf-color-text-muted-alpha-10': ['text-muted', 'alpha', 10],\n  '--leaf-color-text-muted-alpha-22': ['text-muted', 'alpha', 22],\n  '--leaf-color-text-muted-surface-8': ['text-muted', 'surface', 8],\n  '--leaf-color-text-muted-surface-9': ['text-muted', 'surface', 9],\n  '--leaf-color-text-muted-surface-92': ['text-muted', 'surface', 92],\n  '--leaf-color-text-subtle-alpha-9': ['text-subtle', 'alpha', 9],\n  '--leaf-color-text-subtle-surface-muted-38': ['text-subtle', 'surface-muted', 38],\n  '--leaf-color-text-surface-5': ['text', 'surface', 5],\n  '--leaf-color-warning-alpha-10': ['warning', 'alpha', 10],\n  '--leaf-color-warning-alpha-12': ['warning', 'alpha', 12],\n  '--leaf-color-warning-alpha-15': ['warning', 'alpha', 15],\n  '--leaf-color-warning-alpha-16': ['warning', 'alpha', 16],\n  '--leaf-color-warning-alpha-22': ['warning', 'alpha', 22],\n  '--leaf-color-warning-alpha-8': ['warning', 'alpha', 8],\n  '--leaf-color-warning-alpha-9': ['warning', 'alpha', 9],\n  '--leaf-color-warning-border-12': ['warning', 'border', 12],\n  '--leaf-color-warning-border-30': ['warning', 'border', 30],\n  '--leaf-color-warning-surface-11': ['warning', 'surface', 11],\n  '--leaf-color-warning-surface-5': ['warning', 'surface', 5],\n  '--leaf-color-warning-surface-8': ['warning', 'surface', 8],\n  '--leaf-color-warning-surface-9': ['warning', 'surface', 9],\n};\n"],"names":["colorRecipes"],"mappings":"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"}