@logicplanes/kaeso-ui 0.4.2 → 0.4.4

package/dist/components/filter-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-chip.js","names":["__icon_Cancel01Icon","cn","useUiText","useLocale","Icon","CommandList","PickerPopover","KAESO_FILTER_CHIP_VARIANTS","KAESO_FILTER_CHIP_DEFAULT_VARIANTS","SEARCH_ABOVE","LIST_ABOVE","inRuns","values","v","item","runs","last","Menu","r","i","choiceGroups","groups","key","group","textOf","SEG","FilterChip","givenGroups","forceSearch","force","t","locale","choices","n","g","open","setOwnOpen","useState","defaultValuesOpen","setOpen","o","onValuesOpenChange","query","setQuery","search","useRef","searchable","long","useMemo","q","shown","useEffect","timer","property","className","propertyIcon","operators","operator","onOperatorChange","width","onRemove","value","selected","multiple","onSelectedChange","s","c","Cancel01Icon"],"sources":["../../src/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { forwardRef, useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { Menu } from \"../menu/menu.js\";\nimport { CommandList, type CommandListGroup } from \"../command-list/command-list.js\";\nimport { PickerPopover, type PickerPopoverProps } from \"../command-list/picker-popover.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_FILTER_CHIP_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 text-body\" },\n  },\n} as const;\nexport const KAESO_FILTER_CHIP_DEFAULT_VARIANTS = { size: \"sm\" } as const;\n\nexport interface FilterChipChoice {\n  value: string;\n  label: ReactNode;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  textValue?: string | undefined;\n  group?: string | undefined;\n}\n\nconst SEARCH_ABOVE = 8;\nconst LIST_ABOVE = 50;\n\nfunction inRuns(values: FilterChipChoice[], item: (v: FilterChipChoice) => ReactNode): ReactNode {\n  if (!values.some((v) => v.group)) return values.map(item);\n  const runs: { group: string | undefined; values: FilterChipChoice[] }[] = [];\n  for (const v of values) {\n    const last = runs[runs.length - 1];\n    if (last && last.group === v.group) last.values.push(v);\n    else runs.push({ group: v.group, values: [v] });\n  }\n  return runs.map((r, i) => (\n    <Menu.Group key={`${r.group ?? \"\"}:${i}`} label={r.group}>\n      {r.values.map(item)}\n    </Menu.Group>\n  ));\n}\n\nfunction choiceGroups(values: FilterChipChoice[]): CommandListGroup[] {\n  const groups = new Map<string, CommandListGroup>();\n  for (const v of values) {\n    const key = v.group ?? \"\";\n    const group = groups.get(key) ?? { id: key || \"values\", ...(key ? { label: key } : {}), items: [] };\n    group.items.push({\n      value: v.value,\n      label: textOf(v),\n      keywords: [v.value],\n      ...(v.leading || v.icon ? { leading: v.leading ?? (v.icon ? <Icon icon={v.icon} size=\"sm\" className=\"text-fg-secondary\" /> : undefined) } : {}),\n      ...(typeof v.label === \"string\" ? {} : { render: () => <span className=\"min-w-0 flex-1 truncate\">{v.label}</span> }),\n    });\n    groups.set(key, group);\n  }\n  return [...groups.values()];\n}\n\nexport interface FilterChipProps {\n  property: ReactNode;\n  propertyIcon?: IconData | undefined;\n  operator: string;\n  operators?: string[] | undefined;\n  onOperatorChange?: ((operator: string) => void) | undefined;\n  value: ReactNode;\n  values?: FilterChipChoice[] | undefined;\n  groups?: CommandListGroup[] | undefined;\n  searchable?: boolean | undefined;\n  width?: PickerPopoverProps[\"width\"] | undefined;\n  selected?: string[] | undefined;\n  multiple?: boolean | undefined;\n  onSelectedChange?: ((selected: string[]) => void) | undefined;\n  onRemove?: (() => void) | undefined;\n  defaultValuesOpen?: boolean | undefined;\n  onValuesOpenChange?: ((open: boolean) => void) | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst textOf = (v: FilterChipChoice) => v.textValue ?? (typeof v.label === \"string\" || typeof v.label === \"number\" ? String(v.label) : v.value);\n\nconst SEG =\n  \"relative inline-flex h-full cursor-pointer items-center gap-6 px-10 font-medium transition-control tap-target hover:bg-fill-1 active:bg-fill-2 open:bg-fill-1 focus-ring-segment\";\n\nexport const FilterChip = /* @__PURE__ */ forwardRef<HTMLDivElement, FilterChipProps>(function FilterChip(\n  {\n    property,\n    propertyIcon,\n    operator,\n    operators,\n    onOperatorChange,\n    value,\n    values,\n    groups: givenGroups,\n    searchable: forceSearch,\n    width,\n    selected = [],\n    multiple,\n    onSelectedChange,\n    onRemove,\n    defaultValuesOpen,\n    onValuesOpenChange,\n    className,\n    \"data-force\": force,\n  },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const choices = givenGroups ? givenGroups.reduce((n, g) => n + g.items.length, 0) : (values?.length ?? 0);\n  const [open, setOwnOpen] = useState(!!defaultValuesOpen && choices > 0);\n  const setOpen = (o: boolean) => {\n    setOwnOpen(o);\n    onValuesOpenChange?.(o);\n  };\n  const [query, setQuery] = useState(\"\");\n  const search = useRef<HTMLInputElement | null>(null);\n  const searchable = !!forceSearch || choices > SEARCH_ABOVE;\n  const long = !!givenGroups || choices > LIST_ABOVE;\n  const groups = useMemo(() => givenGroups ?? (long && values ? choiceGroups(values) : []), [givenGroups, long, values]);\n  const q = query.trim().toLowerCase();\n  const shown = searchable && q ? (values ?? []).filter((v) => textOf(v).toLowerCase().includes(q) || v.value.toLowerCase().includes(q)) : (values ?? []);\n  useEffect(() => {\n    if (!open || !searchable || long) return;\n    const timer = setTimeout(() => search.current?.focus(), 0);\n    return () => clearTimeout(timer);\n  }, [open, searchable, long]);\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={typeof property === \"string\" ? t(\"filterChip.filterNamed\", \"Filter: {property}\", { property }) : t(\"filterChip.filter\", \"Filter\")}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"group/fc inline-flex shrink-0 items-stretch overflow-hidden rounded-pill bg-raised text-fg ring-over\",\n        KAESO_FILTER_CHIP_VARIANTS.size.sm.classes,\n        className,\n      )}\n    >\n      <span className={cn(SEG, \"cursor-default pl-12 text-fg-secondary hover:bg-transparent active:bg-transparent\")}>\n        {propertyIcon && <Icon icon={propertyIcon} size=\"sm\" />}\n        {property}\n      </span>\n      <Menu>\n        <Menu.Trigger>\n          <button type=\"button\" className={cn(SEG, \"text-fg-secondary divider-l\")} disabled={!operators?.length}>\n            {operator}\n          </button>\n        </Menu.Trigger>\n        {operators && (\n          <Menu.Content>\n            <Menu.RadioGroup value={operator} onValueChange={(v) => onOperatorChange?.(v)}>\n              {operators.map((o) => (\n                <Menu.RadioItem key={o} value={o}>\n                  {o}\n                </Menu.RadioItem>\n              ))}\n            </Menu.RadioGroup>\n          </Menu.Content>\n        )}\n      </Menu>\n      {long && (givenGroups || values) ? (\n        <PickerPopover\n          title={typeof property === \"string\" ? property : t(\"filterChip.filter\", \"Filter\")}\n          open={open}\n          onOpenChange={setOpen}\n          {...(width ? { width } : {})}\n          trigger={\n            <button type=\"button\" className={cn(SEG, \"divider-l\", !onRemove && \"pr-12\")}>\n              {value}\n            </button>\n          }\n        >\n          <CommandList\n            groups={groups}\n            aria-label={typeof property === \"string\" ? property : t(\"filterChip.filter\", \"Filter\")}\n            value={selected}\n            {...(multiple ? { multiple: true } : {})}\n            autoFocus\n            placeholder={\n              typeof property === \"string\"\n                ? t(\"filterChip.searchNamedValues\", \"Search {property} values\", { property: locale === \"en\" ? property.toLowerCase() : property })\n                : t(\"filterChip.searchValues\", \"Search values\")\n            }\n            emptyText={t(\"filterChip.noMatches\", \"No values match\")}\n            onSelect={(v) => {\n              if (multiple) onSelectedChange?.(selected.includes(v) ? selected.filter((s) => s !== v) : [...selected, v]);\n              else {\n                onSelectedChange?.([v]);\n                setOpen(false);\n              }\n            }}\n          />\n        </PickerPopover>\n      ) : (\n        <Menu\n          open={open}\n          onOpenChange={(o) => {\n            setOpen(o);\n            if (!o) setQuery(\"\");\n          }}\n        >\n          <Menu.Trigger>\n            <button type=\"button\" className={cn(SEG, \"divider-l\", !onRemove && \"pr-12\")} disabled={choices === 0}>\n              {value}\n            </button>\n          </Menu.Trigger>\n          {values && (\n            <Menu.Content\n              {...(searchable ? { className: \"w-280\" } : {})}\n              {...(searchable\n                ? {\n                    header: (\n                      <input\n                        ref={search}\n                        type=\"search\"\n                        aria-label={\n                          typeof property === \"string\"\n                            ? t(\"filterChip.searchNamedValues\", \"Search {property} values\", { property: locale === \"en\" ? property.toLowerCase() : property })\n                            : t(\"filterChip.searchValues\", \"Search values\")\n                        }\n                        placeholder={t(\"filterChip.search\", \"Search\")}\n                        autoComplete=\"off\"\n                        value={query}\n                        onChange={(e) => setQuery(e.target.value)}\n                        onKeyDown={(e) => {\n                          if (![\"ArrowDown\", \"ArrowUp\", \"Escape\", \"Tab\", \"Enter\"].includes(e.key)) e.stopPropagation();\n                        }}\n                        className=\"h-28 w-full bg-transparent text-body text-fg outline-none placeholder:text-fg-tertiary coarse:h-36\"\n                      />\n                    ),\n                    ...(shown.length === 0 ? { footer: t(\"filterChip.noMatches\", \"No values match\") } : {}),\n                  }\n                : {})}\n            >\n              {multiple ? (\n                inRuns(shown, (v) => (\n                  <Menu.CheckboxItem\n                    key={v.value}\n                    checked={selected.includes(v.value)}\n                    onCheckedChange={(c) => onSelectedChange?.(c ? [...selected, v.value] : selected.filter((s) => s !== v.value))}\n                    {...(v.icon ? { icon: v.icon } : {})}\n                  >\n                    <span className=\"inline-flex items-center gap-8\">\n                      {v.leading}\n                      {v.label}\n                    </span>\n                  </Menu.CheckboxItem>\n                ))\n              ) : (\n                <Menu.RadioGroup value={selected[0] ?? \"\"} onValueChange={(s) => onSelectedChange?.([s])}>\n                  {inRuns(shown, (v) => (\n                    <Menu.RadioItem key={v.value} value={v.value} closeOnClick {...(v.icon ? { icon: v.icon } : {})}>\n                      <span className=\"inline-flex items-center gap-8\">\n                        {v.leading}\n                        {v.label}\n                      </span>\n                    </Menu.RadioItem>\n                  ))}\n                </Menu.RadioGroup>\n              )}\n            </Menu.Content>\n          )}\n        </Menu>\n      )}\n      {onRemove && (\n        <span className=\"flex items-center pr-4 divider-l pl-4\">\n          <button\n            type=\"button\"\n            aria-label={\n              typeof property === \"string\" ? t(\"filterChip.removeNamed\", \"Remove the {property} filter\", { property }) : t(\"filterChip.remove\", \"Remove filter\")\n            }\n            onClick={onRemove}\n            className=\"relative inline-flex size-24 cursor-pointer items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-2 hover:text-fg focus-ring tap-target\"\n          >\n            <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n          </button>\n        </span>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") FilterChip.displayName = \"FilterChip\";\n"],"mappings":"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"}
+{"version":3,"file":"filter-chip.js","names":["__icon_Cancel01Icon","cn","useUiText","useLocale","Icon","Menu","CommandList","PickerPopover","KAESO_FILTER_CHIP_VARIANTS","KAESO_FILTER_CHIP_DEFAULT_VARIANTS","SEARCH_ABOVE","LIST_ABOVE","inRuns","values","v","item","runs","last","r","i","choiceGroups","groups","key","group","textOf","SEG","FilterChip","givenGroups","forceSearch","force","t","locale","choices","n","g","open","setOwnOpen","useState","defaultValuesOpen","setOpen","o","onValuesOpenChange","query","setQuery","search","useRef","searchable","long","useMemo","q","shown","useEffect","timer","property","className","propertyIcon","operators","operator","onOperatorChange","width","onRemove","value","selected","multiple","onSelectedChange","s","c","Cancel01Icon"],"sources":["../../src/components/filter-chip/filter-chip.tsx"],"sourcesContent":["import { forwardRef, useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { Menu } from \"../menu/menu.js\";\nimport { CommandList, type CommandListGroup } from \"../command-list/command-list.js\";\nimport { PickerPopover, type PickerPopoverProps } from \"../command-list/picker-popover.js\";\nimport { useLocale, useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_FILTER_CHIP_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 text-body\" },\n  },\n} as const;\nexport const KAESO_FILTER_CHIP_DEFAULT_VARIANTS = { size: \"sm\" } as const;\n\nexport interface FilterChipChoice {\n  value: string;\n  label: ReactNode;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  textValue?: string | undefined;\n  group?: string | undefined;\n}\n\nconst SEARCH_ABOVE = 8;\nconst LIST_ABOVE = 50;\n\nfunction inRuns(values: FilterChipChoice[], item: (v: FilterChipChoice) => ReactNode): ReactNode {\n  if (!values.some((v) => v.group)) return values.map(item);\n  const runs: { group: string | undefined; values: FilterChipChoice[] }[] = [];\n  for (const v of values) {\n    const last = runs[runs.length - 1];\n    if (last && last.group === v.group) last.values.push(v);\n    else runs.push({ group: v.group, values: [v] });\n  }\n  return runs.map((r, i) => (\n    <Menu.Group key={`${r.group ?? \"\"}:${i}`} label={r.group}>\n      {r.values.map(item)}\n    </Menu.Group>\n  ));\n}\n\nfunction choiceGroups(values: FilterChipChoice[]): CommandListGroup[] {\n  const groups = new Map<string, CommandListGroup>();\n  for (const v of values) {\n    const key = v.group ?? \"\";\n    const group = groups.get(key) ?? { id: key || \"values\", ...(key ? { label: key } : {}), items: [] };\n    group.items.push({\n      value: v.value,\n      label: textOf(v),\n      keywords: [v.value],\n      ...(v.leading || v.icon ? { leading: v.leading ?? (v.icon ? <Icon icon={v.icon} size=\"sm\" className=\"text-fg-secondary\" /> : undefined) } : {}),\n      ...(typeof v.label === \"string\" ? {} : { render: () => <span className=\"min-w-0 flex-1 truncate\">{v.label}</span> }),\n    });\n    groups.set(key, group);\n  }\n  return [...groups.values()];\n}\n\nexport interface FilterChipProps {\n  property: ReactNode;\n  propertyIcon?: IconData | undefined;\n  operator: string;\n  operators?: string[] | undefined;\n  onOperatorChange?: ((operator: string) => void) | undefined;\n  value: ReactNode;\n  values?: FilterChipChoice[] | undefined;\n  groups?: CommandListGroup[] | undefined;\n  searchable?: boolean | undefined;\n  width?: PickerPopoverProps[\"width\"] | undefined;\n  selected?: string[] | undefined;\n  multiple?: boolean | undefined;\n  onSelectedChange?: ((selected: string[]) => void) | undefined;\n  onRemove?: (() => void) | undefined;\n  defaultValuesOpen?: boolean | undefined;\n  onValuesOpenChange?: ((open: boolean) => void) | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst textOf = (v: FilterChipChoice) => v.textValue ?? (typeof v.label === \"string\" || typeof v.label === \"number\" ? String(v.label) : v.value);\n\nconst SEG =\n  \"relative inline-flex h-full cursor-pointer items-center gap-6 px-10 font-medium transition-control tap-target hover:bg-fill-1 active:bg-fill-2 open:bg-fill-1 focus-ring-segment\";\n\nexport const FilterChip = /* @__PURE__ */ forwardRef<HTMLDivElement, FilterChipProps>(function FilterChip(\n  {\n    property,\n    propertyIcon,\n    operator,\n    operators,\n    onOperatorChange,\n    value,\n    values,\n    groups: givenGroups,\n    searchable: forceSearch,\n    width,\n    selected = [],\n    multiple,\n    onSelectedChange,\n    onRemove,\n    defaultValuesOpen,\n    onValuesOpenChange,\n    className,\n    \"data-force\": force,\n  },\n  ref,\n) {\n  const t = useUiText();\n  const locale = useLocale();\n  const choices = givenGroups ? givenGroups.reduce((n, g) => n + g.items.length, 0) : (values?.length ?? 0);\n  const [open, setOwnOpen] = useState(!!defaultValuesOpen && choices > 0);\n  const setOpen = (o: boolean) => {\n    setOwnOpen(o);\n    onValuesOpenChange?.(o);\n  };\n  const [query, setQuery] = useState(\"\");\n  const search = useRef<HTMLInputElement | null>(null);\n  const searchable = !!forceSearch || choices > SEARCH_ABOVE;\n  const long = !!givenGroups || choices > LIST_ABOVE;\n  const groups = useMemo(() => givenGroups ?? (long && values ? choiceGroups(values) : []), [givenGroups, long, values]);\n  const q = query.trim().toLowerCase();\n  const shown = searchable && q ? (values ?? []).filter((v) => textOf(v).toLowerCase().includes(q) || v.value.toLowerCase().includes(q)) : (values ?? []);\n  useEffect(() => {\n    if (!open || !searchable || long) return;\n    const timer = setTimeout(() => search.current?.focus(), 0);\n    return () => clearTimeout(timer);\n  }, [open, searchable, long]);\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={typeof property === \"string\" ? t(\"filterChip.filterNamed\", \"Filter: {property}\", { property }) : t(\"filterChip.filter\", \"Filter\")}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"group/fc inline-flex shrink-0 items-stretch overflow-hidden rounded-pill bg-raised text-fg ring-over\",\n        KAESO_FILTER_CHIP_VARIANTS.size.sm.classes,\n        className,\n      )}\n    >\n      <span className={cn(SEG, \"cursor-default pl-12 text-fg-secondary hover:bg-transparent active:bg-transparent\")}>\n        {propertyIcon && <Icon icon={propertyIcon} size=\"sm\" />}\n        {property}\n      </span>\n      <Menu>\n        <Menu.Trigger>\n          <button type=\"button\" className={cn(SEG, \"text-fg-secondary divider-l\")} disabled={!operators?.length}>\n            {operator}\n          </button>\n        </Menu.Trigger>\n        {operators && (\n          <Menu.Content>\n            <Menu.RadioGroup value={operator} onValueChange={(v) => onOperatorChange?.(v)}>\n              {operators.map((o) => (\n                <Menu.RadioItem key={o} value={o}>\n                  {o}\n                </Menu.RadioItem>\n              ))}\n            </Menu.RadioGroup>\n          </Menu.Content>\n        )}\n      </Menu>\n      {long && (givenGroups || values) ? (\n        <PickerPopover\n          title={typeof property === \"string\" ? property : t(\"filterChip.filter\", \"Filter\")}\n          open={open}\n          onOpenChange={setOpen}\n          {...(width ? { width } : {})}\n          trigger={\n            <button type=\"button\" className={cn(SEG, \"divider-l\", !onRemove && \"pr-12\")}>\n              {value}\n            </button>\n          }\n        >\n          <CommandList\n            groups={groups}\n            aria-label={typeof property === \"string\" ? property : t(\"filterChip.filter\", \"Filter\")}\n            value={selected}\n            {...(multiple ? { multiple: true } : {})}\n            autoFocus\n            placeholder={\n              typeof property === \"string\"\n                ? t(\"filterChip.searchNamedValues\", \"Search {property} values\", { property: locale === \"en\" ? property.toLowerCase() : property })\n                : t(\"filterChip.searchValues\", \"Search values\")\n            }\n            emptyText={t(\"filterChip.noMatches\", \"No values match\")}\n            onSelect={(v) => {\n              if (multiple) onSelectedChange?.(selected.includes(v) ? selected.filter((s) => s !== v) : [...selected, v]);\n              else {\n                onSelectedChange?.([v]);\n                setOpen(false);\n              }\n            }}\n          />\n        </PickerPopover>\n      ) : (\n        <Menu\n          open={open}\n          onOpenChange={(o) => {\n            setOpen(o);\n            if (!o) setQuery(\"\");\n          }}\n        >\n          <Menu.Trigger>\n            <button type=\"button\" className={cn(SEG, \"divider-l\", !onRemove && \"pr-12\")} disabled={choices === 0}>\n              {value}\n            </button>\n          </Menu.Trigger>\n          {values && (\n            <Menu.Content\n              {...(searchable ? { className: \"w-280\" } : {})}\n              {...(searchable\n                ? {\n                    header: (\n                      <input\n                        ref={search}\n                        type=\"search\"\n                        aria-label={\n                          typeof property === \"string\"\n                            ? t(\"filterChip.searchNamedValues\", \"Search {property} values\", { property: locale === \"en\" ? property.toLowerCase() : property })\n                            : t(\"filterChip.searchValues\", \"Search values\")\n                        }\n                        placeholder={t(\"filterChip.search\", \"Search\")}\n                        autoComplete=\"off\"\n                        value={query}\n                        onChange={(e) => setQuery(e.target.value)}\n                        onKeyDown={(e) => {\n                          if (![\"ArrowDown\", \"ArrowUp\", \"Escape\", \"Tab\", \"Enter\"].includes(e.key)) e.stopPropagation();\n                        }}\n                        className=\"h-28 w-full bg-transparent text-body text-fg outline-none placeholder:text-fg-tertiary coarse:h-36\"\n                      />\n                    ),\n                    ...(shown.length === 0 ? { footer: t(\"filterChip.noMatches\", \"No values match\") } : {}),\n                  }\n                : {})}\n            >\n              {multiple ? (\n                inRuns(shown, (v) => (\n                  <Menu.CheckboxItem\n                    key={v.value}\n                    checked={selected.includes(v.value)}\n                    onCheckedChange={(c) => onSelectedChange?.(c ? [...selected, v.value] : selected.filter((s) => s !== v.value))}\n                    {...(v.icon ? { icon: v.icon } : {})}\n                  >\n                    <span className=\"inline-flex items-center gap-8\">\n                      {v.leading}\n                      {v.label}\n                    </span>\n                  </Menu.CheckboxItem>\n                ))\n              ) : (\n                <Menu.RadioGroup value={selected[0] ?? \"\"} onValueChange={(s) => onSelectedChange?.([s])}>\n                  {inRuns(shown, (v) => (\n                    <Menu.RadioItem key={v.value} value={v.value} closeOnClick {...(v.icon ? { icon: v.icon } : {})}>\n                      <span className=\"inline-flex items-center gap-8\">\n                        {v.leading}\n                        {v.label}\n                      </span>\n                    </Menu.RadioItem>\n                  ))}\n                </Menu.RadioGroup>\n              )}\n            </Menu.Content>\n          )}\n        </Menu>\n      )}\n      {onRemove && (\n        <span className=\"flex items-center pr-4 divider-l pl-4\">\n          <button\n            type=\"button\"\n            aria-label={\n              typeof property === \"string\" ? t(\"filterChip.removeNamed\", \"Remove the {property} filter\", { property }) : t(\"filterChip.remove\", \"Remove filter\")\n            }\n            onClick={onRemove}\n            className=\"relative inline-flex size-24 cursor-pointer items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-2 hover:text-fg focus-ring tap-target\"\n          >\n            <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n          </button>\n        </span>\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") FilterChip.displayName = \"FilterChip\";\n"],"mappings":"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"}

package/dist/components/filter-row.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "../chunks/cn-Dj6sRgkF.js";
-import { i as t } from "../chunks/inset-BnBj8NJV.js";
+import { a as t } from "../chunks/inset-BUzyXLK4.js";
 import { i as n } from "../chunks/context-BELWW79w.js";
 import { t as r } from "../chunks/arrow-focus-BcySmwwU.js";
 import { forwardRef as i } from "react";

package/dist/components/icon-button.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as IconButton, n as KAESO_ICON_BUTTON_DEFAULT_VARIANTS, r as KAESO_ICON_BUTTON_VARIANTS } from "../chunks/icon-button-CPYR21Sz.js";
+export { t as IconButton, n as KAESO_ICON_BUTTON_DEFAULT_VARIANTS, r as KAESO_ICON_BUTTON_VARIANTS } from "../chunks/icon-button-CrdF_eMG.js";

package/dist/components/icon.js

@@ -1,4 +1,4 @@
 "use client";
 import { n as e, r as t, t as n } from "../chunks/icon-D7ja-_Yk.js";
-import { t as r } from "../chunks/icon-CBzvyEqC.js";
+import { t as r } from "../chunks/icon-CPJWE2N-.js";
 export { n as Icon, e as KAESO_ICON_DEFAULT_VARIANTS, t as KAESO_ICON_VARIANTS, r as icons };

package/dist/components/input.js

@@ -1,22 +1,22 @@
 "use client";
 import { t as e } from "../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../chunks/context-BELWW79w.js";
-import { r as n } from "../chunks/tooltip-BMQ9BtPp.js";
+import { r as n } from "../chunks/tooltip-OcwO0VUT.js";
 import { a as r, o as i, s as a } from "../chunks/field-TviMvYa2.js";
-import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-CUSNsQjQ.js";
-import { i as d, n as f, r as p, t as m } from "../chunks/input-TyLIaQ5k.js";
-import { a as h, c as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C } from "../chunks/textarea-CT2S2JVM.js";
-import { a as w } from "../chunks/tag-DNdX1XRR.js";
-import { forwardRef as T, useId as E, useRef as D, useState as O } from "react";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { ViewIcon as j, ViewOffSlashIcon as M } from "@hugeicons/core-free-icons";
+import { a as o, i as s, n as c, r as l, t as u } from "../chunks/input-group-DQ_4DoXg.js";
+import { a as d, i as f, n as p, o as m, r as h, t as g } from "../chunks/input-2VJuj_M4.js";
+import { a as _, c as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T } from "../chunks/textarea--4FRL3Pb.js";
+import { a as E } from "../chunks/tag-D_M1s2qS.js";
+import { forwardRef as D, useId as O, useRef as k, useState as A } from "react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { ViewIcon as N, ViewOffSlashIcon as P } from "@hugeicons/core-free-icons";
 //#region src/components/input/sensitive-input.tsx
-var N = { kind: {
+var F = { kind: {
 	secret: { classes: "" },
 	password: { classes: "" }
-} }, P = { kind: "secret" }, F = /* @__PURE__ */ T(function({ kind: n = "secret", defaultRevealed: r = !1, description: i, onKeyDown: a, onKeyUp: o, className: s, ...l }, u) {
-	let d = t(), [f, p] = O(r), [h, g] = O(!1), _ = (e) => g(n === "password" && e.getModifierState?.("CapsLock"));
-	return /* @__PURE__ */ k(m, {
+} }, I = { kind: "secret" }, L = /* @__PURE__ */ D(function({ kind: n = "secret", defaultRevealed: r = !1, description: i, onKeyDown: a, onKeyUp: o, className: s, ...l }, u) {
+	let d = t(), [f, p] = A(r), [m, h] = A(!1), _ = (e) => h(n === "password" && e.getModifierState?.("CapsLock"));
+	return /* @__PURE__ */ j(g, {
 		ref: u,
 		type: f ? "text" : "password",
 		autoComplete: n === "password" ? "current-password" : "off",
@@ -26,15 +26,15 @@ var N = { kind: {
 		"data-1p-ignore": n === "secret" || void 0,
 		"data-lpignore": n === "secret" ? "true" : void 0,
 		className: e(s, f && "mono"),
-		description: h ? d("sensitiveInput.capsLock", "Caps Lock is on.") : i,
+		description: m ? d("sensitiveInput.capsLock", "Caps Lock is on.") : i,
 		onKeyDown: (e) => {
 			_(e), a?.(e);
 		},
 		onKeyUp: (e) => {
 			_(e), o?.(e);
 		},
-		trailing: /* @__PURE__ */ k(c.Button, {
-			icon: f ? M : j,
+		trailing: /* @__PURE__ */ j(c.Button, {
+			icon: f ? P : N,
 			"aria-label": n === "password" ? f ? d("sensitiveInput.hidePassword", "Hide password") : d("sensitiveInput.showPassword", "Show password") : f ? d("sensitiveInput.hide", "Hide") : d("sensitiveInput.show", "Show"),
 			onClick: () => p((e) => !e),
 			disabled: l.disabled
@@ -42,33 +42,33 @@ var N = { kind: {
 		...l
 	});
 });
-process.env.NODE_ENV !== "production" && (F.displayName = "SensitiveInput");
+process.env.NODE_ENV !== "production" && (L.displayName = "SensitiveInput");
 //#endregion
 //#region src/components/input/otp-input.tsx
-var I = { size: {
+var R = { size: {
 	md: { classes: "size-48 text-title" },
 	sm: { classes: "size-40 text-title-sm" }
-} }, L = { size: "md" }, R = /* @__PURE__ */ T(function({ length: n = 6, value: i, defaultValue: a = "", onValueChange: o, onComplete: s, invalid: c, size: l = "md", disabled: u, className: d, id: f, "aria-label": p, "data-force": m, ...h }, g) {
-	let _ = r(), v = t(), [y, b] = O(a), [x, S] = O(!1), [C, w] = O(0), T = E(), j = D(null), M = (i ?? y).slice(0, n), N = (e) => {
+} }, z = { size: "md" }, B = /* @__PURE__ */ D(function({ length: n = 6, value: i, defaultValue: a = "", onValueChange: o, onComplete: s, invalid: c, size: l = "md", disabled: u, className: d, id: f, "aria-label": p, "data-force": m, ...h }, g) {
+	let _ = r(), v = t(), [y, b] = A(a), [x, S] = A(!1), [C, w] = A(0), T = O(), E = k(null), D = (i ?? y).slice(0, n), N = (e) => {
 		let t = e.replace(/\D/g, "").slice(0, n);
 		i === void 0 && b(t), o?.(t), t.length === n && s?.(t);
 	}, P = Math.min(C, n - 1), F = x || m?.includes("focus");
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ M("div", {
 		className: e("relative inline-flex gap-8", d),
 		"data-invalid": c || _?.invalid || void 0,
 		children: [Array.from({ length: n }, (t, r) => {
-			let i = M[r] ?? "", a = F && r === Math.min(M.length, n - 1) && (C >= M.length || r === P);
-			return /* @__PURE__ */ k("div", {
+			let i = D[r] ?? "", a = F && r === Math.min(D.length, n - 1) && (C >= D.length || r === P);
+			return /* @__PURE__ */ j("div", {
 				"aria-hidden": !0,
-				className: e("flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control", I.size[l].classes, r === 2 && n === 6 && "mr-8"),
+				className: e("flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control", R.size[l].classes, r === 2 && n === 6 && "mr-8"),
 				...c || _?.invalid ? { "data-invalid": "" } : {},
 				...u ? { "data-disabled": "" } : {},
 				...a ? { "data-focused": "" } : {},
-				children: i || (a ? /* @__PURE__ */ k("span", { className: "h-20 w-1 animate-pulse-quiet bg-fg" }) : null)
+				children: i || (a ? /* @__PURE__ */ j("span", { className: "h-20 w-1 animate-pulse-quiet bg-fg" }) : null)
 			}, r);
-		}), /* @__PURE__ */ k("input", {
+		}), /* @__PURE__ */ j("input", {
 			ref: (e) => {
-				j.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
+				E.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
 			},
 			id: _?.controlId ?? f ?? `k-otp-${T}`,
 			type: "text",
@@ -76,7 +76,7 @@ var I = { size: {
 			autoComplete: "one-time-code",
 			pattern: "\\d*",
 			maxLength: n,
-			value: M,
+			value: D,
 			disabled: u,
 			"aria-label": p ?? (_ ? void 0 : v("otpInput.label", "Verification code")),
 			..._?.controlProps["aria-describedby"] ? { "aria-describedby": _.controlProps["aria-describedby"] } : {},
@@ -92,51 +92,51 @@ var I = { size: {
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (R.displayName = "OTPInput");
+process.env.NODE_ENV !== "production" && (B.displayName = "OTPInput");
 //#endregion
 //#region src/components/input/tag-input.tsx
-var z = { size: { md: { classes: "min-h-36 p-4" } } }, B = { size: "md" }, V = /* @__PURE__ */ T(function(o, s) {
+var V = { size: { md: { classes: "min-h-36 p-4" } } }, H = { size: "md" }, U = /* @__PURE__ */ D(function(o, s) {
 	let { value: c, defaultValue: l = [], onValueChange: u, onInputValueChange: d, placeholder: f, validate: p, separators: m = [
 		",",
 		" ",
 		";"
-	], disabled: h, id: g, name: _, className: v, label: y, description: b, error: x, optional: S, required: C, layout: T, "aria-label": E, "data-force": j } = o, M = r(), N = i(o), P = t(), [F, I] = O(l), [L, R] = O(""), B = (e) => {
+	], disabled: h, id: g, name: _, className: v, label: y, description: b, error: x, optional: S, required: C, layout: w, "aria-label": T, "data-force": D } = o, O = r(), N = i(o), P = t(), [F, I] = A(l), [L, R] = A(""), z = (e) => {
 		R(e), d?.(e);
-	}, V = D(null), H = c ?? F, U = (e) => {
+	}, B = k(null), H = c ?? F, U = (e) => {
 		c === void 0 && I(e), u?.(e);
 	}, W = RegExp(`[${m.map((e) => e.replace(/[\]\\^-]/g, "\\$&")).join("")}\\n\\t]+`), G = (e) => {
 		let t = e.split(W).map((e) => e.trim()).filter(Boolean).filter((e) => !H.includes(e));
-		t.length && U([...H, ...t]), B("");
-	}, K = H.map((e) => !p || p(e)), q = K.find((e) => e !== !0), J = x ?? (typeof q == "string" ? q : void 0), Y = /* @__PURE__ */ A("div", {
-		className: e("flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text", z.size.md.classes, h && "cursor-not-allowed", !(y || b || J) && v),
-		...J || M?.invalid ? { "data-invalid": "" } : {},
+		t.length && U([...H, ...t]), z("");
+	}, K = H.map((e) => !p || p(e)), q = K.find((e) => e !== !0), J = x ?? (typeof q == "string" ? q : void 0), Y = /* @__PURE__ */ M("div", {
+		className: e("flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text", V.size.md.classes, h && "cursor-not-allowed", !(y || b || J) && v),
+		...J || O?.invalid ? { "data-invalid": "" } : {},
 		...h ? { "data-disabled": "" } : {},
-		...j ? { "data-force": j } : {},
+		...D ? { "data-force": D } : {},
 		onMouseDown: (e) => {
-			e.target === e.currentTarget && (e.preventDefault(), V.current?.focus());
+			e.target === e.currentTarget && (e.preventDefault(), B.current?.focus());
 		},
 		children: [
 			H.map((e, t) => {
 				let r = K[t];
-				return /* @__PURE__ */ k(w, {
+				return /* @__PURE__ */ j(E, {
 					invalid: r !== !0,
 					...h ? {} : {
 						onRemove: () => U(H.filter((t) => t !== e)),
 						removeLabel: P("tagInput.remove", "Remove {tag}", { tag: e })
 					},
-					children: typeof r == "string" ? /* @__PURE__ */ k(n, {
+					children: typeof r == "string" ? /* @__PURE__ */ j(n, {
 						content: r,
-						children: /* @__PURE__ */ k("span", { children: e })
+						children: /* @__PURE__ */ j("span", { children: e })
 					}) : e
 				}, e);
 			}),
-			/* @__PURE__ */ k("input", {
+			/* @__PURE__ */ j("input", {
 				ref: (e) => {
-					V.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+					B.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
 				},
 				...g ? { id: g } : {},
 				...N.controlProps,
-				...E ? { "aria-label": E } : {},
+				...T ? { "aria-label": T } : {},
 				...J ? { "aria-invalid": !0 } : {},
 				disabled: h,
 				required: C && H.length === 0,
@@ -145,7 +145,7 @@ var z = { size: { md: { classes: "min-h-36 p-4" } } }, B = { size: "md" }, V = /
 				placeholder: H.length ? void 0 : f,
 				onChange: (e) => {
 					let t = e.target.value;
-					m.some((e) => t.endsWith(e)) ? G(t) : B(t);
+					m.some((e) => t.endsWith(e)) ? G(t) : z(t);
 				},
 				onKeyDown: (e) => {
 					e.key === "Enter" && L.trim() ? (e.preventDefault(), G(L)) : e.key === "Backspace" && !L && H.length && U(H.slice(0, -1));
@@ -157,27 +157,27 @@ var z = { size: { md: { classes: "min-h-36 p-4" } } }, B = { size: "md" }, V = /
 				onBlur: () => L.trim() && G(L),
 				className: e("my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed", H.length === 0 && "pl-12")
 			}),
-			_ && /* @__PURE__ */ k("input", {
+			_ && /* @__PURE__ */ j("input", {
 				type: "hidden",
 				name: _,
 				value: H.join(",")
 			})
 		]
 	});
-	return M ? Y : a({
+	return O ? Y : a({
 		label: y,
 		description: b,
 		error: J,
 		optional: S,
 		required: C,
-		layout: T,
+		layout: w,
 		id: N.wrapId ?? g,
 		disabled: h,
 		className: v
 	}, Y);
 });
-process.env.NODE_ENV !== "production" && (V.displayName = "TagInput");
+process.env.NODE_ENV !== "production" && (U.displayName = "TagInput");
 //#endregion
-export { u as INPUT_ICON_SIZE, m as Input, c as InputGroup, f as KAESO_INPUT_DEFAULT_VARIANTS, l as KAESO_INPUT_GROUP_DEFAULT_VARIANTS, s as KAESO_INPUT_GROUP_VARIANTS, p as KAESO_INPUT_VARIANTS, _ as KAESO_NUMBER_INPUT_DEFAULT_VARIANTS, h as KAESO_NUMBER_INPUT_VARIANTS, L as KAESO_OTP_INPUT_DEFAULT_VARIANTS, I as KAESO_OTP_INPUT_VARIANTS, P as KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS, N as KAESO_SENSITIVE_INPUT_VARIANTS, B as KAESO_TAG_INPUT_DEFAULT_VARIANTS, z as KAESO_TAG_INPUT_VARIANTS, C as KAESO_TEXTAREA_DEFAULT_VARIANTS, y as KAESO_TEXTAREA_VARIANTS, b as NumberInput, R as OTPInput, d as SearchInput, F as SensitiveInput, V as TagInput, x as Textarea, S as addDecimal, g as compareDecimal, v as groupDecimal, o as useInputGroupSize };
+export { u as INPUT_ICON_SIZE, g as Input, c as InputGroup, p as KAESO_INPUT_DEFAULT_VARIANTS, l as KAESO_INPUT_GROUP_DEFAULT_VARIANTS, s as KAESO_INPUT_GROUP_VARIANTS, h as KAESO_INPUT_VARIANTS, y as KAESO_NUMBER_INPUT_DEFAULT_VARIANTS, _ as KAESO_NUMBER_INPUT_VARIANTS, z as KAESO_OTP_INPUT_DEFAULT_VARIANTS, R as KAESO_OTP_INPUT_VARIANTS, f as KAESO_SEARCH_INPUT_DEFAULT_VARIANTS, d as KAESO_SEARCH_INPUT_VARIANTS, I as KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS, F as KAESO_SENSITIVE_INPUT_VARIANTS, H as KAESO_TAG_INPUT_DEFAULT_VARIANTS, V as KAESO_TAG_INPUT_VARIANTS, T as KAESO_TEXTAREA_DEFAULT_VARIANTS, x as KAESO_TEXTAREA_VARIANTS, S as NumberInput, B as OTPInput, m as SearchInput, L as SensitiveInput, U as TagInput, C as Textarea, w as addDecimal, v as compareDecimal, b as groupDecimal, o as useInputGroupSize };
 
 //# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["__icon_ViewOffSlashIcon","__icon_ViewIcon","cn","useUiText","Tooltip","useField","useFieldControl","withField","useInputGroupSize","KAESO_INPUT_GROUP_VARIANTS","InputGroup","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","INPUT_ICON_SIZE","SearchInput","KAESO_INPUT_DEFAULT_VARIANTS","KAESO_INPUT_VARIANTS","Input","KAESO_NUMBER_INPUT_VARIANTS","compareDecimal","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","groupDecimal","KAESO_TEXTAREA_VARIANTS","NumberInput","Textarea","addDecimal","KAESO_TEXTAREA_DEFAULT_VARIANTS","Tag","KAESO_SENSITIVE_INPUT_VARIANTS","KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS","SensitiveInput","props","t","revealed","setRevealed","useState","defaultRevealed","caps","setCaps","checkCaps","kind","className","description","onKeyDown","onKeyUp","ViewOffSlashIcon","ViewIcon","r","KAESO_OTP_INPUT_VARIANTS","KAESO_OTP_INPUT_DEFAULT_VARIANTS","OTPInput","ariaLabel","force","field","inner","setInner","defaultValue","focused","setFocused","sel","setSel","auto","useId","input","useRef","current","value","length","set","clean","v","onValueChange","onComplete","active","isFocused","invalid","char","i","isActive","size","disabled","el","ref","id","KAESO_TAG_INPUT_VARIANTS","KAESO_TAG_INPUT_DEFAULT_VARIANTS","TagInput","fc","draft","setDraftState","setDraft","next","onInputValueChange","tags","splitter","separators","s","add","parts","raw","p","messages","validate","tag","firstError","m","fieldError","error","control","label","message","x","required","placeholder","text","name"],"sources":["../../src/components/input/sensitive-input.tsx","../../src/components/input/otp-input.tsx","../../src/components/input/tag-input.tsx"],"sourcesContent":["import { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { ViewOffSlashIcon as __icon_ViewOffSlashIcon, ViewIcon as __icon_ViewIcon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SENSITIVE_INPUT_VARIANTS = {\n  kind: {\n    secret: { classes: \"\" },\n    password: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS = { kind: \"secret\" } as const;\n\nexport interface SensitiveInputProps extends Omit<InputProps, \"type\" | \"trailing\"> {\n  kind?: keyof typeof KAESO_SENSITIVE_INPUT_VARIANTS.kind | undefined;\n  defaultRevealed?: boolean | undefined;\n}\n\nexport const SensitiveInput = /* @__PURE__ */ forwardRef<HTMLInputElement, SensitiveInputProps>(function SensitiveInput(\n  { kind = \"secret\", defaultRevealed = false, description, onKeyDown, onKeyUp, className, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const [revealed, setRevealed] = useState(defaultRevealed);\n  const [caps, setCaps] = useState(false);\n  const checkCaps = (e: KeyboardEvent<HTMLInputElement>) => setCaps(kind === \"password\" && e.getModifierState?.(\"CapsLock\"));\n  return (\n    <Input\n      ref={ref}\n      type={revealed ? \"text\" : \"password\"}\n      autoComplete={kind === \"password\" ? \"current-password\" : \"off\"}\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck={false}\n      data-1p-ignore={kind === \"secret\" ? true : undefined}\n      data-lpignore={kind === \"secret\" ? \"true\" : undefined}\n      className={cn(className, revealed && \"mono\")}\n      description={caps ? t(\"sensitiveInput.capsLock\", \"Caps Lock is on.\") : description}\n      onKeyDown={(e) => {\n        checkCaps(e);\n        onKeyDown?.(e);\n      }}\n      onKeyUp={(e) => {\n        checkCaps(e);\n        onKeyUp?.(e);\n      }}\n      trailing={\n        <InputGroup.Button\n          icon={revealed ? __icon_ViewOffSlashIcon : __icon_ViewIcon}\n          aria-label={\n            kind === \"password\"\n              ? revealed\n                ? t(\"sensitiveInput.hidePassword\", \"Hide password\")\n                : t(\"sensitiveInput.showPassword\", \"Show password\")\n              : revealed\n                ? t(\"sensitiveInput.hide\", \"Hide\")\n                : t(\"sensitiveInput.show\", \"Show\")\n          }\n          onClick={() => setRevealed((r) => !r)}\n          disabled={props.disabled}\n        />\n      }\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SensitiveInput.displayName = \"SensitiveInput\";\n","import { forwardRef, useId, useRef, useState, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField } from \"../field/field.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_OTP_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"size-48 text-title\" },\n    sm: { classes: \"size-40 text-title-sm\" },\n  },\n} as const;\nexport const KAESO_OTP_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface OTPInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" | \"defaultValue\" | \"onChange\" | \"size\" | \"maxLength\"> {\n  length?: number | undefined;\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  onComplete?: ((value: string) => void) | undefined;\n  invalid?: boolean | undefined;\n  size?: keyof typeof KAESO_OTP_INPUT_VARIANTS.size | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const OTPInput = /* @__PURE__ */ forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(\n  {\n    length = 6,\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    onComplete,\n    invalid,\n    size = \"md\",\n    disabled,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n    ...props\n  },\n  ref,\n) {\n  const field = useField();\n  const t = useUiText();\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const [sel, setSel] = useState(0);\n  const auto = useId();\n  const input = useRef<HTMLInputElement | null>(null);\n  const current = (value ?? inner).slice(0, length);\n  const set = (v: string) => {\n    const clean = v.replace(/\\D/g, \"\").slice(0, length);\n    if (value === undefined) setInner(clean);\n    onValueChange?.(clean);\n    if (clean.length === length) onComplete?.(clean);\n  };\n  const active = Math.min(sel, length - 1);\n  const isFocused = focused || force?.includes(\"focus\");\n  return (\n    <div className={cn(\"relative inline-flex gap-8\", className)} data-invalid={invalid || field?.invalid || undefined}>\n      {Array.from({ length }, (_, i) => {\n        const char = current[i] ?? \"\";\n        const isActive = isFocused && i === Math.min(current.length, length - 1) && (sel >= current.length || i === active);\n        return (\n          <div\n            key={i}\n            aria-hidden\n            className={cn(\n              \"flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control\",\n              KAESO_OTP_INPUT_VARIANTS.size[size].classes,\n              i === 2 && length === 6 && \"mr-8\",\n            )}\n            {...(invalid || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n            {...(disabled ? { \"data-disabled\": \"\" } : {})}\n            {...(isActive ? { \"data-focused\": \"\" } : {})}\n          >\n            {char || (isActive ? <span className=\"h-20 w-1 animate-pulse-quiet bg-fg\" /> : null)}\n          </div>\n        );\n      })}\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        id={field?.controlId ?? id ?? `k-otp-${auto}`}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"one-time-code\"\n        pattern=\"\\d*\"\n        maxLength={length}\n        value={current}\n        disabled={disabled}\n        aria-label={ariaLabel ?? (field ? undefined : t(\"otpInput.label\", \"Verification code\"))}\n        {...(field?.controlProps[\"aria-describedby\"] ? { \"aria-describedby\": field.controlProps[\"aria-describedby\"] } : {})}\n        {...(invalid || field?.invalid ? { \"aria-invalid\": true } : {})}\n        onChange={(e) => {\n          set(e.target.value);\n          setSel(e.target.selectionStart ?? e.target.value.length);\n        }}\n        onSelect={(e) => setSel((e.target as HTMLInputElement).selectionStart ?? 0)}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        className=\"absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed\"\n        {...props}\n      />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") OTPInput.displayName = \"OTPInput\";\n","import { forwardRef, useRef, useState, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TAG_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"min-h-36 p-4\" },\n  },\n} as const;\nexport const KAESO_TAG_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TagInputProps extends FieldWrapProps {\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n  onInputValueChange?: ((draft: string) => void) | undefined;\n  placeholder?: string | undefined;\n  validate?: ((tag: string) => true | string) | undefined;\n  separators?: string[] | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const TagInput = /* @__PURE__ */ forwardRef<HTMLInputElement, TagInputProps>(function TagInput(props, ref) {\n  const {\n    value,\n    defaultValue = [],\n    onValueChange,\n    onInputValueChange,\n    placeholder,\n    validate,\n    separators = [\",\", \" \", \";\"],\n    disabled,\n    id,\n    name,\n    className,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const [inner, setInner] = useState<string[]>(defaultValue);\n  const [draft, setDraftState] = useState(\"\");\n  const setDraft = (next: string) => {\n    setDraftState(next);\n    onInputValueChange?.(next);\n  };\n  const input = useRef<HTMLInputElement | null>(null);\n  const tags = value ?? inner;\n  const set = (next: string[]) => {\n    if (value === undefined) setInner(next);\n    onValueChange?.(next);\n  };\n  const splitter = new RegExp(`[${separators.map((s) => s.replace(/[\\]\\\\^-]/g, \"\\\\$&\")).join(\"\")}\\\\n\\\\t]+`);\n  const add = (raw: string) => {\n    const parts = raw\n      .split(splitter)\n      .map((p) => p.trim())\n      .filter(Boolean)\n      .filter((p) => !tags.includes(p));\n    if (parts.length) set([...tags, ...parts]);\n    setDraft(\"\");\n  };\n  const messages = tags.map((tag) => (validate ? validate(tag) : true));\n  const firstError = messages.find((m) => m !== true);\n  const fieldError = error ?? (typeof firstError === \"string\" ? firstError : undefined);\n  const control = (\n    <div\n      className={cn(\n        \"flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n        KAESO_TAG_INPUT_VARIANTS.size.md.classes,\n        disabled && \"cursor-not-allowed\",\n        !(label || description || fieldError) && className,\n      )}\n      {...(fieldError || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n      {...(disabled ? { \"data-disabled\": \"\" } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) {\n          e.preventDefault();\n          input.current?.focus();\n        }\n      }}\n    >\n      {tags.map((tag, i) => {\n        const message = messages[i];\n        return (\n          <Tag\n            key={tag}\n            invalid={message !== true}\n            {...(disabled ? {} : { onRemove: () => set(tags.filter((x) => x !== tag)), removeLabel: t(\"tagInput.remove\", \"Remove {tag}\", { tag }) })}\n          >\n            {typeof message === \"string\" ? (\n              <Tooltip content={message}>\n                <span>{tag}</span>\n              </Tooltip>\n            ) : (\n              tag\n            )}\n          </Tag>\n        );\n      })}\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        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(fieldError ? { \"aria-invalid\": true } : {})}\n        disabled={disabled}\n        required={required && tags.length === 0}\n        {...(required ? { \"aria-required\": true } : {})}\n        value={draft}\n        placeholder={tags.length ? undefined : placeholder}\n        onChange={(e) => {\n          const v = e.target.value;\n          if (separators.some((s) => v.endsWith(s))) add(v);\n          else setDraft(v);\n        }}\n        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Enter\" && draft.trim()) {\n            e.preventDefault();\n            add(draft);\n          } else if (e.key === \"Backspace\" && !draft && tags.length) {\n            set(tags.slice(0, -1));\n          }\n        }}\n        onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n          const text = e.clipboardData.getData(\"text\");\n          if (splitter.test(text)) {\n            e.preventDefault();\n            add(draft + text);\n          }\n        }}\n        onBlur={() => draft.trim() && add(draft)}\n        className={cn(\n          \"my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\",\n          tags.length === 0 && \"pl-12\",\n        )}\n      />\n      {name && <input type=\"hidden\" name={name} value={tags.join(\",\")} />}\n    </div>\n  );\n  if (field) return control;\n  return withField({ label, description, error: fieldError, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TagInput.displayName = \"TagInput\";\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["__icon_ViewOffSlashIcon","__icon_ViewIcon","cn","useUiText","Tooltip","useField","useFieldControl","withField","useInputGroupSize","KAESO_INPUT_GROUP_VARIANTS","InputGroup","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","INPUT_ICON_SIZE","KAESO_SEARCH_INPUT_VARIANTS","KAESO_SEARCH_INPUT_DEFAULT_VARIANTS","KAESO_INPUT_DEFAULT_VARIANTS","SearchInput","KAESO_INPUT_VARIANTS","Input","KAESO_NUMBER_INPUT_VARIANTS","compareDecimal","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","groupDecimal","KAESO_TEXTAREA_VARIANTS","NumberInput","Textarea","addDecimal","KAESO_TEXTAREA_DEFAULT_VARIANTS","Tag","KAESO_SENSITIVE_INPUT_VARIANTS","KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS","SensitiveInput","props","t","revealed","setRevealed","useState","defaultRevealed","caps","setCaps","checkCaps","kind","className","description","onKeyDown","onKeyUp","ViewOffSlashIcon","ViewIcon","r","KAESO_OTP_INPUT_VARIANTS","KAESO_OTP_INPUT_DEFAULT_VARIANTS","OTPInput","ariaLabel","force","field","inner","setInner","defaultValue","focused","setFocused","sel","setSel","auto","useId","input","useRef","current","value","length","set","clean","v","onValueChange","onComplete","active","isFocused","invalid","char","i","isActive","size","disabled","el","ref","id","KAESO_TAG_INPUT_VARIANTS","KAESO_TAG_INPUT_DEFAULT_VARIANTS","TagInput","fc","draft","setDraftState","setDraft","next","onInputValueChange","tags","splitter","separators","s","add","parts","raw","p","messages","validate","tag","firstError","m","fieldError","error","control","label","message","x","required","placeholder","text","name"],"sources":["../../src/components/input/sensitive-input.tsx","../../src/components/input/otp-input.tsx","../../src/components/input/tag-input.tsx"],"sourcesContent":["import { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { ViewOffSlashIcon as __icon_ViewOffSlashIcon, ViewIcon as __icon_ViewIcon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SENSITIVE_INPUT_VARIANTS = {\n  kind: {\n    secret: { classes: \"\" },\n    password: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS = { kind: \"secret\" } as const;\n\nexport interface SensitiveInputProps extends Omit<InputProps, \"type\" | \"trailing\"> {\n  kind?: keyof typeof KAESO_SENSITIVE_INPUT_VARIANTS.kind | undefined;\n  defaultRevealed?: boolean | undefined;\n}\n\nexport const SensitiveInput = /* @__PURE__ */ forwardRef<HTMLInputElement, SensitiveInputProps>(function SensitiveInput(\n  { kind = \"secret\", defaultRevealed = false, description, onKeyDown, onKeyUp, className, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const [revealed, setRevealed] = useState(defaultRevealed);\n  const [caps, setCaps] = useState(false);\n  const checkCaps = (e: KeyboardEvent<HTMLInputElement>) => setCaps(kind === \"password\" && e.getModifierState?.(\"CapsLock\"));\n  return (\n    <Input\n      ref={ref}\n      type={revealed ? \"text\" : \"password\"}\n      autoComplete={kind === \"password\" ? \"current-password\" : \"off\"}\n      autoCorrect=\"off\"\n      autoCapitalize=\"off\"\n      spellCheck={false}\n      data-1p-ignore={kind === \"secret\" ? true : undefined}\n      data-lpignore={kind === \"secret\" ? \"true\" : undefined}\n      className={cn(className, revealed && \"mono\")}\n      description={caps ? t(\"sensitiveInput.capsLock\", \"Caps Lock is on.\") : description}\n      onKeyDown={(e) => {\n        checkCaps(e);\n        onKeyDown?.(e);\n      }}\n      onKeyUp={(e) => {\n        checkCaps(e);\n        onKeyUp?.(e);\n      }}\n      trailing={\n        <InputGroup.Button\n          icon={revealed ? __icon_ViewOffSlashIcon : __icon_ViewIcon}\n          aria-label={\n            kind === \"password\"\n              ? revealed\n                ? t(\"sensitiveInput.hidePassword\", \"Hide password\")\n                : t(\"sensitiveInput.showPassword\", \"Show password\")\n              : revealed\n                ? t(\"sensitiveInput.hide\", \"Hide\")\n                : t(\"sensitiveInput.show\", \"Show\")\n          }\n          onClick={() => setRevealed((r) => !r)}\n          disabled={props.disabled}\n        />\n      }\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") SensitiveInput.displayName = \"SensitiveInput\";\n","import { forwardRef, useId, useRef, useState, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField } from \"../field/field.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_OTP_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"size-48 text-title\" },\n    sm: { classes: \"size-40 text-title-sm\" },\n  },\n} as const;\nexport const KAESO_OTP_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface OTPInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" | \"defaultValue\" | \"onChange\" | \"size\" | \"maxLength\"> {\n  length?: number | undefined;\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  onComplete?: ((value: string) => void) | undefined;\n  invalid?: boolean | undefined;\n  size?: keyof typeof KAESO_OTP_INPUT_VARIANTS.size | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const OTPInput = /* @__PURE__ */ forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(\n  {\n    length = 6,\n    value,\n    defaultValue = \"\",\n    onValueChange,\n    onComplete,\n    invalid,\n    size = \"md\",\n    disabled,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n    ...props\n  },\n  ref,\n) {\n  const field = useField();\n  const t = useUiText();\n  const [inner, setInner] = useState(defaultValue);\n  const [focused, setFocused] = useState(false);\n  const [sel, setSel] = useState(0);\n  const auto = useId();\n  const input = useRef<HTMLInputElement | null>(null);\n  const current = (value ?? inner).slice(0, length);\n  const set = (v: string) => {\n    const clean = v.replace(/\\D/g, \"\").slice(0, length);\n    if (value === undefined) setInner(clean);\n    onValueChange?.(clean);\n    if (clean.length === length) onComplete?.(clean);\n  };\n  const active = Math.min(sel, length - 1);\n  const isFocused = focused || force?.includes(\"focus\");\n  return (\n    <div className={cn(\"relative inline-flex gap-8\", className)} data-invalid={invalid || field?.invalid || undefined}>\n      {Array.from({ length }, (_, i) => {\n        const char = current[i] ?? \"\";\n        const isActive = isFocused && i === Math.min(current.length, length - 1) && (sel >= current.length || i === active);\n        return (\n          <div\n            key={i}\n            aria-hidden\n            className={cn(\n              \"flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control\",\n              KAESO_OTP_INPUT_VARIANTS.size[size].classes,\n              i === 2 && length === 6 && \"mr-8\",\n            )}\n            {...(invalid || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n            {...(disabled ? { \"data-disabled\": \"\" } : {})}\n            {...(isActive ? { \"data-focused\": \"\" } : {})}\n          >\n            {char || (isActive ? <span className=\"h-20 w-1 animate-pulse-quiet bg-fg\" /> : null)}\n          </div>\n        );\n      })}\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        id={field?.controlId ?? id ?? `k-otp-${auto}`}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"one-time-code\"\n        pattern=\"\\d*\"\n        maxLength={length}\n        value={current}\n        disabled={disabled}\n        aria-label={ariaLabel ?? (field ? undefined : t(\"otpInput.label\", \"Verification code\"))}\n        {...(field?.controlProps[\"aria-describedby\"] ? { \"aria-describedby\": field.controlProps[\"aria-describedby\"] } : {})}\n        {...(invalid || field?.invalid ? { \"aria-invalid\": true } : {})}\n        onChange={(e) => {\n          set(e.target.value);\n          setSel(e.target.selectionStart ?? e.target.value.length);\n        }}\n        onSelect={(e) => setSel((e.target as HTMLInputElement).selectionStart ?? 0)}\n        onFocus={() => setFocused(true)}\n        onBlur={() => setFocused(false)}\n        className=\"absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed\"\n        {...props}\n      />\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") OTPInput.displayName = \"OTPInput\";\n","import { forwardRef, useRef, useState, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TAG_INPUT_VARIANTS = {\n  size: {\n    md: { classes: \"min-h-36 p-4\" },\n  },\n} as const;\nexport const KAESO_TAG_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TagInputProps extends FieldWrapProps {\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n  onInputValueChange?: ((draft: string) => void) | undefined;\n  placeholder?: string | undefined;\n  validate?: ((tag: string) => true | string) | undefined;\n  separators?: string[] | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const TagInput = /* @__PURE__ */ forwardRef<HTMLInputElement, TagInputProps>(function TagInput(props, ref) {\n  const {\n    value,\n    defaultValue = [],\n    onValueChange,\n    onInputValueChange,\n    placeholder,\n    validate,\n    separators = [\",\", \" \", \";\"],\n    disabled,\n    id,\n    name,\n    className,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const [inner, setInner] = useState<string[]>(defaultValue);\n  const [draft, setDraftState] = useState(\"\");\n  const setDraft = (next: string) => {\n    setDraftState(next);\n    onInputValueChange?.(next);\n  };\n  const input = useRef<HTMLInputElement | null>(null);\n  const tags = value ?? inner;\n  const set = (next: string[]) => {\n    if (value === undefined) setInner(next);\n    onValueChange?.(next);\n  };\n  const splitter = new RegExp(`[${separators.map((s) => s.replace(/[\\]\\\\^-]/g, \"\\\\$&\")).join(\"\")}\\\\n\\\\t]+`);\n  const add = (raw: string) => {\n    const parts = raw\n      .split(splitter)\n      .map((p) => p.trim())\n      .filter(Boolean)\n      .filter((p) => !tags.includes(p));\n    if (parts.length) set([...tags, ...parts]);\n    setDraft(\"\");\n  };\n  const messages = tags.map((tag) => (validate ? validate(tag) : true));\n  const firstError = messages.find((m) => m !== true);\n  const fieldError = error ?? (typeof firstError === \"string\" ? firstError : undefined);\n  const control = (\n    <div\n      className={cn(\n        \"flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n        KAESO_TAG_INPUT_VARIANTS.size.md.classes,\n        disabled && \"cursor-not-allowed\",\n        !(label || description || fieldError) && className,\n      )}\n      {...(fieldError || field?.invalid ? { \"data-invalid\": \"\" } : {})}\n      {...(disabled ? { \"data-disabled\": \"\" } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) {\n          e.preventDefault();\n          input.current?.focus();\n        }\n      }}\n    >\n      {tags.map((tag, i) => {\n        const message = messages[i];\n        return (\n          <Tag\n            key={tag}\n            invalid={message !== true}\n            {...(disabled ? {} : { onRemove: () => set(tags.filter((x) => x !== tag)), removeLabel: t(\"tagInput.remove\", \"Remove {tag}\", { tag }) })}\n          >\n            {typeof message === \"string\" ? (\n              <Tooltip content={message}>\n                <span>{tag}</span>\n              </Tooltip>\n            ) : (\n              tag\n            )}\n          </Tag>\n        );\n      })}\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        {...(id ? { id } : {})}\n        {...fc.controlProps}\n        {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n        {...(fieldError ? { \"aria-invalid\": true } : {})}\n        disabled={disabled}\n        required={required && tags.length === 0}\n        {...(required ? { \"aria-required\": true } : {})}\n        value={draft}\n        placeholder={tags.length ? undefined : placeholder}\n        onChange={(e) => {\n          const v = e.target.value;\n          if (separators.some((s) => v.endsWith(s))) add(v);\n          else setDraft(v);\n        }}\n        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n          if (e.key === \"Enter\" && draft.trim()) {\n            e.preventDefault();\n            add(draft);\n          } else if (e.key === \"Backspace\" && !draft && tags.length) {\n            set(tags.slice(0, -1));\n          }\n        }}\n        onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n          const text = e.clipboardData.getData(\"text\");\n          if (splitter.test(text)) {\n            e.preventDefault();\n            add(draft + text);\n          }\n        }}\n        onBlur={() => draft.trim() && add(draft)}\n        className={cn(\n          \"my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\",\n          tags.length === 0 && \"pl-12\",\n        )}\n      />\n      {name && <input type=\"hidden\" name={name} value={tags.join(\",\")} />}\n    </div>\n  );\n  if (field) return control;\n  return withField({ label, description, error: fieldError, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TagInput.displayName = \"TagInput\";\n"],"mappings":"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"}

package/dist/components/kaeso/conversation.js

@@ -2,8 +2,8 @@
 import { t as e } from "../../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { t as n } from "../../chunks/icon-D7ja-_Yk.js";
-import { r } from "../../chunks/link-B2I55xg9.js";
-import { t as i } from "../../chunks/banner-Cb8OWnqJ.js";
+import { r } from "../../chunks/link-KWI7PevW.js";
+import { t as i } from "../../chunks/banner-BA2ALw9M.js";
 import { t as a } from "../../chunks/json-view-Dqd2TDkc.js";
 import { t as o } from "../../chunks/badge-C2KtxCLB.js";
 import { n as s } from "../../chunks/collapsible-CKrCX_T9.js";
@@ -12,7 +12,7 @@ import { Suspense as l, forwardRef as u, lazy as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Image01Icon as m, Pdf01Icon as h, ToolsIcon as g } from "@hugeicons/core-free-icons";
 //#region src/components/kaeso/conversation.tsx
-var _ = /* @__PURE__ */ d(() => import("../../chunks/markdown-BEgwZFlu.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), v = { density: {
+var _ = /* @__PURE__ */ d(() => import("../../chunks/markdown-BupwFOae.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), v = { density: {
 	default: { classes: "gap-24" },
 	compact: { classes: "gap-16" }
 } }, y = { density: "default" };

package/dist/components/kaeso/identity.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as CapabilityIcons, n as KAESO_IDENTITY_DEFAULT_VARIANTS, r as KAESO_IDENTITY_VARIANTS, i as KeyDisplay, a as ModelLabel, o as ProviderBadge, s as ProviderCard, c as RequestTimeline, l as StatusCode, u as providerName } from "../../chunks/identity-DPuTkMsa.js";
+export { t as CapabilityIcons, n as KAESO_IDENTITY_DEFAULT_VARIANTS, r as KAESO_IDENTITY_VARIANTS, i as KAESO_KEY_DISPLAY_DEFAULT_VARIANTS, a as KAESO_KEY_DISPLAY_VARIANTS, o as KeyDisplay, s as ModelLabel, c as ProviderBadge, l as ProviderCard, u as RequestTimeline, d as StatusCode, f as providerName } from "../../chunks/identity-BmhQ6BQ-.js";

package/dist/components/kaeso/moments.js

@@ -2,10 +2,10 @@
 import { t as e } from "../../chunks/cn-Dj6sRgkF.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { t as n } from "../../chunks/icon-D7ja-_Yk.js";
-import { n as r } from "../../chunks/button-Dzu7_csE.js";
+import { n as r } from "../../chunks/button-CzuxqawA.js";
 import { t as i } from "../../chunks/use-copy-Dm2ncvMX.js";
-import { t as a } from "../../chunks/copy-button-7-irieJw.js";
-import { t as o } from "../../chunks/code-block-U5fCqwgC.js";
+import { t as a } from "../../chunks/copy-button-FJvPJn72.js";
+import { t as o } from "../../chunks/code-block-BZIe_B9l.js";
 import { forwardRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Alert02Icon as u, Copy01Icon as d, Tick02Icon as f } from "@hugeicons/core-free-icons";

package/dist/components/kaeso/rights.js

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, n as KAESO_RIGHTS_MATRIX_VARIANTS, r as RightsMatrix } from "../../chunks/rights-BlQx9C_j.js";
+export { t as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, n as KAESO_RIGHTS_MATRIX_VARIANTS, r as RightsMatrix } from "../../chunks/rights-Cyp0Pzp-.js";

package/dist/components/kaeso/usage.js

@@ -5,7 +5,7 @@ import { formatNumber as n, formatTokens as r } from "../../format.js";
 import { t as i } from "../../chunks/icon-D7ja-_Yk.js";
 import { a } from "../../chunks/meter-Bj4N3Xuh.js";
 import { t as o } from "../../chunks/badge-C2KtxCLB.js";
-import { C as s, c, l } from "../../chunks/core-Bl9NrBLS.js";
+import { C as s, c, l } from "../../chunks/core-BYns5ytV.js";
 import { forwardRef as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Layers01Icon as p, LeftToRightListBulletIcon as m, Wallet01Icon as h } from "@hugeicons/core-free-icons";
@@ -23,7 +23,7 @@ function y(e) {
 		reasoning: e("usageBreakdown.reasoning", "Reasoning")
 	};
 }
-var b = /* @__PURE__ */ u(function({ tokens: i, className: a }, o) {
+var b = {}, x = {}, S = /* @__PURE__ */ u(function({ tokens: i, className: a }, o) {
 	let l = t(), u = y(l), p = v.filter((e) => (i[e] ?? 0) > 0), m = p.reduce((e, t) => e + (i[t] ?? 0), 0) || 1;
 	return /* @__PURE__ */ f("div", {
 		ref: o,
@@ -58,12 +58,12 @@ var b = /* @__PURE__ */ u(function({ tokens: i, className: a }, o) {
 		})]
 	});
 });
-process.env.NODE_ENV !== "production" && (b.displayName = "UsageBreakdown");
-var x = {
+process.env.NODE_ENV !== "production" && (S.displayName = "UsageBreakdown");
+var C = {
 	requests: m,
 	tokens: p,
 	spend: h
-}, S = /* @__PURE__ */ u(function({ kind: e, scope: n, window: r, used: s, limit: c, valueLabel: l, hard: u = !0, alerts: p = [.8], resets: m, className: h }, g) {
+}, w = /* @__PURE__ */ u(function({ kind: e, scope: n, window: r, used: s, limit: c, valueLabel: l, hard: u = !0, alerts: p = [.8], resets: m, className: h }, g) {
 	let _ = t();
 	return /* @__PURE__ */ d(a, {
 		ref: g,
@@ -71,7 +71,7 @@ var x = {
 		value: c > 0 ? s / c : 0,
 		thresholds: p,
 		leading: /* @__PURE__ */ d(i, {
-			icon: x[e],
+			icon: C[e],
 			size: "sm",
 			className: "text-fg-secondary"
 		}),
@@ -94,8 +94,8 @@ var x = {
 		"aria-label": _("limitMeter.label", "{kind, select, requests {requests limit} tokens {tokens limit} other {spend limit}}", { kind: e })
 	});
 });
-process.env.NODE_ENV !== "production" && (S.displayName = "LimitMeter");
+process.env.NODE_ENV !== "production" && (w.displayName = "LimitMeter");
 //#endregion
-export { _ as KAESO_USAGE_DEFAULT_VARIANTS, g as KAESO_USAGE_VARIANTS, S as LimitMeter, b as UsageBreakdown };
+export { x as KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS, b as KAESO_USAGE_BREAKDOWN_VARIANTS, _ as KAESO_USAGE_DEFAULT_VARIANTS, g as KAESO_USAGE_VARIANTS, w as LimitMeter, S as UsageBreakdown };
 
 //# sourceMappingURL=usage.js.map

package/dist/components/kaeso/usage.js.map

@@ -1 +1 @@
-{"version":3,"file":"usage.js","names":["__icon_LeftToRightListBulletIcon","__icon_Layers01Icon","__icon_Wallet01Icon","cn","useUiText","Icon","Badge","tokenKindColor","KAESO_USAGE_VARIANTS","KAESO_USAGE_DEFAULT_VARIANTS","ORDER","TOKEN_KIND_ORDER","kindLabels","t","UsageBreakdown","label","kinds","tokens","k","total","a","className","formatNumber","Swatch","formatTokens","KIND_ICON","LeftToRightListBulletIcon","Layers01Icon","Wallet01Icon","LimitMeter","win","Meter","limit","used","alerts","kind","scope","hard","valueLabel","resets"],"sources":["../../../src/components/kaeso/usage.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { LeftToRightListBulletIcon as __icon_LeftToRightListBulletIcon, Layers01Icon as __icon_Layers01Icon, Wallet01Icon as __icon_Wallet01Icon } from \"@hugeicons/core-free-icons\";\nimport { formatNumber, formatTokens } from \"../../format/index.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Meter } from \"../meter/meter.js\";\nimport { Swatch, TOKEN_KIND_ORDER, tokenKindColor, type TokenKind } from \"../charts/core.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_USAGE_VARIANTS = {\n  limit: {\n    hard: { classes: \"\" },\n    soft: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_USAGE_DEFAULT_VARIANTS = { limit: \"hard\" } as const;\n\nconst ORDER = TOKEN_KIND_ORDER;\n\nfunction kindLabels(t: UiText): Record<TokenKind, string> {\n  return {\n    input: t(\"usageBreakdown.input\", \"Input\"),\n    output: t(\"usageBreakdown.output\", \"Output\"),\n    cacheRead: t(\"usageBreakdown.cacheRead\", \"Cache read\"),\n    cacheWrite: t(\"usageBreakdown.cacheWrite\", \"Cache write\"),\n    reasoning: t(\"usageBreakdown.reasoning\", \"Reasoning\"),\n  };\n}\n\nexport const UsageBreakdown = /* @__PURE__ */ forwardRef<HTMLDivElement, { tokens: Partial<Record<TokenKind, number>>; className?: string | undefined }>(\n  function UsageBreakdown({ tokens, className }, ref) {\n    const t = useUiText();\n    const label = kindLabels(t);\n    const kinds = ORDER.filter((k) => (tokens[k] ?? 0) > 0);\n    const total = kinds.reduce((a, k) => a + (tokens[k] ?? 0), 0) || 1;\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-12\", className)}>\n        <div\n          role=\"img\"\n          aria-label={t(\"usageBreakdown.tokens\", \"Tokens: {list}\", {\n            list: kinds\n              .map((k) => t(\"usageBreakdown.kindCount\", \"{kind} {count}\", { kind: label[k], count: formatNumber(tokens[k] ?? 0) }))\n              .join(t(\"usageBreakdown.listSeparator\", \", \")),\n          })}\n          className=\"flex h-8 w-full gap-2 overflow-hidden rounded-pill\"\n        >\n          {kinds.map((k) => (\n            <span\n              key={k}\n              className=\"h-full min-w-2 first:rounded-l-pill last:rounded-r-pill width-motion\"\n              style={{ width: `${((tokens[k] ?? 0) / total) * 100}%`, background: tokenKindColor(k) }}\n            />\n          ))}\n        </div>\n        <dl className=\"flex flex-wrap gap-x-24 gap-y-8\">\n          {ORDER.filter((k) => tokens[k] !== undefined).map((k) => (\n            <div key={k} className=\"flex flex-col gap-2\">\n              <dt className=\"flex items-center gap-8 text-small text-fg-secondary\">\n                <Swatch color={tokenKindColor(k)} />\n                {label[k]}\n              </dt>\n              <dd\n                className=\"pl-18 text-body font-medium text-fg tabular\"\n                title={t(\"usageBreakdown.tokenCount\", \"{count} tokens\", { count: formatNumber(tokens[k] ?? 0) })}\n              >\n                {formatTokens(tokens[k] ?? 0)}\n              </dd>\n            </div>\n          ))}\n        </dl>\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") UsageBreakdown.displayName = \"UsageBreakdown\";\n\nexport type LimitKind = \"requests\" | \"tokens\" | \"spend\";\nconst KIND_ICON: Record<LimitKind, IconData> = { requests: __icon_LeftToRightListBulletIcon, tokens: __icon_Layers01Icon, spend: __icon_Wallet01Icon };\n\nexport interface LimitMeterProps {\n  kind: LimitKind;\n  scope: ReactNode;\n  window: ReactNode;\n  used: number;\n  limit: number;\n  valueLabel: ReactNode;\n  hard?: boolean | undefined;\n  alerts?: number[] | undefined;\n  resets?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const LimitMeter = /* @__PURE__ */ forwardRef<HTMLDivElement, LimitMeterProps>(function LimitMeter(\n  { kind, scope, window: win, used, limit, valueLabel, hard = true, alerts = [0.8], resets, className },\n  ref,\n) {\n  const t = useUiText();\n  return (\n    <Meter\n      ref={ref}\n      className={className}\n      value={limit > 0 ? used / limit : 0}\n      thresholds={alerts}\n      leading={<Icon icon={KIND_ICON[kind]} size=\"sm\" className=\"text-fg-secondary\" />}\n      label={scope}\n      trailing={<Badge tone={hard ? \"neutral\" : \"outline\"}>{hard ? t(\"limitMeter.hard\", \"Hard\") : t(\"limitMeter.soft\", \"Soft\")}</Badge>}\n      caption={\n        <span className=\"flex flex-wrap items-baseline justify-between gap-x-12 gap-y-2\">\n          <span>\n            <span className=\"font-medium text-fg-secondary tabular\">{valueLabel}</span> · {win}\n          </span>\n          {resets && <span>{resets}</span>}\n        </span>\n      }\n      aria-label={t(\"limitMeter.label\", \"{kind, select, requests {requests limit} tokens {tokens limit} other {spend limit}}\", { kind })}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") LimitMeter.displayName = \"LimitMeter\";\n"],"mappings":";;;;;;;;;;;;AAUA,IAAaQ,IAAuB,EAClC,OAAO;CACL,MAAM,EAAE,SAAS,GAAG;CACpB,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAA+B,EAAE,OAAO,OAAO,GAEtDC,IAAQC;AAEd,SAASC,EAAW,GAAsC;CACxD,OAAO;EACL,OAAOC,EAAE,wBAAwB,OAAO;EACxC,QAAQA,EAAE,yBAAyB,QAAQ;EAC3C,WAAWA,EAAE,4BAA4B,YAAY;EACrD,YAAYA,EAAE,6BAA6B,aAAa;EACxD,WAAWA,EAAE,4BAA4B,WAAW;CACtD;AACF;AAEA,IAAaC,IAAiC,kBAC5C,SAAwB,EAAE,WAAQ,gBAAa,GAAK;CAClD,IAAMD,IAAIT,EAAU,GACdW,IAAQH,EAAWC,CAAC,GACpBG,IAAQN,EAAM,QAAQ,OAAOO,EAAOC,MAAM,KAAK,CAAC,GAChDC,IAAQH,EAAM,QAAQ,GAAG,MAAMI,KAAKH,EAAOC,MAAM,IAAI,CAAC,KAAK;CACjE,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWf,EAAG,wBAAwBkB,CAAS;EAA9D,UAAA,CACE,kBAAC,OAAD;GACE,MAAK;GACL,cAAYR,EAAE,yBAAyB,kBAAkB,EACvD,MAAMG,EACH,KAAK,MAAMH,EAAE,4BAA4B,kBAAkB;IAAE,MAAME,EAAMG;IAAI,OAAOI,EAAaL,EAAOC,MAAM,CAAC;GAAE,CAAC,CAAC,CAAC,CACpH,KAAKL,EAAE,gCAAgC,IAAI,CAAC,EACjD,CAAC;GACD,WAAU;GAET,UAAAG,EAAM,KAAK,MACV,kBAAC,QAAD;IAEE,WAAU;IACV,OAAO;KAAE,OAAO,IAAKC,EAAOC,MAAM,KAAKC,IAAS,IAAI;KAAI,YAAYZ,EAAeW,CAAC;IAAE;GACvF,GAHMA,CAGN,CACF;EACE,CAAA,GACL,kBAAC,MAAD;GAAI,WAAU;GACX,UAAAR,EAAM,QAAQ,MAAMO,EAAOC,OAAO,KAAA,CAAS,CAAC,CAAC,KAAK,MACjD,kBAAC,OAAD;IAAa,WAAU;IAAvB,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;KAAd,UAAA,CACE,kBAACK,GAAD,EAAQ,OAAOhB,EAAeW,CAAC,EAAI,CAAA,GAClCH,EAAMG,EACL;IACJ,CAAA,GAAA,kBAAC,MAAD;KACE,WAAU;KACV,OAAOL,EAAE,6BAA6B,kBAAkB,EAAE,OAAOS,EAAaL,EAAOC,MAAM,CAAC,EAAE,CAAC;KAE9F,UAAAM,EAAaP,EAAOC,MAAM,CAAC;IAC1B,CAAA,CACD;GAXK,GAAAA,CAWL,CACN;EACC,CAAA,CACD;;AAET,CACF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAe,cAAc;AAGxE,IAAMO,IAAyC;CAAE,UAAUzB;CAAkC,QAAQC;CAAqB,OAAOC;AAAoB,GAexI2B,IAA6B,kBAA4C,SACpF,EAAE,SAAM,UAAO,QAAQC,GAAK,SAAM,UAAO,eAAY,UAAO,IAAM,YAAS,CAAC,EAAG,GAAG,WAAQ,gBAC1F,GACA;CACA,IAAMjB,IAAIT,EAAU;CACpB,OACE,kBAAC2B,GAAD;EACO;EACM;EACX,OAAOC,IAAQ,IAAIC,IAAOD,IAAQ;EAClC,YAAYE;EACZ,SAAS,kBAAC7B,GAAD;GAAM,MAAMoB,EAAUU;GAAO,MAAK;GAAK,WAAU;EAAqB,CAAA;EAC/E,OAAOC;EACP,UAAU,kBAAC9B,GAAD;GAAO,MAAM+B,IAAO,YAAY;GAAY,UAAAA,IAAOxB,EAAE,mBAAmB,MAAM,IAAIA,EAAE,mBAAmB,MAAM;EAAS,CAAA;EAChI,SACE,kBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,kBAAC,QAAD,EAAA,UAAA;IACE,kBAAC,QAAD;KAAM,WAAU;KAAyC,UAAAyB;IAAiB,CAAA;IAAC;IAAIR;GAC3E,EAAA,CAAA,GACLS,KAAU,kBAAC,QAAD,EAAA,UAAOA,EAAa,CAAA,CAC3B;;EAER,cAAY1B,EAAE,oBAAoB,uFAAuF,EAAE,QAAK,CAAC;CAClI,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}
+{"version":3,"file":"usage.js","names":["__icon_LeftToRightListBulletIcon","__icon_Layers01Icon","__icon_Wallet01Icon","cn","useUiText","Icon","Badge","tokenKindColor","KAESO_USAGE_VARIANTS","KAESO_USAGE_DEFAULT_VARIANTS","ORDER","TOKEN_KIND_ORDER","kindLabels","t","KAESO_USAGE_BREAKDOWN_VARIANTS","KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS","UsageBreakdown","label","kinds","tokens","k","total","a","className","formatNumber","Swatch","formatTokens","KIND_ICON","LeftToRightListBulletIcon","Layers01Icon","Wallet01Icon","LimitMeter","win","Meter","limit","used","alerts","kind","scope","hard","valueLabel","resets"],"sources":["../../../src/components/kaeso/usage.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { LeftToRightListBulletIcon as __icon_LeftToRightListBulletIcon, Layers01Icon as __icon_Layers01Icon, Wallet01Icon as __icon_Wallet01Icon } from \"@hugeicons/core-free-icons\";\nimport { formatNumber, formatTokens } from \"../../format/index.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Meter } from \"../meter/meter.js\";\nimport { Swatch, TOKEN_KIND_ORDER, tokenKindColor, type TokenKind } from \"../charts/core.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_USAGE_VARIANTS = {\n  limit: {\n    hard: { classes: \"\" },\n    soft: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_USAGE_DEFAULT_VARIANTS = { limit: \"hard\" } as const;\n\nconst ORDER = TOKEN_KIND_ORDER;\n\nfunction kindLabels(t: UiText): Record<TokenKind, string> {\n  return {\n    input: t(\"usageBreakdown.input\", \"Input\"),\n    output: t(\"usageBreakdown.output\", \"Output\"),\n    cacheRead: t(\"usageBreakdown.cacheRead\", \"Cache read\"),\n    cacheWrite: t(\"usageBreakdown.cacheWrite\", \"Cache write\"),\n    reasoning: t(\"usageBreakdown.reasoning\", \"Reasoning\"),\n  };\n}\n\nexport const KAESO_USAGE_BREAKDOWN_VARIANTS = {} as const;\nexport const KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS = {} as const;\n\nexport const UsageBreakdown = /* @__PURE__ */ forwardRef<HTMLDivElement, { tokens: Partial<Record<TokenKind, number>>; className?: string | undefined }>(\n  function UsageBreakdown({ tokens, className }, ref) {\n    const t = useUiText();\n    const label = kindLabels(t);\n    const kinds = ORDER.filter((k) => (tokens[k] ?? 0) > 0);\n    const total = kinds.reduce((a, k) => a + (tokens[k] ?? 0), 0) || 1;\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-12\", className)}>\n        <div\n          role=\"img\"\n          aria-label={t(\"usageBreakdown.tokens\", \"Tokens: {list}\", {\n            list: kinds\n              .map((k) => t(\"usageBreakdown.kindCount\", \"{kind} {count}\", { kind: label[k], count: formatNumber(tokens[k] ?? 0) }))\n              .join(t(\"usageBreakdown.listSeparator\", \", \")),\n          })}\n          className=\"flex h-8 w-full gap-2 overflow-hidden rounded-pill\"\n        >\n          {kinds.map((k) => (\n            <span\n              key={k}\n              className=\"h-full min-w-2 first:rounded-l-pill last:rounded-r-pill width-motion\"\n              style={{ width: `${((tokens[k] ?? 0) / total) * 100}%`, background: tokenKindColor(k) }}\n            />\n          ))}\n        </div>\n        <dl className=\"flex flex-wrap gap-x-24 gap-y-8\">\n          {ORDER.filter((k) => tokens[k] !== undefined).map((k) => (\n            <div key={k} className=\"flex flex-col gap-2\">\n              <dt className=\"flex items-center gap-8 text-small text-fg-secondary\">\n                <Swatch color={tokenKindColor(k)} />\n                {label[k]}\n              </dt>\n              <dd\n                className=\"pl-18 text-body font-medium text-fg tabular\"\n                title={t(\"usageBreakdown.tokenCount\", \"{count} tokens\", { count: formatNumber(tokens[k] ?? 0) })}\n              >\n                {formatTokens(tokens[k] ?? 0)}\n              </dd>\n            </div>\n          ))}\n        </dl>\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") UsageBreakdown.displayName = \"UsageBreakdown\";\n\nexport type LimitKind = \"requests\" | \"tokens\" | \"spend\";\nconst KIND_ICON: Record<LimitKind, IconData> = { requests: __icon_LeftToRightListBulletIcon, tokens: __icon_Layers01Icon, spend: __icon_Wallet01Icon };\n\nexport interface LimitMeterProps {\n  kind: LimitKind;\n  scope: ReactNode;\n  window: ReactNode;\n  used: number;\n  limit: number;\n  valueLabel: ReactNode;\n  hard?: boolean | undefined;\n  alerts?: number[] | undefined;\n  resets?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const LimitMeter = /* @__PURE__ */ forwardRef<HTMLDivElement, LimitMeterProps>(function LimitMeter(\n  { kind, scope, window: win, used, limit, valueLabel, hard = true, alerts = [0.8], resets, className },\n  ref,\n) {\n  const t = useUiText();\n  return (\n    <Meter\n      ref={ref}\n      className={className}\n      value={limit > 0 ? used / limit : 0}\n      thresholds={alerts}\n      leading={<Icon icon={KIND_ICON[kind]} size=\"sm\" className=\"text-fg-secondary\" />}\n      label={scope}\n      trailing={<Badge tone={hard ? \"neutral\" : \"outline\"}>{hard ? t(\"limitMeter.hard\", \"Hard\") : t(\"limitMeter.soft\", \"Soft\")}</Badge>}\n      caption={\n        <span className=\"flex flex-wrap items-baseline justify-between gap-x-12 gap-y-2\">\n          <span>\n            <span className=\"font-medium text-fg-secondary tabular\">{valueLabel}</span> · {win}\n          </span>\n          {resets && <span>{resets}</span>}\n        </span>\n      }\n      aria-label={t(\"limitMeter.label\", \"{kind, select, requests {requests limit} tokens {tokens limit} other {spend limit}}\", { kind })}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") LimitMeter.displayName = \"LimitMeter\";\n"],"mappings":"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"}