@logicplanes/kaeso-ui 0.4.6 → 0.4.8

package/dist/chunks/{input-Bo5-UZg2.js.map → input-D1SeLe3X.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-Bo5-UZg2.js","names":["__icon_Search01Icon","__icon_Cancel01Icon","warnStylingClassName","useUiText","Icon","KbdSequence","useField","useFieldControl","withField","InputGroup","INPUT_ICON_SIZE","KAESO_INPUT_VARIANTS","KAESO_INPUT_DEFAULT_VARIANTS","Input","force","rest","props","className","field","fc","inner","InputGroupFromField","invalid","error","label","description","align","id","leadingIcon","trailing","size","prefix","children","suffix","KAESO_SEARCH_INPUT_VARIANTS","KAESO_SEARCH_INPUT_DEFAULT_VARIANTS","SearchInput","t","setInner","useState","defaultValue","controlled","value","current","input","useRef","clear","el","onClear","ref","Search01Icon","placeholder","onChange","onKeyDown","Cancel01Icon","shortcut"],"sources":["../../src/components/input/input.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, type InputHTMLAttributes, type KeyboardEvent, type ReactNode } from \"react\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { InputGroup, INPUT_ICON_SIZE, type InputSize } from \"./input-group.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\nimport { Search01Icon as __icon_Search01Icon, Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_INPUT_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32\" },\n    md: { classes: \"h-36\" },\n    lg: { classes: \"h-40\" },\n    xl: { classes: \"h-48\" },\n  },\n} as const;\nexport const KAESO_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"prefix\">, FieldWrapProps {\n  size?: InputSize | undefined;\n  leadingIcon?: IconData | undefined;\n  prefix?: ReactNode | undefined;\n  suffix?: ReactNode | undefined;\n  trailing?: ReactNode | undefined;\n  invalid?: boolean | undefined;\n  align?: \"start\" | \"end\" | undefined;\n  \"data-force\"?: string | undefined;\n  className?: string | undefined;\n}\n\nexport const Input = /* @__PURE__ */ forwardRef<HTMLInputElement, InputProps>(function Input(props, ref) {\n  const {\n    size = \"md\",\n    leadingIcon,\n    prefix,\n    suffix,\n    trailing,\n    invalid,\n    align,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    disabled,\n    readOnly,\n    id,\n    \"data-force\": force,\n    ...rest\n  } = props;\n  warnStylingClassName(\"Input\", className);\n  const field = useField();\n  const fc = useFieldControl(props);\n  const inner = (\n    <InputGroupFromField\n      size={size}\n      leadingIcon={leadingIcon}\n      prefix={prefix}\n      suffix={suffix}\n      trailing={trailing}\n      invalid={invalid || !!error}\n      disabled={disabled}\n      readOnly={readOnly}\n      force={force}\n      className={label || description || error ? undefined : className}\n    >\n      <InputGroup.Input\n        ref={ref}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        className={align === \"end\" ? \"text-end tabular\" : undefined}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(invalid || error ? { \"aria-invalid\": true } : {})}\n        {...rest}\n      />\n    </InputGroupFromField>\n  );\n  if (field) return inner;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, inner);\n});\nif (process.env.NODE_ENV !== \"production\") Input.displayName = \"Input\";\n\nfunction InputGroupFromField({\n  size,\n  leadingIcon,\n  prefix,\n  suffix,\n  trailing,\n  invalid,\n  disabled,\n  readOnly,\n  force,\n  className,\n  children,\n}: {\n  size: InputSize;\n  leadingIcon?: IconData | undefined;\n  prefix?: ReactNode | undefined;\n  suffix?: ReactNode | undefined;\n  trailing?: ReactNode | undefined;\n  invalid?: boolean | undefined;\n  disabled?: boolean | undefined;\n  readOnly?: boolean | undefined;\n  force?: string | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <InputGroup\n      size={size}\n      leadingIcon={!!leadingIcon}\n      trailingButton={!!trailing}\n      invalid={invalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      className={className}\n      {...(force ? { \"data-force\": force } : {})}\n    >\n      {leadingIcon && <Icon icon={leadingIcon} size={INPUT_ICON_SIZE[size]} className=\"text-fg-tertiary\" />}\n      {prefix && <InputGroup.Addon data-join>{prefix}</InputGroup.Addon>}\n      {children}\n      {suffix && <InputGroup.Addon>{suffix}</InputGroup.Addon>}\n      {trailing}\n    </InputGroup>\n  );\n}\n\nexport const KAESO_SEARCH_INPUT_VARIANTS = {\n  size: {\n    sm: { classes: KAESO_INPUT_VARIANTS.size.sm.classes },\n    md: { classes: KAESO_INPUT_VARIANTS.size.md.classes },\n    lg: { classes: KAESO_INPUT_VARIANTS.size.lg.classes },\n    xl: { classes: KAESO_INPUT_VARIANTS.size.xl.classes },\n  },\n} as const;\nexport const KAESO_SEARCH_INPUT_DEFAULT_VARIANTS = { size: \"sm\" } as const;\n\nexport interface SearchInputProps extends Omit<InputProps, \"leadingIcon\" | \"type\" | \"prefix\" | \"suffix\"> {\n  shortcut?: string[] | undefined;\n  onClear?: (() => void) | undefined;\n  placeholder?: string | undefined;\n}\n\nexport const SearchInput = /* @__PURE__ */ forwardRef<HTMLInputElement, SearchInputProps>(function SearchInput(\n  { shortcut, onClear, value, defaultValue, onChange, onKeyDown, placeholder, size = \"sm\", ...props },\n  ref,\n) {\n  const t = useUiText();\n  const [inner, setInner] = useState(String(defaultValue ?? \"\"));\n  const controlled = value !== undefined;\n  const current = controlled ? String(value) : inner;\n  const input = useRef<HTMLInputElement | null>(null);\n  const clear = () => {\n    const el = input.current;\n    if (!controlled) setInner(\"\");\n    else if (el && !onClear) {\n      Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, \"value\")?.set?.call(el, \"\");\n      el.dispatchEvent(new Event(\"input\", { bubbles: true }));\n    }\n    onClear?.();\n    el?.focus();\n  };\n  return (\n    <Input\n      ref={(el) => {\n        input.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      type=\"search\"\n      size={size}\n      leadingIcon={__icon_Search01Icon}\n      placeholder={placeholder ?? t(\"searchInput.placeholder\", \"Search\")}\n      autoComplete=\"off\"\n      spellCheck={false}\n      value={current}\n      onChange={(e) => {\n        if (!controlled) setInner(e.target.value);\n        onChange?.(e);\n      }}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Escape\" && current) {\n          e.stopPropagation();\n          clear();\n        }\n        onKeyDown?.(e);\n      }}\n      trailing={\n        current && !props.readOnly && !props.disabled ? (\n          <InputGroup.Button icon={__icon_Cancel01Icon} aria-label={t(\"searchInput.clear\", \"Clear search\")} onClick={clear} />\n        ) : undefined\n      }\n      suffix={\n        !current && shortcut ? (\n          <KbdSequence keys={shortcut} className={props[\"data-force\"]?.includes(\"focus\") ? \"invisible\" : \"group-focus-within/field:invisible\"} />\n        ) : undefined\n      }\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SearchInput.displayName = \"SearchInput\";\n"],"mappings":"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"}
+{"version":3,"file":"input-D1SeLe3X.js","names":["__icon_Search01Icon","__icon_Cancel01Icon","warnStylingClassName","useUiText","Icon","KbdSequence","useField","useFieldControl","withField","InputGroup","INPUT_ICON_SIZE","KAESO_INPUT_VARIANTS","KAESO_INPUT_DEFAULT_VARIANTS","Input","force","rest","props","className","field","fc","inner","InputGroupFromField","invalid","error","label","description","align","id","leadingIcon","trailing","size","prefix","children","suffix","KAESO_SEARCH_INPUT_VARIANTS","KAESO_SEARCH_INPUT_DEFAULT_VARIANTS","SearchInput","t","setInner","useState","defaultValue","controlled","value","current","input","useRef","clear","el","onClear","ref","Search01Icon","placeholder","onChange","onKeyDown","Cancel01Icon","shortcut"],"sources":["../../src/components/input/input.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, type InputHTMLAttributes, type KeyboardEvent, type ReactNode } from \"react\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { InputGroup, INPUT_ICON_SIZE, type InputSize } from \"./input-group.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\nimport { Search01Icon as __icon_Search01Icon, Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_INPUT_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32\" },\n    md: { classes: \"h-36\" },\n    lg: { classes: \"h-40\" },\n    xl: { classes: \"h-48\" },\n  },\n} as const;\nexport const KAESO_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\" | \"prefix\">, FieldWrapProps {\n  size?: InputSize | undefined;\n  leadingIcon?: IconData | undefined;\n  prefix?: ReactNode | undefined;\n  suffix?: ReactNode | undefined;\n  trailing?: ReactNode | undefined;\n  invalid?: boolean | undefined;\n  align?: \"start\" | \"end\" | undefined;\n  \"data-force\"?: string | undefined;\n  className?: string | undefined;\n}\n\nexport const Input = /* @__PURE__ */ forwardRef<HTMLInputElement, InputProps>(function Input(props, ref) {\n  const {\n    size = \"md\",\n    leadingIcon,\n    prefix,\n    suffix,\n    trailing,\n    invalid,\n    align,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    disabled,\n    readOnly,\n    id,\n    \"data-force\": force,\n    ...rest\n  } = props;\n  warnStylingClassName(\"Input\", className);\n  const field = useField();\n  const fc = useFieldControl(props);\n  const inner = (\n    <InputGroupFromField\n      size={size}\n      leadingIcon={leadingIcon}\n      prefix={prefix}\n      suffix={suffix}\n      trailing={trailing}\n      invalid={invalid || !!error}\n      disabled={disabled}\n      readOnly={readOnly}\n      force={force}\n      className={label || description || error ? undefined : className}\n    >\n      <InputGroup.Input\n        ref={ref}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        className={align === \"end\" ? \"text-end tabular\" : undefined}\n        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(invalid || error ? { \"aria-invalid\": true } : {})}\n        {...rest}\n      />\n    </InputGroupFromField>\n  );\n  if (field) return inner;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, inner);\n});\nif (process.env.NODE_ENV !== \"production\") Input.displayName = \"Input\";\n\nfunction InputGroupFromField({\n  size,\n  leadingIcon,\n  prefix,\n  suffix,\n  trailing,\n  invalid,\n  disabled,\n  readOnly,\n  force,\n  className,\n  children,\n}: {\n  size: InputSize;\n  leadingIcon?: IconData | undefined;\n  prefix?: ReactNode | undefined;\n  suffix?: ReactNode | undefined;\n  trailing?: ReactNode | undefined;\n  invalid?: boolean | undefined;\n  disabled?: boolean | undefined;\n  readOnly?: boolean | undefined;\n  force?: string | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <InputGroup\n      size={size}\n      leadingIcon={!!leadingIcon}\n      trailingButton={!!trailing}\n      invalid={invalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      className={className}\n      {...(force ? { \"data-force\": force } : {})}\n    >\n      {leadingIcon && <Icon icon={leadingIcon} size={INPUT_ICON_SIZE[size]} className=\"text-fg-tertiary\" />}\n      {prefix && <InputGroup.Addon data-join>{prefix}</InputGroup.Addon>}\n      {children}\n      {suffix && <InputGroup.Addon>{suffix}</InputGroup.Addon>}\n      {trailing}\n    </InputGroup>\n  );\n}\n\nexport const KAESO_SEARCH_INPUT_VARIANTS = {\n  size: {\n    sm: { classes: KAESO_INPUT_VARIANTS.size.sm.classes },\n    md: { classes: KAESO_INPUT_VARIANTS.size.md.classes },\n    lg: { classes: KAESO_INPUT_VARIANTS.size.lg.classes },\n    xl: { classes: KAESO_INPUT_VARIANTS.size.xl.classes },\n  },\n} as const;\nexport const KAESO_SEARCH_INPUT_DEFAULT_VARIANTS = { size: \"sm\" } as const;\n\nexport interface SearchInputProps extends Omit<InputProps, \"leadingIcon\" | \"type\" | \"prefix\" | \"suffix\"> {\n  shortcut?: string[] | undefined;\n  onClear?: (() => void) | undefined;\n  placeholder?: string | undefined;\n}\n\nexport const SearchInput = /* @__PURE__ */ forwardRef<HTMLInputElement, SearchInputProps>(function SearchInput(\n  { shortcut, onClear, value, defaultValue, onChange, onKeyDown, placeholder, size = \"sm\", ...props },\n  ref,\n) {\n  const t = useUiText();\n  const [inner, setInner] = useState(String(defaultValue ?? \"\"));\n  const controlled = value !== undefined;\n  const current = controlled ? String(value) : inner;\n  const input = useRef<HTMLInputElement | null>(null);\n  const clear = () => {\n    const el = input.current;\n    if (!controlled) setInner(\"\");\n    else if (el && !onClear) {\n      Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, \"value\")?.set?.call(el, \"\");\n      el.dispatchEvent(new Event(\"input\", { bubbles: true }));\n    }\n    onClear?.();\n    el?.focus();\n  };\n  return (\n    <Input\n      ref={(el) => {\n        input.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      }}\n      type=\"search\"\n      size={size}\n      leadingIcon={__icon_Search01Icon}\n      placeholder={placeholder ?? t(\"searchInput.placeholder\", \"Search\")}\n      autoComplete=\"off\"\n      spellCheck={false}\n      value={current}\n      onChange={(e) => {\n        if (!controlled) setInner(e.target.value);\n        onChange?.(e);\n      }}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Escape\" && current) {\n          e.stopPropagation();\n          clear();\n        }\n        onKeyDown?.(e);\n      }}\n      trailing={\n        current && !props.readOnly && !props.disabled ? (\n          <InputGroup.Button icon={__icon_Cancel01Icon} aria-label={t(\"searchInput.clear\", \"Clear search\")} onClick={clear} />\n        ) : undefined\n      }\n      suffix={\n        !current && shortcut ? (\n          <KbdSequence keys={shortcut} className={props[\"data-force\"]?.includes(\"focus\") ? \"invisible\" : \"group-focus-within/field:invisible\"} />\n        ) : undefined\n      }\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SearchInput.displayName = \"SearchInput\";\n"],"mappings":"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"}

package/dist/chunks/{input-group-jPcK9T_a.js → input-group-BbxwEAUP.js}

@@ -1,7 +1,7 @@
 "use client";
 import { t as e } from "./cn-BjnOAUrA.js";
 import { t } from "./icon-CBzOwqrX.js";
-import { n } from "./button-IblhXUyZ.js";
+import { n } from "./button-DrmFgdIi.js";
 import { createContext as r, forwardRef as i, useContext as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/utils/field-press.ts
@@ -103,4 +103,4 @@ var b = /* @__PURE__ */ Object.assign(g, {
 //#endregion
 export { d as a, l as i, b as n, x as o, u as r, p as t };
 
-//# sourceMappingURL=input-group-jPcK9T_a.js.map
+//# sourceMappingURL=input-group-BbxwEAUP.js.map

package/dist/chunks/{input-group-jPcK9T_a.js.map → input-group-BbxwEAUP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-group-jPcK9T_a.js","names":["cn","focusInputOnPress","input","KAESO_INPUT_GROUP_VARIANTS","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","LEADING","TRAILING_BUTTON","INPUT_ICON_SIZE","PREFIX_JOIN","Ctx","Root","props","size","leadingIcon","trailingButton","disabled","className","invalid","readOnly","Input","useContext","Addon","join","icon","Icon","children","GroupButton","Button","InputGroup","useInputGroupSize"],"sources":["../../src/utils/field-press.ts","../../src/components/input/input-group.tsx"],"sourcesContent":["import type { MouseEvent } from \"react\";\n\nexport function focusInputOnPress(e: MouseEvent<HTMLElement>) {\n  if (e.target !== e.currentTarget) return;\n  const input = e.currentTarget.querySelector(\"input:not([type=hidden])\") as HTMLInputElement | null;\n  if (!input || input.disabled) return;\n  e.preventDefault();\n  input.focus();\n}\n","import type * as React from \"react\";\nimport { createContext, forwardRef, useContext, type HTMLAttributes, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { focusInputOnPress } from \"../../utils/field-press.js\";\nimport { Icon, type IconData, type IconSize } from \"../icon/icon.js\";\nimport { Button } from \"../button/button.js\";\n\nexport const KAESO_INPUT_GROUP_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 px-12 gap-6 text-body\" },\n    md: { classes: \"h-36 px-16 gap-8 text-body\" },\n    lg: { classes: \"h-40 px-18 gap-8 text-body\" },\n    xl: { classes: \"h-48 px-22 gap-8 text-body-lg\" },\n  },\n} as const;\nexport const KAESO_INPUT_GROUP_DEFAULT_VARIANTS = { size: \"md\" } as const;\nexport type InputSize = keyof typeof KAESO_INPUT_GROUP_VARIANTS.size;\n\nexport const LEADING: Record<InputSize, string> = { sm: \"pl-10\", md: \"pl-14\", lg: \"pl-16\", xl: \"pl-20\" };\nconst TRAILING_BUTTON: Record<InputSize, string> = { sm: \"pr-4\", md: \"pr-2\", lg: \"pr-4\", xl: \"pr-6\" };\nexport const INPUT_ICON_SIZE: Record<InputSize, IconSize> = { sm: \"sm\", md: \"sm\", lg: \"md\", xl: \"lg\" };\n\nconst PREFIX_JOIN: Record<InputSize, string> = { sm: \"-me-6\", md: \"-me-8\", lg: \"-me-8\", xl: \"-me-8\" };\n\nconst Ctx = /* @__PURE__ */ createContext<{ size: InputSize; invalid?: boolean | undefined; disabled?: boolean | undefined }>({ size: \"md\" });\n\nexport interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {\n  size?: InputSize | undefined;\n  leadingIcon?: boolean | undefined;\n  trailingButton?: boolean | undefined;\n  invalid?: boolean | undefined;\n  disabled?: boolean | undefined;\n  readOnly?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, InputGroupProps>(function InputGroup(\n  { size = \"md\", leadingIcon, trailingButton, invalid, disabled, readOnly, className, children, ...props },\n  ref,\n) {\n  return (\n    <Ctx.Provider value={{ size, invalid, disabled }}>\n      <div\n        ref={ref}\n        className={cn(\n          \"group/field relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n          KAESO_INPUT_GROUP_VARIANTS.size[size].classes,\n          leadingIcon && LEADING[size],\n          trailingButton && TRAILING_BUTTON[size],\n          disabled && \"cursor-not-allowed\",\n          className,\n        )}\n        {...(invalid ? { \"data-invalid\": \"\" } : {})}\n        {...(disabled ? { \"data-disabled\": \"\" } : {})}\n        {...(readOnly ? { \"data-readonly\": \"\" } : {})}\n        onMouseDown={focusInputOnPress}\n        {...props}\n      >\n        {children}\n      </div>\n    </Ctx.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"InputGroup\";\n\nexport interface InputGroupInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {}\n\nconst Input = /* @__PURE__ */ forwardRef<HTMLInputElement, InputGroupInputProps>(function InputGroupInput({ className, ...props }, ref) {\n  const { invalid, disabled } = useContext(Ctx);\n  return (\n    <input\n      ref={ref}\n      {...(invalid ? { \"aria-invalid\": true } : {})}\n      {...(disabled ? { disabled: true } : {})}\n      className={cn(\n        \"min-w-0 flex-1 bg-transparent bidi-plaintext text-inherit text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed disabled:text-fg-disabled read-only:cursor-text data-mono:mono data-mono:text-small\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Input.displayName = \"InputGroup.Input\";\n\nexport interface InputGroupAddonProps extends HTMLAttributes<HTMLSpanElement> {\n  icon?: IconData | undefined;\n  \"data-join\"?: boolean | undefined;\n}\n\nconst Addon = /* @__PURE__ */ forwardRef<HTMLSpanElement, InputGroupAddonProps>(function InputGroupAddon({ icon, className, children, \"data-join\": join, ...props }, ref) {\n  const { size } = useContext(Ctx);\n  return (\n    <span\n      ref={ref}\n      className={cn(\"inline-flex shrink-0 items-center gap-4 bidi-plaintext text-fg-secondary select-none\", join && PREFIX_JOIN[size], className)}\n      {...props}\n    >\n      {icon && <Icon icon={icon} size={INPUT_ICON_SIZE[size]} />}\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Addon.displayName = \"InputGroup.Addon\";\n\nexport interface InputGroupButtonProps {\n  icon: IconData;\n  \"aria-label\": string;\n  onClick?: (() => void) | undefined;\n  disabled?: boolean | undefined;\n  className?: string | undefined;\n}\n\nconst GroupButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, InputGroupButtonProps>(function InputGroupButton({ icon, className, ...props }, ref) {\n  const { size, disabled } = useContext(Ctx);\n  return (\n    <Button\n      {...(disabled ? { disabled: true } : {})}\n      ref={ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>}\n      shape=\"circle\"\n      variant=\"quiet\"\n      size={size === \"xl\" ? \"md\" : size === \"lg\" ? \"sm\" : size === \"md\" ? \"sm\" : \"xs\"}\n      icon={icon}\n      className={className}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") GroupButton.displayName = \"InputGroup.Button\";\n\nexport const InputGroup = /* @__PURE__ */ Object.assign(Root, { Input, Addon, Button: GroupButton });\nexport const useInputGroupSize = () => useContext(Ctx).size;\n"],"mappings":"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"}
+{"version":3,"file":"input-group-BbxwEAUP.js","names":["cn","focusInputOnPress","input","KAESO_INPUT_GROUP_VARIANTS","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","LEADING","TRAILING_BUTTON","INPUT_ICON_SIZE","PREFIX_JOIN","Ctx","Root","props","size","leadingIcon","trailingButton","disabled","className","invalid","readOnly","Input","useContext","Addon","join","icon","Icon","children","GroupButton","Button","InputGroup","useInputGroupSize"],"sources":["../../src/utils/field-press.ts","../../src/components/input/input-group.tsx"],"sourcesContent":["import type { MouseEvent } from \"react\";\n\nexport function focusInputOnPress(e: MouseEvent<HTMLElement>) {\n  if (e.target !== e.currentTarget) return;\n  const input = e.currentTarget.querySelector(\"input:not([type=hidden])\") as HTMLInputElement | null;\n  if (!input || input.disabled) return;\n  e.preventDefault();\n  input.focus();\n}\n","import type * as React from \"react\";\nimport { createContext, forwardRef, useContext, type HTMLAttributes, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { focusInputOnPress } from \"../../utils/field-press.js\";\nimport { Icon, type IconData, type IconSize } from \"../icon/icon.js\";\nimport { Button } from \"../button/button.js\";\n\nexport const KAESO_INPUT_GROUP_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 px-12 gap-6 text-body\" },\n    md: { classes: \"h-36 px-16 gap-8 text-body\" },\n    lg: { classes: \"h-40 px-18 gap-8 text-body\" },\n    xl: { classes: \"h-48 px-22 gap-8 text-body-lg\" },\n  },\n} as const;\nexport const KAESO_INPUT_GROUP_DEFAULT_VARIANTS = { size: \"md\" } as const;\nexport type InputSize = keyof typeof KAESO_INPUT_GROUP_VARIANTS.size;\n\nexport const LEADING: Record<InputSize, string> = { sm: \"pl-10\", md: \"pl-14\", lg: \"pl-16\", xl: \"pl-20\" };\nconst TRAILING_BUTTON: Record<InputSize, string> = { sm: \"pr-4\", md: \"pr-2\", lg: \"pr-4\", xl: \"pr-6\" };\nexport const INPUT_ICON_SIZE: Record<InputSize, IconSize> = { sm: \"sm\", md: \"sm\", lg: \"md\", xl: \"lg\" };\n\nconst PREFIX_JOIN: Record<InputSize, string> = { sm: \"-me-6\", md: \"-me-8\", lg: \"-me-8\", xl: \"-me-8\" };\n\nconst Ctx = /* @__PURE__ */ createContext<{ size: InputSize; invalid?: boolean | undefined; disabled?: boolean | undefined }>({ size: \"md\" });\n\nexport interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {\n  size?: InputSize | undefined;\n  leadingIcon?: boolean | undefined;\n  trailingButton?: boolean | undefined;\n  invalid?: boolean | undefined;\n  disabled?: boolean | undefined;\n  readOnly?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, InputGroupProps>(function InputGroup(\n  { size = \"md\", leadingIcon, trailingButton, invalid, disabled, readOnly, className, children, ...props },\n  ref,\n) {\n  return (\n    <Ctx.Provider value={{ size, invalid, disabled }}>\n      <div\n        ref={ref}\n        className={cn(\n          \"group/field relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n          KAESO_INPUT_GROUP_VARIANTS.size[size].classes,\n          leadingIcon && LEADING[size],\n          trailingButton && TRAILING_BUTTON[size],\n          disabled && \"cursor-not-allowed\",\n          className,\n        )}\n        {...(invalid ? { \"data-invalid\": \"\" } : {})}\n        {...(disabled ? { \"data-disabled\": \"\" } : {})}\n        {...(readOnly ? { \"data-readonly\": \"\" } : {})}\n        onMouseDown={focusInputOnPress}\n        {...props}\n      >\n        {children}\n      </div>\n    </Ctx.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"InputGroup\";\n\nexport interface InputGroupInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {}\n\nconst Input = /* @__PURE__ */ forwardRef<HTMLInputElement, InputGroupInputProps>(function InputGroupInput({ className, ...props }, ref) {\n  const { invalid, disabled } = useContext(Ctx);\n  return (\n    <input\n      ref={ref}\n      {...(invalid ? { \"aria-invalid\": true } : {})}\n      {...(disabled ? { disabled: true } : {})}\n      className={cn(\n        \"min-w-0 flex-1 bg-transparent bidi-plaintext text-inherit text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed disabled:text-fg-disabled read-only:cursor-text data-mono:mono data-mono:text-small\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Input.displayName = \"InputGroup.Input\";\n\nexport interface InputGroupAddonProps extends HTMLAttributes<HTMLSpanElement> {\n  icon?: IconData | undefined;\n  \"data-join\"?: boolean | undefined;\n}\n\nconst Addon = /* @__PURE__ */ forwardRef<HTMLSpanElement, InputGroupAddonProps>(function InputGroupAddon({ icon, className, children, \"data-join\": join, ...props }, ref) {\n  const { size } = useContext(Ctx);\n  return (\n    <span\n      ref={ref}\n      className={cn(\"inline-flex shrink-0 items-center gap-4 bidi-plaintext text-fg-secondary select-none\", join && PREFIX_JOIN[size], className)}\n      {...props}\n    >\n      {icon && <Icon icon={icon} size={INPUT_ICON_SIZE[size]} />}\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Addon.displayName = \"InputGroup.Addon\";\n\nexport interface InputGroupButtonProps {\n  icon: IconData;\n  \"aria-label\": string;\n  onClick?: (() => void) | undefined;\n  disabled?: boolean | undefined;\n  className?: string | undefined;\n}\n\nconst GroupButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, InputGroupButtonProps>(function InputGroupButton({ icon, className, ...props }, ref) {\n  const { size, disabled } = useContext(Ctx);\n  return (\n    <Button\n      {...(disabled ? { disabled: true } : {})}\n      ref={ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>}\n      shape=\"circle\"\n      variant=\"quiet\"\n      size={size === \"xl\" ? \"md\" : size === \"lg\" ? \"sm\" : size === \"md\" ? \"sm\" : \"xs\"}\n      icon={icon}\n      className={className}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") GroupButton.displayName = \"InputGroup.Button\";\n\nexport const InputGroup = /* @__PURE__ */ Object.assign(Root, { Input, Addon, Button: GroupButton });\nexport const useInputGroupSize = () => useContext(Ctx).size;\n"],"mappings":";;;;;;;AAEA,SAAgBC,EAAkB,GAA4B;CAC5D,IAAI,EAAE,WAAW,EAAE,eAAe;CAClC,IAAMC,IAAQ,EAAE,cAAc,cAAc,0BAA0B;CACtE,AAAKA,KAAS,GAAM,aACpB,EAAE,eAAe,GACjBA,EAAM,MAAM;AACd;;;ACDA,IAAaC,IAA6B,EACxC,MAAM;CACJ,IAAI,EAAE,SAAS,6BAA6B;CAC5C,IAAI,EAAE,SAAS,6BAA6B;CAC5C,IAAI,EAAE,SAAS,6BAA6B;CAC5C,IAAI,EAAE,SAAS,gCAAgC;AACjD,EACF,GACaC,IAAqC,EAAE,MAAM,KAAK,GAGlDC,IAAqC;CAAE,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;AAAQ,GACjGC,IAA6C;CAAE,IAAI;CAAQ,IAAI;CAAQ,IAAI;CAAQ,IAAI;AAAO,GACvFC,IAA+C;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM,IAAI;AAAK,GAE/FC,IAAyC;CAAE,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;AAAQ,GAE9FC,IAAsB,kBAAkG,EAAE,MAAM,KAAK,CAAC,GAYtIC,IAAuB,kBAA4C,SACvE,EAAE,UAAO,MAAM,gBAAa,mBAAgB,YAAS,aAAU,aAAU,cAAW,aAAU,GAAGC,KACjG,GACA;CACA,OACE,kBAACF,EAAI,UAAL;EAAc,OAAO;GAAE;GAAM;GAAS;EAAS;EAC7C,UAAA,kBAAC,OAAD;GACO;GACL,WAAWT,EACT,oHACAG,EAA2B,KAAKS,EAAK,CAAC,SACtCC,KAAeR,EAAQO,IACvBE,KAAkBR,EAAgBM,IAClCG,KAAY,sBACZC,CACF;GACA,GAAKC,IAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;GACzC,GAAKF,IAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;GAC3C,GAAKG,IAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;GAC3C,aAAajB;GACb,GAAIU;GAEH;EACE,CAAA;CACO,CAAA;AAElB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAI9D,IAAMQ,IAAwB,kBAAmD,SAAyB,EAAE,cAAW,GAAGR,KAAS,GAAK;CACtI,IAAM,EAAE,YAAS,gBAAaS,EAAWX,CAAG;CAC5C,OACE,kBAAC,SAAD;EACO;EACL,GAAKQ,IAAU,EAAE,gBAAgB,GAAK,IAAI,CAAC;EAC3C,GAAKF,IAAW,EAAE,UAAU,GAAK,IAAI,CAAC;EACtC,WAAWf,EACT,+NACAgB,CACF;EACA,GAAIL;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAO/D,IAAMU,IAAwB,kBAAkD,SAAyB,EAAE,SAAM,cAAW,aAAU,aAAaC,GAAM,GAAGX,KAAS,GAAK;CACxK,IAAM,EAAE,YAASS,EAAWX,CAAG;CAC/B,OACE,kBAAC,QAAD;EACO;EACL,WAAWT,EAAG,wFAAwFsB,KAAQd,EAAYI,IAAOI,CAAS;EAC1I,GAAIL;EAHN,UAAA,CAKGY,KAAQ,kBAACC,GAAD;GAAY;GAAM,MAAMjB,EAAgBK;EAAQ,CAAA,GACxDa,CACG;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAU/D,IAAMC,IAA8B,kBAAqD,SAA0B,EAAE,SAAM,cAAW,GAAGf,KAAS,GAAK;CACrJ,IAAM,EAAE,SAAM,gBAAaS,EAAWX,CAAG;CACzC,OACE,kBAACkB,GAAD;EACE,GAAKZ,IAAW,EAAE,UAAU,GAAK,IAAI,CAAC;EACjC;EACL,OAAM;EACN,SAAQ;EACR,MAAMH,MAAS,OAAO,OAAOA,MAAS,QAAcA,MAAS,OAAhB,OAA8B;EACrE;EACK;EACX,GAAID;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAErE,IAAaiB,IAA6B,uBAAO,OAAOlB,GAAM;CAAE;CAAO;CAAO,QAAQgB;AAAY,CAAC,GACtFG,UAA0BT,EAAWX,CAAG,CAAC,CAAC"}

package/dist/chunks/{iso-field-DoqHBg8n.js → iso-field-BVOKAY4H.js}

@@ -1,7 +1,7 @@
 "use client";
 import { i as e } from "./context-BELWW79w.js";
 import { formatISODate as t, parseISODate as n } from "../format.js";
-import { n as r } from "./input-group-jPcK9T_a.js";
+import { n as r } from "./input-group-BbxwEAUP.js";
 import { useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/date-picker/iso-field.tsx
@@ -49,4 +49,4 @@ function c(e, t) {
 //#endregion
 export { o as n, c as r, s as t };
 
-//# sourceMappingURL=iso-field-DoqHBg8n.js.map
+//# sourceMappingURL=iso-field-BVOKAY4H.js.map

package/dist/chunks/{iso-field-DoqHBg8n.js.map → iso-field-BVOKAY4H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"iso-field-DoqHBg8n.js","names":["useUiText","InputGroup","IsoField","t","text","setText","useState","value","formatISODate","shown","setShown","commit","typed","onProblem","d","parseISODate","onCommit","label","invalid","errorId","ISO_PROBLEM","isoProblemText","problem"],"sources":["../../src/components/date-picker/iso-field.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { InputGroup } from \"../input/input-group.js\";\nimport { formatISODate, parseISODate } from \"../../format/index.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport type IsoProblem = \"format\" | \"unavailable\" | \"missing\" | null;\n\nexport function IsoField({\n  label,\n  value,\n  onCommit,\n  onProblem,\n  errorId,\n  invalid,\n}: {\n  label: string;\n  value: Date | undefined;\n  onCommit: (d: Date) => boolean | void;\n  onProblem: (problem: IsoProblem) => void;\n  errorId: string;\n  invalid: boolean;\n}) {\n  const t = useUiText();\n  const [text, setText] = useState(value ? formatISODate(value) : \"\");\n  const [shown, setShown] = useState(value);\n  if (value !== shown) {\n    setShown(value);\n    setText(value ? formatISODate(value) : \"\");\n  }\n  const commit = () => {\n    const typed = text.trim();\n    if (!typed) {\n      setText(value ? formatISODate(value) : \"\");\n      onProblem(null);\n      return;\n    }\n    const d = parseISODate(typed);\n    if (!d) return onProblem(\"format\");\n    if (value && formatISODate(d) === formatISODate(value)) {\n      setText(formatISODate(value));\n      return onProblem(null);\n    }\n    if (onCommit(d) === false) return onProblem(\"unavailable\");\n    onProblem(null);\n  };\n  return (\n    <InputGroup size=\"sm\" className=\"flex-1\" invalid={invalid}>\n      <InputGroup.Input\n        aria-label={label}\n        placeholder={t(\"datePicker.isoPlaceholder\", \"YYYY-MM-DD\")}\n        value={text}\n        inputMode=\"numeric\"\n        className=\"mono text-small\"\n        {...(invalid ? { \"aria-invalid\": true, \"aria-describedby\": errorId } : {})}\n        onChange={(e) => setText(e.target.value)}\n        onBlur={commit}\n        onKeyDown={(e) => {\n          if (e.key !== \"Enter\") return;\n          e.preventDefault();\n          commit();\n        }}\n      />\n    </InputGroup>\n  );\n}\n\nexport const ISO_PROBLEM = \"mt-6 text-small text-pretty text-danger-text empty:mt-0\";\n\nexport function isoProblemText(t: UiText, problem: IsoProblem): string {\n  if (problem === \"format\") return t(\"datePicker.typeIso\", \"Enter the date as YYYY-MM-DD.\");\n  if (problem === \"unavailable\") return t(\"datePicker.unavailableDate\", \"This date can't be chosen. Choose another date.\");\n  if (problem === \"missing\") return t(\"datePicker.startFirst\", \"Choose a start date first.\");\n  return \"\";\n}\n"],"mappings":";;;;;;;AAOA,SAAgBE,EAAS,EACvB,UACA,UACA,aACA,cACA,YACA,cAQC;CACD,IAAMC,IAAIH,EAAU,GACd,CAACI,GAAMC,KAAWC,EAASC,IAAQC,EAAcD,CAAK,IAAI,EAAE,GAC5D,CAACE,GAAOC,KAAYJ,EAASC,CAAK;CACxC,AAAIA,MAAUE,MACZC,EAASH,CAAK,GACdF,EAAQE,IAAQC,EAAcD,CAAK,IAAI,EAAE;CAE3C,IAAMI,UAAe;EACnB,IAAMC,IAAQR,EAAK,KAAK;EACxB,IAAI,CAACQ,GAAO;GAEV,AADAP,EAAQE,IAAQC,EAAcD,CAAK,IAAI,EAAE,GACzCM,EAAU,IAAI;GACd;EACF;EACA,IAAMC,IAAIC,EAAaH,CAAK;EAC5B,IAAI,CAACE,GAAG,OAAOD,EAAU,QAAQ;EACjC,IAAIN,KAASC,EAAcM,CAAC,MAAMN,EAAcD,CAAK,GAEnD,OADAF,EAAQG,EAAcD,CAAK,CAAC,GACrBM,EAAU,IAAI;EAEvB,IAAIG,EAASF,CAAC,MAAM,IAAO,OAAOD,EAAU,aAAa;EACzD,EAAU,IAAI;CAChB;CACA,OACE,kBAACZ,GAAD;EAAY,MAAK;EAAK,WAAU;EAAkB;EAChD,UAAA,kBAACA,EAAW,OAAZ;GACE,cAAYgB;GACZ,aAAad,EAAE,6BAA6B,YAAY;GACxD,OAAOC;GACP,WAAU;GACV,WAAU;GACV,GAAKc,IAAU;IAAE,gBAAgB;IAAM,oBAAoBC;GAAQ,IAAI,CAAC;GACxE,WAAW,MAAMd,EAAQ,EAAE,OAAO,KAAK;GACvC,QAAQM;GACR,YAAY,MAAM;IAChB,AAAI,EAAE,QAAQ,YACd,EAAE,eAAe,GACjBA,EAAO;GACT;EACD,CAAA;CACS,CAAA;AAEhB;AAEA,IAAaS,IAAc;AAE3B,SAAgBC,EAAe,GAAW,GAA6B;CAIrE,OAHIC,MAAY,WAAiBnB,EAAE,sBAAsB,+BAA+B,IACpFmB,MAAY,gBAAsBnB,EAAE,8BAA8B,iDAAiD,IACnHmB,MAAY,YAAkBnB,EAAE,yBAAyB,4BAA4B,IAClF;AACT"}
+{"version":3,"file":"iso-field-BVOKAY4H.js","names":["useUiText","InputGroup","IsoField","t","text","setText","useState","value","formatISODate","shown","setShown","commit","typed","onProblem","d","parseISODate","onCommit","label","invalid","errorId","ISO_PROBLEM","isoProblemText","problem"],"sources":["../../src/components/date-picker/iso-field.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { InputGroup } from \"../input/input-group.js\";\nimport { formatISODate, parseISODate } from \"../../format/index.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport type IsoProblem = \"format\" | \"unavailable\" | \"missing\" | null;\n\nexport function IsoField({\n  label,\n  value,\n  onCommit,\n  onProblem,\n  errorId,\n  invalid,\n}: {\n  label: string;\n  value: Date | undefined;\n  onCommit: (d: Date) => boolean | void;\n  onProblem: (problem: IsoProblem) => void;\n  errorId: string;\n  invalid: boolean;\n}) {\n  const t = useUiText();\n  const [text, setText] = useState(value ? formatISODate(value) : \"\");\n  const [shown, setShown] = useState(value);\n  if (value !== shown) {\n    setShown(value);\n    setText(value ? formatISODate(value) : \"\");\n  }\n  const commit = () => {\n    const typed = text.trim();\n    if (!typed) {\n      setText(value ? formatISODate(value) : \"\");\n      onProblem(null);\n      return;\n    }\n    const d = parseISODate(typed);\n    if (!d) return onProblem(\"format\");\n    if (value && formatISODate(d) === formatISODate(value)) {\n      setText(formatISODate(value));\n      return onProblem(null);\n    }\n    if (onCommit(d) === false) return onProblem(\"unavailable\");\n    onProblem(null);\n  };\n  return (\n    <InputGroup size=\"sm\" className=\"flex-1\" invalid={invalid}>\n      <InputGroup.Input\n        aria-label={label}\n        placeholder={t(\"datePicker.isoPlaceholder\", \"YYYY-MM-DD\")}\n        value={text}\n        inputMode=\"numeric\"\n        className=\"mono text-small\"\n        {...(invalid ? { \"aria-invalid\": true, \"aria-describedby\": errorId } : {})}\n        onChange={(e) => setText(e.target.value)}\n        onBlur={commit}\n        onKeyDown={(e) => {\n          if (e.key !== \"Enter\") return;\n          e.preventDefault();\n          commit();\n        }}\n      />\n    </InputGroup>\n  );\n}\n\nexport const ISO_PROBLEM = \"mt-6 text-small text-pretty text-danger-text empty:mt-0\";\n\nexport function isoProblemText(t: UiText, problem: IsoProblem): string {\n  if (problem === \"format\") return t(\"datePicker.typeIso\", \"Enter the date as YYYY-MM-DD.\");\n  if (problem === \"unavailable\") return t(\"datePicker.unavailableDate\", \"This date can't be chosen. Choose another date.\");\n  if (problem === \"missing\") return t(\"datePicker.startFirst\", \"Choose a start date first.\");\n  return \"\";\n}\n"],"mappings":";;;;;;;AAOA,SAAgBE,EAAS,EACvB,UACA,UACA,aACA,cACA,YACA,cAQC;CACD,IAAMC,IAAIH,EAAU,GACd,CAACI,GAAMC,KAAWC,EAASC,IAAQC,EAAcD,CAAK,IAAI,EAAE,GAC5D,CAACE,GAAOC,KAAYJ,EAASC,CAAK;CACxC,AAAIA,MAAUE,MACZC,EAASH,CAAK,GACdF,EAAQE,IAAQC,EAAcD,CAAK,IAAI,EAAE;CAE3C,IAAMI,UAAe;EACnB,IAAMC,IAAQR,EAAK,KAAK;EACxB,IAAI,CAACQ,GAAO;GAEV,AADAP,EAAQE,IAAQC,EAAcD,CAAK,IAAI,EAAE,GACzCM,EAAU,IAAI;GACd;EACF;EACA,IAAMC,IAAIC,EAAaH,CAAK;EAC5B,IAAI,CAACE,GAAG,OAAOD,EAAU,QAAQ;EACjC,IAAIN,KAASC,EAAcM,CAAC,MAAMN,EAAcD,CAAK,GAEnD,OADAF,EAAQG,EAAcD,CAAK,CAAC,GACrBM,EAAU,IAAI;EAEvB,IAAIG,EAASF,CAAC,MAAM,IAAO,OAAOD,EAAU,aAAa;EACzD,EAAU,IAAI;CAChB;CACA,OACE,kBAACZ,GAAD;EAAY,MAAK;EAAK,WAAU;EAAkB;EAChD,UAAA,kBAACA,EAAW,OAAZ;GACE,cAAYgB;GACZ,aAAad,EAAE,6BAA6B,YAAY;GACxD,OAAOC;GACP,WAAU;GACV,WAAU;GACV,GAAKc,IAAU;IAAE,gBAAgB;IAAM,oBAAoBC;GAAQ,IAAI,CAAC;GACxE,WAAW,MAAMd,EAAQ,EAAE,OAAO,KAAK;GACvC,QAAQM;GACR,YAAY,MAAM;IAChB,AAAI,EAAE,QAAQ,YACd,EAAE,eAAe,GACjBA,EAAO;GACT;EACD,CAAA;CACS,CAAA;AAEhB;AAEA,IAAaS,IAAc;AAE3B,SAAgBC,EAAe,GAAW,GAA6B;CAIrE,OAHIC,MAAY,WAAiBnB,EAAE,sBAAsB,+BAA+B,IACpFmB,MAAY,gBAAsBnB,EAAE,8BAA8B,iDAAiD,IACnHmB,MAAY,YAAkBnB,EAAE,yBAAyB,4BAA4B,IAClF;AACT"}

package/dist/chunks/{list-B4G-sWwV.js → list-o8wcuBOz.js}

@@ -6,7 +6,7 @@ import { i } from "./context-BELWW79w.js";
 import { t as a } from "./icon-CBzOwqrX.js";
 import { s as o, u as s } from "./tooltip-Tkm-urbi.js";
 import { r as c } from "./text-DkKdTVUf.js";
-import { t as l } from "./icon-button-Dfwpvmav.js";
+import { t as l } from "./icon-button-6kOn2zrP.js";
 import { n as u } from "./use-layout-width-CbSDbRb0.js";
 import { r as d } from "./skeleton-D-qk3mes.js";
 import { t as f } from "./truncated-d1afmUJT.js";
@@ -16,7 +16,7 @@ import { jsx as S, jsxs as C } from "react/jsx-runtime";
 import { Add01Icon as w, Cancel01Icon as T } from "@hugeicons/core-free-icons";
 import { createPortal as E } from "react-dom";
 //#region src/components/list/row-checkbox.tsx
-var D = /* @__PURE__ */ o(() => import("./checkbox-9tbimmF3.js").then((e) => e.c), { base: () => import.meta.url });
+var D = /* @__PURE__ */ o(() => import("./checkbox-ahl1SOqU.js").then((e) => e.c), { base: () => import.meta.url });
 function ee({ checked: t, onToggle: n, "aria-label": r }) {
 	let [i, a] = s(D, !0), [o, c] = x(!1), [l, u] = x(!1);
 	return _(() => {
@@ -62,16 +62,16 @@ var O = /* @__PURE__ */ o(() => import("./virtual-rows-CC_kc2PR.js"), { base: ()
 	96: "w-96",
 	120: "w-120"
 }, j = 520, M = "a[href], button, input, select, textarea, [tabindex], [contenteditable=true]", N = "input:not([type=checkbox]):not([type=radio]), textarea, select, [contenteditable=true]";
-function P(e) {
+function ne(e) {
 	for (let t of e.querySelectorAll("[role=row]")) {
 		let e = t.querySelector("[data-index]");
 		if (e) for (let n of t.querySelectorAll(M)) n !== e && n.getAttribute("tabindex") !== "-1" && n.setAttribute("tabindex", "-1");
 	}
 }
-var F = /* @__PURE__ */ h(function({ items: t, groups: r, onOpen: i, selectable: a, selected: o, onSelectedChange: c, idWidth: l, density: d = "default", wrapSubtitle: f = !1, virtualizeAbove: h = 100, selectionActions: _, selectionBar: w = !0, loading: T, empty: E, className: D, "aria-label": ee, "data-force-row": k }, A) {
-	let te = n(), [F, ne] = x(/* @__PURE__ */ new Set()), I = o ?? F, B = g((e) => {
-		o || ne(e), c?.(e);
-	}, [o, c]), [V, oe] = x(() => new Set((r ?? []).filter((e) => e.defaultCollapsed).map((e) => e.id))), [H, U] = x(-1), [se, ce] = x(null), W = b(null), G = b(null), le = u(W), K = !!le && le < j, q = y(() => {
+var P = /* @__PURE__ */ h(function({ items: t, groups: r, onOpen: i, selectable: a, selected: o, onSelectedChange: c, idWidth: l, density: d = "default", wrapSubtitle: f = !1, virtualizeAbove: h = 100, selectionActions: _, selectionBar: w = !0, loading: T, empty: E, className: D, "aria-label": ee, "data-force-row": k }, A) {
+	let te = n(), [P, re] = x(/* @__PURE__ */ new Set()), F = o ?? P, z = g((e) => {
+		o || re(e), c?.(e);
+	}, [o, c]), [B, se] = x(() => new Set((r ?? []).filter((e) => e.defaultCollapsed).map((e) => e.id))), [V, H] = x(-1), [ce, le] = x(null), U = b(null), W = b(null), ue = u(U), G = !!ue && ue < j, K = y(() => {
 		let e = (e) => e.flatMap((e) => [{
 			kind: "row",
 			item: e,
@@ -89,27 +89,40 @@ var F = /* @__PURE__ */ h(function({ items: t, groups: r, onOpen: i, selectable:
 			kind: "header",
 			group: t,
 			key: `h-${t.id}`
-		}, ...V.has(t.id) ? [] : e(t.items)]) : e(t ?? []);
+		}, ...B.has(t.id) ? [] : e(t.items)]) : e(t ?? []);
 	}, [
 		t,
 		r,
-		V
-	]), ue = q.findIndex((e) => e.kind === "row"), de = r ? r.every((e) => e.items.length === 0) : (t ?? []).length === 0, J = q.length > h, fe = m(), pe = (e) => q[e]?.kind === "header" ? e === 0 ? 36 : 52 : K ? 64 : d === "compact" && !fe ? 36 : 44, [me, Y] = s(O, J), X = me?.VirtualRows, he = b(null);
-	H >= q.length && U(-1);
-	let Z = H >= 0 ? H : q.length ? 0 : -1, ge = (e) => {
-		U(e), J && he.current?.(e);
-		let t = () => W.current?.querySelector(`[data-index="${e}"]`), n = (e) => {
-			e && (e.focus(), re(e, G.current));
+		B
+	]), de = K.findIndex((e) => e.kind === "row"), fe = r ? r.every((e) => e.items.length === 0) : (t ?? []).length === 0, q = K.length > h, pe = m(), me = (e) => K[e]?.kind === "header" ? e === 0 ? 36 : 52 : G ? 64 : d === "compact" && !pe ? 36 : 44, [he, J] = s(O, q), Y = he?.VirtualRows, ge = b(null);
+	V >= K.length && H(-1);
+	let _e = V >= 0 ? V : K.length ? 0 : -1, X = (e) => {
+		H(e), q && ge.current?.(e);
+		let t = () => U.current?.querySelector(`[data-index="${e}"]`), n = (e) => {
+			e && (e.focus(), ie(e, W.current));
 		}, r = t();
 		r ? n(r) : requestAnimationFrame(() => n(t()));
-	}, _e = b(!!X);
+	}, Z = b(null);
 	v(() => {
-		X && !_e.current && H >= 0 && document.activeElement === document.body && W.current?.querySelector(`[data-index="${H}"]`)?.focus(), _e.current = !!X;
+		let e = Z.current;
+		if (!e || K.some((t) => t.key === e.key) || (Z.current = null, !K.length)) return;
+		let t = Math.min(e.index, K.length - 1);
+		if (document.activeElement === document.body) return X(t);
+		let n = document.activeElement?.closest("[role=dialog], [role=alertdialog]");
+		if (!n) return;
+		let r = performance.now() + 2e3, i = () => {
+			document.activeElement === document.body ? U.current?.isConnected && X(t) : n.contains(document.activeElement) && performance.now() < r && requestAnimationFrame(i);
+		};
+		requestAnimationFrame(i);
+	});
+	let ve = b(!!Y);
+	v(() => {
+		Y && !ve.current && V >= 0 && document.activeElement === document.body && U.current?.querySelector(`[data-index="${V}"]`)?.focus(), ve.current = !!Y;
 	}), v(() => {
-		let e = W.current;
+		let e = U.current;
 		if (!e) return;
-		P(e);
-		let t = new MutationObserver(() => P(e));
+		ne(e);
+		let t = new MutationObserver(() => ne(e));
 		return t.observe(e, {
 			subtree: !0,
 			childList: !0,
@@ -117,10 +130,10 @@ var F = /* @__PURE__ */ h(function({ items: t, groups: r, onOpen: i, selectable:
 			attributeFilter: ["tabindex"]
 		}), () => t.disconnect();
 	}, []);
-	let ve = (e) => {
-		let t = new Set(I);
-		t.has(e) ? t.delete(e) : t.add(e), B(t);
-	}, ye = (e) => e.flatMap((e) => e.kind === "row" && !e.item.disabled ? [e.item.id] : []), be = (e) => {
+	let ye = (e) => {
+		let t = new Set(F);
+		t.has(e) ? t.delete(e) : t.add(e), z(t);
+	}, be = (e) => e.flatMap((e) => e.kind === "row" && !e.item.disabled ? [e.item.id] : []), xe = (e) => {
 		let t = e.target;
 		if (!e.currentTarget.contains(t) || t.closest(N)) return;
 		let n = t.closest("[role=row]"), r = n?.querySelector("[data-index]");
@@ -131,53 +144,53 @@ var F = /* @__PURE__ */ h(function({ items: t, groups: r, onOpen: i, selectable:
 			return;
 		}
 		if (e.defaultPrevented) return;
-		let s = Number(r.dataset.index), c = q[s], l = c?.kind === "row" ? c.item : void 0;
+		let s = Number(r.dataset.index), c = K[s], l = c?.kind === "row" ? c.item : void 0;
 		if (e.altKey) return;
 		if (e.metaKey || e.ctrlKey) {
-			e.key.toLowerCase() === "a" && a && !e.shiftKey && (e.preventDefault(), B(new Set(ye(q))));
+			e.key.toLowerCase() === "a" && a && !e.shiftKey && (e.preventDefault(), z(new Set(be(K))));
 			return;
 		}
 		let u = (t) => {
 			if (e.preventDefault(), e.shiftKey && a) {
-				let e = se ?? s;
-				ce(e);
-				let n = new Set(I);
-				ye(q.slice(Math.min(e, t), Math.max(e, t) + 1)).forEach((e) => n.add(e)), B(n);
-			} else ce(null);
-			ge(t);
+				let e = ce ?? s;
+				le(e);
+				let n = new Set(F);
+				be(K.slice(Math.min(e, t), Math.max(e, t) + 1)).forEach((e) => n.add(e)), z(n);
+			} else le(null);
+			X(t);
 		}, d = () => [...n.querySelectorAll(M)].filter((e) => e !== r && !e.closest("[role=checkbox], [aria-hidden=true], [hidden]") && !e.matches(":disabled, input[type=checkbox]"));
-		if (e.key === "ArrowDown" || e.key === "j" && !e.shiftKey) u(Math.min(q.length - 1, s + 1));
+		if (e.key === "ArrowDown" || e.key === "j" && !e.shiftKey) u(Math.min(K.length - 1, s + 1));
 		else if (e.key === "ArrowUp" || e.key === "k" && !e.shiftKey) u(Math.max(0, s - 1));
 		else if (e.key === "Home") u(0);
-		else if (e.key === "End") u(q.length - 1);
+		else if (e.key === "End") u(K.length - 1);
 		else if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
 			let n = d(), i = o ? -1 : n.indexOf(t), a = e.key === "ArrowRight" ? n[i + 1] : i > 0 ? n[i - 1] : i === 0 ? r : void 0;
 			if (!a) return;
 			e.preventDefault(), a.focus();
 		} else if (!o || !l || e.shiftKey) return;
-		else (e.key === " " || e.key === "x") && a ? (e.preventDefault(), l.disabled || ve(l.id)) : e.key === "Enter" ? (e.preventDefault(), l.disabled || i?.(l)) : e.key === "Escape" && a && I.size && B(/* @__PURE__ */ new Set());
-	}, Q = I.size > 0;
+		else (e.key === " " || e.key === "x") && a ? (e.preventDefault(), l.disabled || ye(l.id)) : e.key === "Enter" ? (e.preventDefault(), l.disabled || i?.(l)) : e.key === "Escape" && a && F.size && z(/* @__PURE__ */ new Set());
+	}, Q = F.size > 0;
 	v(() => {
 		let e = document.activeElement;
-		Q && e instanceof HTMLElement && W.current?.contains(e) && re(e, G.current);
+		Q && e instanceof HTMLElement && U.current?.contains(e) && ie(e, W.current);
 	}, [Q]);
-	let $ = (e, t) => e.kind === "header" ? /* @__PURE__ */ S(R, {
+	let $ = (e, t) => e.kind === "header" ? /* @__PURE__ */ S(L, {
 		title: e.group.title,
 		glyph: e.group.glyph,
 		count: e.group.count ?? e.group.items.length,
-		collapsed: V.has(e.group.id),
+		collapsed: B.has(e.group.id),
 		onToggle: () => {
-			let t = new Set(V);
-			t.has(e.group.id) ? t.delete(e.group.id) : t.add(e.group.id), oe(t);
+			let t = new Set(B);
+			t.has(e.group.id) ? t.delete(e.group.id) : t.add(e.group.id), se(t);
 		},
 		onAdd: e.group.onAdd,
 		addLabel: e.group.addLabel,
 		indent: !!a,
 		first: t === 0,
 		index: t,
-		active: t === Z,
-		onFocus: () => U(t)
-	}, e.key) : /* @__PURE__ */ S(L, {
+		active: t === _e,
+		onFocus: () => H(t)
+	}, e.key) : /* @__PURE__ */ S(I, {
 		index: t,
 		item: e.item,
 		depth: e.depth,
@@ -185,76 +198,86 @@ var F = /* @__PURE__ */ h(function({ items: t, groups: r, onOpen: i, selectable:
 		idWidth: l,
 		density: d,
 		wrapSubtitle: f,
-		narrow: K,
-		active: t === Z,
-		selected: I.has(e.item.id),
+		narrow: G,
+		active: t === _e,
+		selected: F.has(e.item.id),
 		selectable: !!a,
 		selecting: Q,
-		onSelect: () => ve(e.item.id),
+		onSelect: () => ye(e.item.id),
 		onOpen: () => i?.(e.item),
-		onFocus: () => U(t),
-		...k && t === ue ? { "data-force": k } : {}
+		onFocus: () => H(t),
+		...k && t === de ? { "data-force": k } : {}
 	}, e.key);
 	return /* @__PURE__ */ C("div", {
 		ref: (e) => {
-			W.current = e, typeof A == "function" ? A(e) : A && (A.current = e);
+			U.current = e, typeof A == "function" ? A(e) : A && (A.current = e);
 		},
 		role: "grid",
 		"aria-label": ee,
-		"aria-rowcount": q.length || void 0,
+		"aria-rowcount": K.length || void 0,
 		"aria-multiselectable": a || void 0,
 		"aria-busy": T || void 0,
 		onKeyDown: (e) => {
-			Y(), be(e);
+			J(), xe(e);
+		},
+		onPointerEnter: J,
+		onPointerDown: J,
+		onFocus: (e) => {
+			if (J(), !e.currentTarget.contains(e.target)) return;
+			let t = Number(e.target.closest("[role=row]")?.querySelector("[data-index]")?.dataset.index), n = K[t];
+			Z.current = n ? {
+				key: n.key,
+				index: t
+			} : null;
 		},
-		onPointerEnter: Y,
-		onPointerDown: Y,
-		onFocus: Y,
-		onWheel: Y,
+		onBlur: (e) => {
+			e.currentTarget.contains(e.target) && !e.relatedTarget && (Z.current = null);
+		},
+		onWheel: J,
 		className: e("relative flex flex-col outline-none", te && "overflow-hidden rounded-group bg-raised shadow-xs", D),
-		children: [T && (de || q.length === 0) ? /* @__PURE__ */ S(ae, {
+		children: [T && (fe || K.length === 0) ? /* @__PURE__ */ S(oe, {
 			density: d,
 			grouped: !!r
-		}) : de && E ? /* @__PURE__ */ S("div", {
+		}) : fe && E ? /* @__PURE__ */ S("div", {
 			role: "row",
 			children: /* @__PURE__ */ S("div", {
 				role: "gridcell",
 				children: E
 			})
-		}) : J && X ? /* @__PURE__ */ S(X, {
-			count: q.length,
-			estimateSize: pe,
-			getScrollElement: () => p(W.current),
-			scrollTo: he,
-			row: (e) => $(q[e], e),
-			measure: K
-		}) : J ? /* @__PURE__ */ S(ie, {
-			count: q.length,
-			estimateSize: pe,
-			row: (e) => $(q[e], e)
-		}) : q.map($), a && Q && w && /* @__PURE__ */ S(z, {
-			ref: G,
-			count: I.size,
-			onClear: () => B(/* @__PURE__ */ new Set()),
+		}) : q && Y ? /* @__PURE__ */ S(Y, {
+			count: K.length,
+			estimateSize: me,
+			getScrollElement: () => p(U.current),
+			scrollTo: ge,
+			row: (e) => $(K[e], e),
+			measure: G
+		}) : q ? /* @__PURE__ */ S(ae, {
+			count: K.length,
+			estimateSize: me,
+			row: (e) => $(K[e], e)
+		}) : K.map($), a && Q && w && /* @__PURE__ */ S(R, {
+			ref: W,
+			count: F.size,
+			onClear: () => z(/* @__PURE__ */ new Set()),
 			children: _
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (F.displayName = "List");
-function ne(e, t) {
+process.env.NODE_ENV !== "production" && (P.displayName = "List");
+function re(e, t) {
 	return t ? e ? "bg-raised-pressed controls-on-fill hover:raised-selected-hover active:raised-selected-hover" : "bg-fill-2 controls-on-fill hover:bg-fill-3 active:bg-fill-3" : e ? "hover:bg-raised-hover hover:controls-on-fill active:bg-raised-pressed" : "hover:bg-fill-1 hover:controls-on-fill active:bg-fill-2";
 }
-function I(e) {
+function F(e) {
 	let t = typeof window > "u" ? null : window.getSelection();
 	return !!t && !t.isCollapsed && !!t.anchorNode && e.contains(t.anchorNode);
 }
-function re(e, t) {
+function ie(e, t) {
 	let n = t?.firstElementChild?.getBoundingClientRect().top;
 	if (n === void 0) return;
 	let r = e.getBoundingClientRect().bottom + 8 - n;
 	r > 0 && p(e)?.scrollBy({ top: r });
 }
-function ie({ count: e, estimateSize: t, row: n }) {
+function ae({ count: e, estimateSize: t, row: n }) {
 	let r = typeof window > "u" ? 1024 : window.innerHeight, i = [], a = 0, o = 12;
 	for (let s = 0; s < e; s++) {
 		if (a >= r && o-- <= 0) {
@@ -275,7 +298,7 @@ function ie({ count: e, estimateSize: t, row: n }) {
 		children: i
 	});
 }
-function ae({ density: t, grouped: n }) {
+function oe({ density: t, grouped: n }) {
 	let i = r();
 	return /* @__PURE__ */ C("div", {
 		role: "presentation",
@@ -317,7 +340,7 @@ function ae({ density: t, grouped: n }) {
 		}, r))]
 	});
 }
-var L = /* @__PURE__ */ h(function({ item: t, index: a, depth: o = 0, lastChild: s, idWidth: l, density: u = "default", wrapSubtitle: d = !1, narrow: p = !1, active: m, selected: h, selectable: g, selecting: _, onSelect: v, onOpen: y, onFocus: b, "data-force": x }, w) {
+var I = /* @__PURE__ */ h(function({ item: t, index: a, depth: o = 0, lastChild: s, idWidth: l, density: u = "default", wrapSubtitle: d = !1, narrow: p = !1, active: m, selected: h, selectable: g, selecting: _, onSelect: v, onOpen: y, onFocus: b, "data-force": x }, w) {
 	let T = n(), E = r(), D = i(), O = p && !!(t.meta || t.date), A = (T || O) && !!t.subtitle, j = A && d, M = !!t.disabled, N = t.avatar && /* @__PURE__ */ S("span", {
 		className: e("flex shrink-0", M && "opacity-50"),
 		children: t.avatar
@@ -336,10 +359,10 @@ var L = /* @__PURE__ */ h(function({ item: t, index: a, depth: o = 0, lastChild:
 			tabIndex: m === !1 ? -1 : 0,
 			onFocus: b,
 			onClick: (e) => {
-				e.currentTarget.contains(e.target) && !e.target.closest("button, a, [role=checkbox]") && (I(e.currentTarget) || (_ && g ? v?.() : y?.()));
+				e.currentTarget.contains(e.target) && !e.target.closest("button, a, [role=checkbox]") && (F(e.currentTarget) || (_ && g ? v?.() : y?.()));
 			},
 			...x ? { "data-force": x } : {},
-			className: e("group/row relative flex cursor-pointer items-center gap-12 text-body transition-control focus-ring-inset", T ? "rounded-none px-20" : "rounded-item px-12", A || O || j ? "min-h-56 py-8" : T && u === "default" ? "h-48" : k.density[u].classes, ne(T, !!h), M && "pointer-events-none text-fg-disabled"),
+			className: e("group/row relative flex cursor-pointer items-center gap-12 text-body transition-control focus-ring-inset", T ? "rounded-none px-20" : "rounded-item px-12", A || O || j ? "min-h-56 py-8" : T && u === "default" ? "h-48" : k.density[u].classes, re(T, !!h), M && "pointer-events-none text-fg-disabled"),
 			children: [
 				g && /* @__PURE__ */ S("span", {
 					className: e("flex shrink-0 transition-control select-none", _ || h ? "opacity-100" : "opacity-0 group-hover/row:opacity-100 group-focus-visible/row:opacity-100 coarse:opacity-100"),
@@ -386,10 +409,10 @@ var L = /* @__PURE__ */ h(function({ item: t, index: a, depth: o = 0, lastChild:
 							children: t.subtitle
 						})]
 					}), O && /* @__PURE__ */ C("span", {
-						className: "flex h-24 min-w-0 items-center gap-8",
+						className: "flex min-h-24 min-w-0 flex-wrap items-center gap-x-8",
 						children: [
 							t.meta && /* @__PURE__ */ S("span", {
-								className: e("flex min-w-0 items-center gap-6 overflow-hidden", M && "opacity-50"),
+								className: e("flex min-w-0 max-w-full items-center gap-6 overflow-hidden", M && "opacity-50"),
 								children: t.meta
 							}),
 							t.date && /* @__PURE__ */ S("span", {
@@ -423,8 +446,8 @@ var L = /* @__PURE__ */ h(function({ item: t, index: a, depth: o = 0, lastChild:
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (L.displayName = "ListRow");
-var R = /* @__PURE__ */ h(function({ title: t, glyph: a, count: o, collapsed: s, onToggle: c, onAdd: u, addLabel: d, indent: f, first: p, index: m, active: h, onFocus: g }, _) {
+process.env.NODE_ENV !== "production" && (I.displayName = "ListRow");
+var L = /* @__PURE__ */ h(function({ title: t, glyph: a, count: o, collapsed: s, onToggle: c, onAdd: u, addLabel: d, indent: f, first: p, index: m, active: h, onFocus: g }, _) {
 	let v = n(), y = r(), b = i();
 	return /* @__PURE__ */ S("div", {
 		ref: _,
@@ -485,8 +508,8 @@ var R = /* @__PURE__ */ h(function({ title: t, glyph: a, count: o, collapsed: s,
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (R.displayName = "GroupHeader");
-var z = /* @__PURE__ */ h(function({ count: e, onClear: n, children: r }, o) {
+process.env.NODE_ENV !== "production" && (L.displayName = "GroupHeader");
+var R = /* @__PURE__ */ h(function({ count: e, onClear: n, children: r }, o) {
 	let s = t(), c = i();
 	return typeof document > "u" ? null : E(/* @__PURE__ */ S("div", {
 		ref: o,
@@ -519,8 +542,8 @@ var z = /* @__PURE__ */ h(function({ count: e, onClear: n, children: r }, o) {
 		})
 	}), s ?? document.body);
 });
-process.env.NODE_ENV !== "production" && (z.displayName = "SelectionBar");
-var B = /* @__PURE__ */ h(function({ children: t, onClick: n, icon: r, danger: i }, o) {
+process.env.NODE_ENV !== "production" && (R.displayName = "SelectionBar");
+var z = /* @__PURE__ */ h(function({ children: t, onClick: n, icon: r, danger: i }, o) {
 	return /* @__PURE__ */ C("button", {
 		ref: o,
 		type: "button",
@@ -533,8 +556,8 @@ var B = /* @__PURE__ */ h(function({ children: t, onClick: n, icon: r, danger: i
 		}), t]
 	});
 });
-process.env.NODE_ENV !== "production" && (B.displayName = "SelectionAction");
+process.env.NODE_ENV !== "production" && (z.displayName = "SelectionAction");
 //#endregion
-export { L as a, F as i, A as n, B as o, k as r, z as s, R as t };
+export { I as a, P as i, A as n, z as o, k as r, R as s, L as t };
 
-//# sourceMappingURL=list-B4G-sWwV.js.map
+//# sourceMappingURL=list-o8wcuBOz.js.map