@logicplanes/kaeso-ui 0.4.2 → 0.4.3

package/foundations/shape.md

@@ -14,7 +14,7 @@ Pills for everything on one line, concentric corners for everything that holds s
 | `rounded-dialog`                          | Dialogs and the command palette                                                |
 | `rounded-sheet`                           | Sheets, on the side that faces the content                                     |
 | `rounded-group`                           | Settings groups                                                                |
-| `rounded-well`                            | Code wells and preview frames                                                  |
+| `rounded-well`                            | Code wells, preview frames and image thumbnails                                |
 | `rounded-tooltip`                         | Single-line tooltips                                                           |
 | `rounded-palette`, `rounded-palette-item` | The command palette and its rows                                               |
 | `rounded-checkbox`                        | Checkboxes                                                                     |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicplanes/kaeso-ui",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Kaeso's UI library: React components on Base UI, Tailwind CSS v4 and the Kaeso tokens.",
   "license": "MIT",
   "author": "Devin Oldenburg",
@@ -102,7 +102,7 @@
     "shiki": "4.5.0",
     "tailwind-merge": "3.7.0",
     "uqr": "0.1.3",
-    "@logicplanes/kaeso-tokens": "0.4.2"
+    "@logicplanes/kaeso-tokens": "0.4.3"
   },
   "devDependencies": {
     "@hugeicons/core-free-icons": "4.3.5",

package/dist/chunks/app-frame-C8csevkL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-frame-C8csevkL.js","names":["__icon_SidebarLeftIcon","cn","InsetContent","GutterContent","useUiText","useLazyModule","lazyModule","buttonClasses","IconButton","useSidebar","BrandWordmark","whenIdle","KAESO_APP_FRAME_VARIANTS","KAESO_APP_FRAME_DEFAULT_VARIANTS","Ctx","useAppFrame","useContext","Root","navOpen","setNavOpen","useState","toggle","useRef","sheetReady","mainId","useId","Main","fill","frame","useMemo","className","SkipLink","sidebar","PhoneBar","brandHref","brandLabel","phoneActions","o","corner","FrameSheet","t","target","main","Bar","banner","actions","toggleRef","SidebarLeftIcon","open","onToggle","PEEK_DELAY","navSheet","n","idle","setIdle","dismiss","useCallback","setPeeking","NavSheet","peeking","pending","useLayoutEffect","usePendingDismiss","doc","onKeyDown","onPointerDown","MenuButton","intent","wide","collapsed","setCollapsed","openNav","KAESO_APP_FRAME_BODY_VARIANTS","KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS","Body","props","padding","Settings","title","description","AppFrame"],"sources":["../../src/components/app-frame/app-frame.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { GutterContent, InsetContent } from \"../../utils/inset.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { SidebarLeftIcon as __icon_SidebarLeftIcon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { buttonClasses } from \"../button/button.js\";\nimport { useSidebar, BrandWordmark } from \"../sidebar/sidebar.js\";\nimport { lazyModule, useLazyModule } from \"../../utils/lazy-module.js\";\nimport { whenIdle } from \"../../utils/when-idle.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_APP_FRAME_VARIANTS = {\n  fill: {\n    screen: { classes: \"h-dvh\" },\n    parent: { classes: \"h-full\" },\n  },\n} as const;\nexport const KAESO_APP_FRAME_DEFAULT_VARIANTS = { fill: \"screen\" } as const;\n\nconst Ctx = /* @__PURE__ */ createContext<{ openNav: () => void; embedded: boolean; sheetReady: RefObject<boolean> }>({\n  openNav: () => undefined,\n  embedded: false,\n  sheetReady: { current: false },\n});\nexport const useAppFrame = () => useContext(Ctx);\n\nexport interface AppFrameProps {\n  sidebar: ReactNode;\n  children: ReactNode;\n  corner?: ReactNode | undefined;\n  fill?: keyof typeof KAESO_APP_FRAME_VARIANTS.fill | undefined;\n  brandHref?: string | undefined;\n  brandLabel?: string | undefined;\n  phoneActions?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, AppFrameProps>(function AppFrame(\n  { sidebar, children, corner, fill = \"screen\", brandHref, brandLabel, phoneActions, className },\n  ref,\n) {\n  const [navOpen, setNavOpen] = useState(false);\n  const toggle = useRef<HTMLButtonElement | null>(null);\n  const sheetReady = useRef(false);\n  const mainId = `k-main-${useId().replace(/[^\\w-]/g, \"\")}`;\n  const Main = fill === \"screen\" ? \"main\" : \"div\";\n  const frame = useMemo(() => ({ openNav: () => setNavOpen(true), embedded: fill === \"parent\", sheetReady }), [fill]);\n  return (\n    <Ctx.Provider value={frame}>\n      <div\n        ref={ref}\n        className={cn(\n          \"relative isolate flex w-full flex-col overflow-hidden bg-chrome text-fg lg:flex-row\",\n          KAESO_APP_FRAME_VARIANTS.fill[fill].classes,\n          className,\n        )}\n      >\n        <SkipLink target={mainId} />\n        <div className=\"hidden h-full lg:flex\">{sidebar}</div>\n        <PhoneBar\n          banner={fill === \"screen\"}\n          href={brandHref}\n          label={brandLabel}\n          actions={phoneActions}\n          open={navOpen}\n          onToggle={() => setNavOpen((o) => !o)}\n          toggleRef={toggle}\n        />\n        <Main\n          id={mainId}\n          className=\"relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-panel outline-none safe-area-panel lg:my-8 lg:mr-8 lg:rounded-panel lg:shadow-panel\"\n        >\n          {children}\n        </Main>\n        {corner && <div className=\"fixed right-16 bottom-16 z-10 flex items-center gap-8\">{corner}</div>}\n      </div>\n      <FrameSheet navOpen={navOpen} setNavOpen={setNavOpen} toggle={toggle} ready={sheetReady}>\n        {sidebar}\n      </FrameSheet>\n    </Ctx.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"AppFrame\";\n\nfunction SkipLink({ target }: { target: string }) {\n  const t = useUiText();\n  return (\n    <a\n      href={`#${target}`}\n      onClick={(e) => {\n        const main = document.getElementById(target);\n        if (!main) return;\n        e.preventDefault();\n        main.setAttribute(\"tabindex\", \"-1\");\n        main.addEventListener(\"blur\", () => main.removeAttribute(\"tabindex\"), { once: true });\n        main.focus();\n      }}\n      className={cn(buttonClasses({ size: \"sm\" }), \"absolute top-8 left-8 z-50 not-focus:sr-only\")}\n    >\n      {t(\"appFrame.skipToContent\", \"Skip to content\")}\n    </a>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") SkipLink.displayName = \"AppFrame.SkipLink\";\n\nfunction PhoneBar({\n  banner,\n  href,\n  label,\n  actions,\n  open,\n  onToggle,\n  toggleRef,\n}: {\n  banner: boolean;\n  href: string | undefined;\n  label: string | undefined;\n  actions: ReactNode;\n  open: boolean;\n  onToggle: () => void;\n  toggleRef: RefObject<HTMLButtonElement | null>;\n}) {\n  const Bar = banner ? \"header\" : \"div\";\n  const t = useUiText();\n  return (\n    <Bar data-phone-bar=\"\" className=\"shrink-0 bg-panel safe-area-bar lg:hidden\">\n      <div className=\"mt-8 flex h-52 items-center justify-between px-24\">\n        <BrandWordmark href={href} label={label} />\n        <span className=\"flex items-center\">\n          {actions}\n          <IconButton\n            ref={toggleRef}\n            icon={__icon_SidebarLeftIcon}\n            aria-label={t(\"appFrame.openNavigation\", \"Open navigation\")}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            tooltip={false}\n            onClick={onToggle}\n          />\n        </span>\n      </div>\n    </Bar>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") PhoneBar.displayName = \"AppFrame.PhoneBar\";\n\nexport const PEEK_DELAY = 750;\n\nconst navSheet = /* @__PURE__ */ lazyModule(() => import(\"./nav-sheet.js\"), { base: () => import.meta.url });\n\nfunction FrameSheet({\n  navOpen,\n  setNavOpen,\n  toggle,\n  ready,\n  children,\n}: {\n  navOpen: boolean;\n  setNavOpen: (o: boolean) => void;\n  toggle: RefObject<HTMLElement | null>;\n  ready: RefObject<boolean>;\n  children: ReactNode;\n}) {\n  const { peeking, setPeeking } = useSidebar();\n  const [idle, setIdle] = useState(false);\n  useEffect(() => whenIdle(() => setIdle(true)), []);\n  const dismiss = useCallback(() => {\n    setNavOpen(false);\n    setPeeking(false);\n  }, [setNavOpen, setPeeking]);\n  const NavSheet = useLazyModule(navSheet, idle || navOpen || peeking, () => {\n    setIdle(false);\n    dismiss();\n  })?.NavSheet;\n  const pending = (navOpen || peeking) && !NavSheet;\n  useLayoutEffect(() => {\n    ready.current = !!NavSheet;\n  });\n  usePendingDismiss(pending, toggle, dismiss);\n  if (!NavSheet) return null;\n  return (\n    <NavSheet\n      open={navOpen || peeking}\n      peek={peeking && !navOpen}\n      {...(navOpen ? { returnFocus: toggle } : {})}\n      onOpenChange={(o) => {\n        if (!o) dismiss();\n      }}\n    >\n      {children}\n    </NavSheet>\n  );\n}\n\nfunction usePendingDismiss(pending: boolean, toggle: RefObject<HTMLElement | null>, dismiss: () => void) {\n  useEffect(() => {\n    if (!pending) return;\n    const doc = toggle.current?.ownerDocument ?? document;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      e.stopPropagation();\n      dismiss();\n    };\n    const onPointerDown = (e: PointerEvent) => {\n      if (!toggle.current?.contains(e.target as Node)) dismiss();\n    };\n    doc.addEventListener(\"keydown\", onKeyDown, true);\n    doc.addEventListener(\"pointerdown\", onPointerDown, true);\n    return () => {\n      doc.removeEventListener(\"keydown\", onKeyDown, true);\n      doc.removeEventListener(\"pointerdown\", onPointerDown, true);\n    };\n  }, [pending, toggle, dismiss]);\n}\n\nfunction MenuButton({ className }: { className?: string | undefined }) {\n  const { openNav, sheetReady } = useAppFrame();\n  const { collapsed, setCollapsed, setPeeking } = useSidebar();\n  const intent = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(intent.current), []);\n  const t = useUiText();\n  const wide = () => typeof window !== \"undefined\" && window.matchMedia(\"(min-width: 1024px)\").matches;\n  return (\n    <IconButton\n      onPointerEnter={() => {\n        if (collapsed && wide()) intent.current = setTimeout(() => setPeeking(true), PEEK_DELAY);\n      }}\n      onPointerLeave={() => {\n        clearTimeout(intent.current);\n        if (!sheetReady.current) setPeeking(false);\n      }}\n      icon={__icon_SidebarLeftIcon}\n      data-sidebar-expand=\"\"\n      aria-label={collapsed ? t(\"appFrame.expandSidebar\", \"Expand sidebar\") : t(\"appFrame.openNavigation\", \"Open navigation\")}\n      shortcut={collapsed ? [\"[\"] : undefined}\n      onClick={() => {\n        clearTimeout(intent.current);\n        if (collapsed && wide()) setCollapsed(false);\n        else openNav();\n      }}\n      className={cn(\"hidden\", collapsed && \"lg:inline-flex\", className)}\n    />\n  );\n}\nif (process.env.NODE_ENV !== \"production\") MenuButton.displayName = \"AppFrame.MenuButton\";\n\nexport const KAESO_APP_FRAME_BODY_VARIANTS = {\n  padding: {\n    none: { classes: \"\" },\n    list: { classes: \"pt-8 pb-24\" },\n    page: { classes: \"px-24 pt-16 pb-48\" },\n  },\n} as const;\nexport const KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS = { padding: \"none\" } as const;\n\nexport interface AppFrameBodyProps extends HTMLAttributes<HTMLDivElement> {\n  padding?: keyof typeof KAESO_APP_FRAME_BODY_VARIANTS.padding | undefined;\n}\n\nconst Body = /* @__PURE__ */ forwardRef<HTMLDivElement, AppFrameBodyProps>(function AppFrameBody({ className, padding = \"none\", children, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\"min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-quiet\", KAESO_APP_FRAME_BODY_VARIANTS.padding[padding].classes, className)}\n      {...props}\n    >\n      <GutterContent padded={padding === \"page\"}>{children}</GutterContent>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Body.displayName = \"AppFrame.Body\";\n\nexport interface SettingsPageProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n}\n\nconst Settings = /* @__PURE__ */ forwardRef<HTMLDivElement, SettingsPageProps>(function AppFrameSettings({ title, description, actions, className, children, ...props }, ref) {\n  return (\n    <Body ref={ref} className=\"relative\">\n      <MenuButton className=\"absolute top-10 left-24 z-10\" />\n      <div className={cn(\"mx-auto w-full max-w-settings px-24 pt-64 pb-96\", className)} {...props}>\n        <header className=\"flex flex-col gap-8\">\n          <div className=\"flex flex-wrap items-start justify-between gap-x-16 gap-y-8\">\n            <h1 className=\"min-w-0 text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n            {actions && <div className=\"ml-auto flex h-34 shrink-0 items-center gap-8\">{actions}</div>}\n          </div>\n          {description && <p className=\"text-body-lg font-regular text-fg-secondary\">{description}</p>}\n        </header>\n        <div className=\"mt-8\">\n          <InsetContent>\n            <GutterContent>{children}</GutterContent>\n          </InsetContent>\n        </div>\n      </div>\n    </Body>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Settings.displayName = \"AppFrame.Settings\";\n\nexport const AppFrame = /* @__PURE__ */ Object.assign(Root, { MenuButton, Body, Settings });\n"],"mappings":"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"}

package/dist/chunks/calendar--YemJsv4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar--YemJsv4.js","names":["__icon_ArrowLeft01Icon","__icon_ArrowRight01Icon","__icon_ArrowDown01Icon","useUiText","useLocale","Icon","KAESO_CALENDAR_VARIANTS","KAESO_CALENDAR_DEFAULT_VARIANTS","CAL_CLASSES","Chevron","orientation","ArrowLeft01Icon","ArrowRight01Icon","ArrowDown01Icon","localized","monthYear","locale","weekdayShort","weekdayLong","full","month","weekday","label","date","modifiers","Calendar","t","common","useMemo","own","numberOfMonths","defaultMonth","onMonthChange","disabled","className","mode","DayPicker","onSelect","r","d"],"sources":["../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { DayPicker, type DateRange, type Formatters, type Labels } from \"react-day-picker\";\nimport { Icon } from \"../icon/icon.js\";\nimport { ArrowLeft01Icon as __icon_ArrowLeft01Icon, ArrowRight01Icon as __icon_ArrowRight01Icon, ArrowDown01Icon as __icon_ArrowDown01Icon } from \"@hugeicons/core-free-icons\";\nimport { useLocale, useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_CALENDAR_VARIANTS = {\n  mode: {\n    single: { classes: \"\" },\n    range: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_CALENDAR_DEFAULT_VARIANTS = { mode: \"single\" } as const;\n\nconst CAL_CLASSES = {\n  root: \"k-cal relative select-none\",\n  months: \"flex gap-24\",\n  month: \"flex flex-col gap-8\",\n  month_caption: \"flex h-32 items-center px-8 text-body font-semibold text-fg\",\n  caption_label: \"\",\n  nav: \"absolute top-0 right-0 flex items-center gap-2\",\n  button_previous:\n    \"inline-flex size-32 items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-1 hover:text-fg focus-ring disabled:opacity-40\",\n  button_next:\n    \"inline-flex size-32 items-center justify-center rounded-pill text-fg-secondary transition-control hover:bg-fill-1 hover:text-fg focus-ring disabled:opacity-40\",\n  month_grid: \"border-collapse\",\n  weekdays: \"\",\n  weekday: \"h-32 w-36 text-caption font-medium text-fg-tertiary\",\n  weeks: \"\",\n  week: \"\",\n  day: \"k-day\",\n  day_button: \"\",\n  selected: \"k-selected\",\n  today: \"k-today\",\n  outside: \"k-outside\",\n  disabled: \"k-disabled\",\n  range_start: \"k-range-start\",\n  range_middle: \"k-range-middle\",\n  range_end: \"k-range-end\",\n  hidden: \"invisible\",\n  focused: \"\",\n  chevron: \"\",\n  footer: \"\",\n};\n\nfunction Chevron({ orientation }: { orientation?: \"left\" | \"right\" | \"up\" | \"down\" | undefined }) {\n  return <Icon icon={orientation === \"left\" ? __icon_ArrowLeft01Icon : orientation === \"right\" ? __icon_ArrowRight01Icon : __icon_ArrowDown01Icon} size=\"sm\" />;\n}\n\nfunction localized(locale: string, t: UiText): { formatters: Partial<Formatters>; labels: Partial<Labels>; lang: string } {\n  const monthYear = new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" });\n  const weekdayShort = new Intl.DateTimeFormat(locale, { weekday: \"short\" });\n  const weekdayLong = new Intl.DateTimeFormat(locale, { weekday: \"long\" });\n  const full = new Intl.DateTimeFormat(locale, { dateStyle: \"full\" });\n  return {\n    lang: locale,\n    formatters: {\n      formatCaption: (month) => monthYear.format(month),\n      formatWeekdayName: (weekday) => weekdayShort.format(weekday).replace(/\\.$/, \"\"),\n    },\n    labels: {\n      labelPrevious: () => t(\"calendar.previousMonth\", \"Go to the previous month\"),\n      labelNext: () => t(\"calendar.nextMonth\", \"Go to the next month\"),\n      labelNav: () => t(\"calendar.navigation\", \"Navigation bar\"),\n      labelGrid: (month) => monthYear.format(month),\n      labelWeekday: (weekday) => weekdayLong.format(weekday),\n      labelDayButton: (date, modifiers) => {\n        let label = full.format(date);\n        if (modifiers.today) label = t(\"calendar.today\", \"Today, {date}\", { date: label });\n        if (modifiers.selected) label = t(\"calendar.selected\", \"{date}, selected\", { date: label });\n        return label;\n      },\n    },\n  };\n}\n\nexport interface CalendarProps {\n  mode?: keyof typeof KAESO_CALENDAR_VARIANTS.mode | undefined;\n  selected?: Date | DateRange | undefined;\n  onSelect?: ((value: Date | DateRange | undefined) => void) | undefined;\n  month?: Date | undefined;\n  defaultMonth?: Date | undefined;\n  onMonthChange?: ((month: Date) => void) | undefined;\n  numberOfMonths?: number | undefined;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;\n  disabled?: ((date: Date) => boolean) | undefined;\n  className?: string | undefined;\n}\n\nexport function Calendar({\n  mode = \"single\",\n  selected,\n  onSelect,\n  month,\n  defaultMonth,\n  onMonthChange,\n  numberOfMonths = 1,\n  weekStartsOn = 1,\n  disabled,\n  className,\n}: CalendarProps) {\n  const locale = useLocale();\n  const t = useUiText();\n  const language = useMemo(() => {\n    const own = localized(locale, t);\n    return locale === \"en\" ? { labels: own.labels } : own;\n  }, [locale, t]);\n  const common = {\n    ...language,\n    classNames: numberOfMonths > 1 ? { ...CAL_CLASSES, outside: \"k-outside invisible\" } : CAL_CLASSES,\n    components: { Chevron },\n    weekStartsOn,\n    numberOfMonths,\n    showOutsideDays: true,\n    fixedWeeks: true,\n    ...(month ? { month } : {}),\n    ...(defaultMonth ? { defaultMonth } : {}),\n    ...(onMonthChange ? { onMonthChange } : {}),\n    ...(disabled ? { disabled } : {}),\n    ...(className ? { className } : {}),\n  };\n  if (mode === \"range\") {\n    return <DayPicker mode=\"range\" selected={selected as DateRange | undefined} onSelect={(r) => onSelect?.(r)} {...common} />;\n  }\n  return <DayPicker mode=\"single\" selected={selected as Date | undefined} onSelect={(d) => onSelect?.(d)} {...common} />;\n}\nif (process.env.NODE_ENV !== \"production\") Calendar.displayName = \"Calendar\";\n"],"mappings":"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"}

package/dist/chunks/checkbox-CDfC6E-M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-CDfC6E-M.js","names":["BaseCheckbox","CheckboxGroup","BaseCheckboxGroup","Checkbox","__exportAll","labelled","checkbox_exports","Checkbox$1","CheckboxBox","CheckboxGroup$1","KAESO_CHECKBOX_DEFAULT_VARIANTS","KAESO_CHECKBOX_VARIANTS","ariaLabel","describedBy","labelledBy","force","Checkbox","checked","defaultChecked","onCheckedChange","c","indeterminate","disabled","readOnly","required","name","value","id","parent","invalid","cn","className","Root","props","auto","useId","boxId","label","named","description","Group","CheckboxGroup","defaultValue","onValueChange","v","allValues"],"sources":["../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { forwardRef, useId, type ReactNode } from \"react\";\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { cn } from \"../../utils/cn.js\";\nimport { labelled } from \"../radio/labelled.js\";\n\nexport const KAESO_CHECKBOX_VARIANTS = {\n  size: {\n    md: { classes: \"size-18 rounded-checkbox\" },\n  },\n} as const;\nexport const KAESO_CHECKBOX_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface CheckboxProps {\n  checked?: boolean | undefined;\n  defaultChecked?: boolean | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  indeterminate?: boolean | undefined;\n  disabled?: boolean | undefined;\n  readOnly?: boolean | undefined;\n  required?: boolean | undefined;\n  invalid?: boolean | undefined;\n  name?: string | undefined;\n  value?: string | undefined;\n  label?: ReactNode | undefined;\n  description?: ReactNode | undefined;\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const CheckboxBox = /* @__PURE__ */ forwardRef<HTMLButtonElement, CheckboxProps & { parent?: boolean | undefined }>(function CheckboxBox(\n  {\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    indeterminate,\n    disabled,\n    readOnly,\n    required,\n    invalid,\n    name,\n    value,\n    id,\n    className,\n    parent,\n    \"aria-label\": ariaLabel,\n    \"aria-describedby\": describedBy,\n    \"aria-labelledby\": labelledBy,\n    \"data-force\": force,\n  },\n  ref,\n) {\n  return (\n    <BaseCheckbox.Root\n      ref={ref}\n      {...(checked !== undefined ? { checked } : {})}\n      {...(defaultChecked !== undefined ? { defaultChecked } : {})}\n      {...(onCheckedChange ? { onCheckedChange: (c: boolean) => onCheckedChange(c) } : {})}\n      {...(indeterminate !== undefined ? { indeterminate } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(readOnly !== undefined ? { readOnly } : {})}\n      {...(required !== undefined ? { required } : {})}\n      {...(name ? { name } : {})}\n      {...(value ? { value } : {})}\n      {...(id ? { id } : {})}\n      {...(parent ? { parent } : {})}\n      {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n      {...(describedBy ? { \"aria-describedby\": describedBy } : {})}\n      {...(labelledBy ? { \"aria-labelledby\": labelledBy } : {})}\n      {...(invalid ? { \"aria-invalid\": true } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"group/cb relative -m-3 inline-flex size-24 shrink-0 cursor-pointer items-center justify-center rounded-checkbox outline-none tap-target disabled:cursor-not-allowed\",\n        className,\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex items-center justify-center bg-raised shadow-selector outline-2 outline-offset-2 outline-transparent transition-control\",\n          KAESO_CHECKBOX_VARIANTS.size.md.classes,\n          invalid ? \"group-focus-visible/cb:outline-focus\" : \"group-hover/cb:shadow-selector-hover group-focus-visible/cb:outline-focus\",\n          \"group-checked/cb:bg-ink group-checked/cb:shadow-none group-indeterminate/cb:bg-ink group-indeterminate/cb:shadow-none\",\n          \"group-invalid/cb:ring-invalid\",\n          \"group-disabled/cb:bg-fill-1 group-disabled/cb:shadow-none group-disabled/cb:group-checked/cb:bg-fill-3\",\n        )}\n      >\n        <BaseCheckbox.Indicator keepMounted className=\"flex items-center justify-center text-on-ink group-data-disabled/cb:text-fg-disabled\">\n          <svg viewBox=\"0 0 12 12\" className=\"size-12\" fill=\"none\" aria-hidden>\n            <path\n              d=\"M2.5 6.25 4.9 8.5 9.5 3.75\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.75\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              pathLength={1}\n              className=\"check-draw hidden group-data-checked/cb:block\"\n            />\n            <path d=\"M3 6h6\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" className=\"hidden group-data-indeterminate/cb:block\" />\n          </svg>\n        </BaseCheckbox.Indicator>\n      </span>\n    </BaseCheckbox.Root>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") CheckboxBox.displayName = \"Checkbox.Box\";\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLButtonElement, CheckboxProps>(function Checkbox({ label, description, id, className, ...props }, ref) {\n  const auto = useId();\n  const boxId = id ?? `k-cb-${auto}`;\n  if (!label) return <CheckboxBox ref={ref} id={boxId} className={className} {...props} />;\n  const named = labelled(boxId, label, description, props);\n  return (\n    <label\n      htmlFor={boxId}\n      className={cn(\"group/row inline-flex min-h-32 cursor-pointer items-start gap-10 py-6 select-none\", props.disabled && \"cursor-not-allowed\", className)}\n    >\n      <span className=\"flex h-20 items-center\">\n        <CheckboxBox ref={ref} id={boxId} {...props} {...named.aria} />\n      </span>\n      <span className=\"flex flex-col\">\n        <span id={named.labelId} className={cn(\"text-body text-fg\", props.disabled && \"text-fg-disabled\")}>\n          {label}\n        </span>\n        {description && (\n          <span id={named.descriptionId} className=\"text-small text-fg-secondary\">\n            {description}\n          </span>\n        )}\n      </span>\n    </label>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"Checkbox\";\n\nexport interface CheckboxGroupProps {\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n  allValues?: string[] | undefined;\n  disabled?: boolean | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}\n\nconst Group = /* @__PURE__ */ forwardRef<HTMLDivElement, CheckboxGroupProps>(function CheckboxGroup(\n  { value, defaultValue, onValueChange, allValues, disabled, className, children, ...props },\n  ref,\n) {\n  return (\n    <BaseCheckboxGroup\n      ref={ref}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      {...(onValueChange ? { onValueChange: (v: string[]) => onValueChange(v) } : {})}\n      {...(allValues ? { allValues } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      className={cn(\"flex flex-col\", className)}\n      {...props}\n    >\n      {children}\n    </BaseCheckboxGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Group.displayName = \"CheckboxGroup\";\n\nexport const Checkbox = /* @__PURE__ */ Object.assign(Root, { Box: CheckboxBox, Group });\nexport const CheckboxGroup = Group;\n"],"mappings":"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"}

package/dist/chunks/combobox-BARyrpXH.js

@@ -1,314 +0,0 @@
-"use client";
-import { i as e, o as t, r as n } from "./styles-CVJU9t9v.js";
-import { t as r } from "./cn-Dj6sRgkF.js";
-import { i } from "./dev-CR1p7gCm.js";
-import { n as ee, r as te } from "./portal-context-BBbzDKmY.js";
-import { i as a } from "./context-BELWW79w.js";
-import { t as o } from "./icon-D7ja-_Yk.js";
-import { a as s, o as ne, s as re } from "./field-TviMvYa2.js";
-import { i as c } from "./input-group-CUSNsQjQ.js";
-import { a as l } from "./tag-DNdX1XRR.js";
-import { n as ie, t as ae } from "./use-layout-width-CbSDbRb0.js";
-import { forwardRef as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Add01Icon as v, ArrowDown01Icon as y, Cancel01Icon as b, Tick02Icon as x } from "@hugeicons/core-free-icons";
-import { Combobox as S } from "@base-ui/react/combobox";
-import { Autocomplete as C } from "@base-ui/react/autocomplete";
-//#region src/components/combobox/combobox.tsx
-var w = { size: {
-	sm: { classes: c.size.sm.classes },
-	md: { classes: c.size.md.classes },
-	lg: { classes: c.size.lg.classes },
-	xl: { classes: c.size.xl.classes }
-} }, T = { size: "md" };
-function E({ text: e, query: t }) {
-	let n = t.trim().toLowerCase();
-	if (!n) return /* @__PURE__ */ g(h, { children: e });
-	let r = e.toLowerCase().indexOf(n);
-	return r < 0 ? /* @__PURE__ */ g("span", {
-		className: "text-fg-secondary group-data-disabled/item:text-fg-disabled",
-		children: e
-	}) : /* @__PURE__ */ _("span", {
-		className: "text-fg-secondary group-data-disabled/item:text-fg-disabled",
-		children: [
-			e.slice(0, r),
-			/* @__PURE__ */ g("span", {
-				className: "text-fg group-data-disabled/item:text-fg-disabled",
-				children: e.slice(r, r + n.length)
-			}),
-			e.slice(r + n.length)
-		]
-	});
-}
-function oe(e) {
-	e.key === "Escape" && e.currentTarget.getAttribute("aria-expanded") !== "true" && e.preventBaseUIHandler?.();
-}
-var D = /* @__PURE__ */ u(function(c, u) {
-	let { options: C, placeholder: T, size: D = "md", emptyText: O, loading: k, onInputValueChange: A, searchDelay: j = 0, onCreate: M, createLabel: N, disabled: P, invalid: F, id: I, name: L, label: R, description: z, error: B, optional: se, required: ce, layout: le, className: V, multiple: H, "aria-label": U, "data-force": W } = c;
-	i("Combobox", V);
-	let G = a(), ue = s(), K = ne(c), [q, de] = m(""), J = p(null), fe = ie(J), [pe, me] = m(() => c.defaultValue ?? (H ? [] : null)), Y = c.value === void 0 ? pe : c.value, X = (Array.isArray(Y) ? Y : Y == null ? [] : [Y]).join("\0"), he = p(/* @__PURE__ */ new Map()), Z = f(() => {
-		let e = new Set(X ? X.split("\0") : []), t = /* @__PURE__ */ new Map();
-		for (let [n, r] of he.current) e.has(n) && t.set(n, r);
-		for (let e of C) t.set(e.value, e);
-		return he.current = t, t;
-	}, [C, X]), { filtered: ge, hidden: _e } = f(() => {
-		let e = q.trim().toLowerCase(), t = e ? C.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : C, n = t.slice(0, 100);
-		return M && e && !C.some((t) => t.label.toLowerCase() === e) && n.push({
-			value: `__create__${q}`,
-			label: q.trim(),
-			__create: !0
-		}), {
-			filtered: n,
-			hidden: Math.max(0, t.length - 100)
-		};
-	}, [
-		C,
-		q,
-		M
-	]), Q = p(A);
-	Q.current = A;
-	let $ = p(null);
-	d(() => {
-		let e = $;
-		return () => {
-			e.current && clearTimeout(e.current);
-		};
-	}, []);
-	let ve = (e) => {
-		if (j <= 0) return Q.current?.(e);
-		$.current && clearTimeout($.current), $.current = setTimeout(() => {
-			$.current = null, Q.current?.(e);
-		}, j);
-	}, ye = Array.isArray(Y) ? Y.flatMap((e) => Z.get(e) ?? []) : Y == null ? null : Z.get(Y) ?? null, be = (e) => {
-		let t = Array.isArray(e) ? e : null, n = (t ?? [e]).find((e) => e && "__create" in e);
-		if (n) {
-			M?.(n.label);
-			return;
-		}
-		let r = H ? (t ?? []).map((e) => e.value) : e?.value ?? null;
-		c.value === void 0 && me(r), c.onValueChange?.(r);
-	}, xe = /* @__PURE__ */ g(S.Input, {
-		ref: u,
-		placeholder: T,
-		...I ? { id: I } : {},
-		...K.controlProps,
-		...U ? { "aria-label": U } : {},
-		...F || B ? { "aria-invalid": !0 } : {},
-		onKeyDown: oe,
-		className: "min-w-80 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed"
-	}), Se = /* @__PURE__ */ _(S.Root, {
-		items: ge,
-		filteredItems: ge,
-		value: ye,
-		onValueChange: be,
-		onInputValueChange: (e) => {
-			de(e), ve(e);
-		},
-		autoHighlight: !0,
-		itemToStringLabel: (e) => e?.label ?? "",
-		isItemEqualToValue: (e, t) => e?.value === t?.value,
-		multiple: H === !0,
-		...P ? { disabled: P } : {},
-		...L ? { name: L } : {},
-		children: [H ? /* @__PURE__ */ g(S.Chips, {
-			ref: J,
-			...W ? { "data-force": W } : {},
-			className: r("flex min-h-36 w-full flex-wrap items-center gap-4 rounded-field p-4 material-field transition-control cursor-text", (F || B) && "ring-invalid", !(R || z || B) && V),
-			children: /* @__PURE__ */ g(S.Value, { children: (e) => /* @__PURE__ */ _(h, { children: [e.map((e) => /* @__PURE__ */ g(S.Chip, {
-				"aria-label": e.label,
-				className: "outline-none",
-				children: /* @__PURE__ */ _(l, {
-					className: "pr-2",
-					children: [e.label, /* @__PURE__ */ g(S.ChipRemove, {
-						"aria-label": G("combobox.remove", "Remove {label}", { label: e.label }),
-						className: "ml-2 inline-flex size-24 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-2 hover:text-fg",
-						children: /* @__PURE__ */ g(o, {
-							icon: b,
-							size: "xs"
-						})
-					})]
-				})
-			}, e.value)), /* @__PURE__ */ g("span", {
-				className: r("flex h-28 min-w-80 flex-1 items-center", e.length === 0 ? "px-12" : "px-8"),
-				children: xe
-			})] }) })
-		}) : /* @__PURE__ */ _(S.InputGroup, {
-			ref: J,
-			...W ? { "data-force": W } : {},
-			className: r("relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text", w.size[D].classes, "pr-4", (F || B) && "ring-invalid", !(R || z || B) && V),
-			children: [xe, /* @__PURE__ */ g(S.Trigger, {
-				"aria-label": G("combobox.showOptions", "Show options"),
-				className: "inline-flex size-28 shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-1 hover:text-fg",
-				children: /* @__PURE__ */ g(o, {
-					icon: y,
-					size: "sm"
-				})
-			})]
-		}), /* @__PURE__ */ g(S.Portal, {
-			container: te(),
-			children: /* @__PURE__ */ g(S.Positioner, {
-				anchor: J,
-				positionMethod: "fixed",
-				collisionBoundary: ee(),
-				align: "start",
-				sideOffset: 6,
-				collisionPadding: 8,
-				className: "z-50 outline-none",
-				children: /* @__PURE__ */ _(S.Popup, {
-					className: r(t, "relative min-w-anchor overflow-hidden"),
-					style: ae(fe),
-					children: [
-						k && /* @__PURE__ */ g("span", {
-							"aria-hidden": !0,
-							className: "absolute inset-x-16 top-0 h-2 overflow-hidden rounded-pill",
-							children: /* @__PURE__ */ g("span", { className: "block h-full w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary" })
-						}),
-						/* @__PURE__ */ g(S.Status, {
-							className: "sr-only",
-							children: k ? G("combobox.loadingResults", "Loading results") : ""
-						}),
-						/* @__PURE__ */ g(S.Empty, {
-							className: "flex h-34 items-center px-10 text-body text-fg-secondary empty:hidden",
-							children: k ? G("combobox.loading", "Loading…") : O ?? G("combobox.noResults", "No results")
-						}),
-						/* @__PURE__ */ g(S.List, {
-							className: "-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet",
-							children: (t) => /* @__PURE__ */ g(S.Item, {
-								value: t,
-								...t.disabled ? { disabled: !0 } : {},
-								className: e,
-								children: "__create" in t ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(o, {
-									icon: v,
-									size: "sm",
-									className: n
-								}), /* @__PURE__ */ g("span", {
-									className: "min-w-0 flex-1 truncate",
-									children: N ? N(t.label) : G("combobox.add", "Add “{label}”", { label: t.label })
-								})] }) : /* @__PURE__ */ _(h, { children: [
-									t.leading,
-									t.icon && /* @__PURE__ */ g(o, {
-										icon: t.icon,
-										size: "sm",
-										className: "text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled"
-									}),
-									/* @__PURE__ */ _("span", {
-										className: r("flex min-w-0 flex-1 flex-col", t.description && "gap-2 py-8"),
-										children: [/* @__PURE__ */ g("span", {
-											className: "truncate",
-											children: /* @__PURE__ */ g(E, {
-												text: t.label,
-												query: q
-											})
-										}), t.description && /* @__PURE__ */ g("span", {
-											className: "text-small font-regular text-fg-secondary",
-											children: t.description
-										})]
-									}),
-									/* @__PURE__ */ g(S.ItemIndicator, {
-										keepMounted: !0,
-										className: "flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100",
-										children: /* @__PURE__ */ g(o, {
-											icon: x,
-											size: "sm"
-										})
-									})
-								] })
-							}, t.value)
-						}),
-						_e > 0 && /* @__PURE__ */ g("div", {
-							className: "flex h-28 shrink-0 items-center px-10 text-caption font-medium text-fg-tertiary",
-							children: G("combobox.more", "{count, plural, one {# more; type to narrow it down} other {# more; type to narrow them down}}", { count: _e })
-						})
-					]
-				})
-			})
-		})]
-	});
-	return ue ? Se : re({
-		label: R,
-		description: z,
-		error: B,
-		optional: se,
-		required: ce,
-		layout: le,
-		id: K.wrapId ?? I,
-		disabled: P,
-		className: V
-	}, Se);
-});
-process.env.NODE_ENV !== "production" && (D.displayName = "Combobox");
-var O = /* @__PURE__ */ u(function(n, i) {
-	let { suggestions: a, value: c, defaultValue: l, onValueChange: u, placeholder: d, size: f = "md", disabled: h, id: v, name: y, leadingIcon: b, label: x, description: S, error: T, optional: D, required: O, layout: k, className: A, "aria-label": j, "data-force": M } = n, N = s(), P = ne(n), [F, I] = m(l ?? ""), L = p(null), R = ie(L), z = c ?? F, B = /* @__PURE__ */ _(C.Root, {
-		items: a,
-		...c === void 0 ? {} : { value: c },
-		...l === void 0 ? {} : { defaultValue: l },
-		onValueChange: (e) => {
-			I(e), u?.(e);
-		},
-		...h ? { disabled: h } : {},
-		...y ? { name: y } : {},
-		children: [/* @__PURE__ */ _(C.InputGroup, {
-			ref: L,
-			...M ? { "data-force": M } : {},
-			className: r("relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text", w.size[f].classes, b && "pl-14", n.error && "ring-invalid", !(x || S || T) && A),
-			children: [b && /* @__PURE__ */ g(o, {
-				icon: b,
-				size: "sm",
-				className: "text-fg-tertiary"
-			}), /* @__PURE__ */ g(C.Input, {
-				ref: i,
-				placeholder: d,
-				...v ? { id: v } : {},
-				...P.controlProps,
-				...j ? { "aria-label": j } : {},
-				onKeyDown: oe,
-				className: "min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary"
-			})]
-		}), /* @__PURE__ */ g(C.Portal, {
-			container: te(),
-			children: /* @__PURE__ */ g(C.Positioner, {
-				anchor: L,
-				positionMethod: "fixed",
-				collisionBoundary: ee(),
-				align: "start",
-				sideOffset: 6,
-				collisionPadding: 8,
-				className: "z-50 outline-none",
-				children: /* @__PURE__ */ g(C.Popup, {
-					className: r(t, "min-w-anchor overflow-hidden data-empty:hidden"),
-					style: ae(R),
-					children: /* @__PURE__ */ g(C.List, {
-						className: "-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet",
-						children: (t) => /* @__PURE__ */ g(C.Item, {
-							value: t,
-							className: e,
-							children: /* @__PURE__ */ g("span", {
-								className: "truncate",
-								children: /* @__PURE__ */ g(E, {
-									text: t,
-									query: z
-								})
-							})
-						}, t)
-					})
-				})
-			})
-		})]
-	});
-	return N ? B : re({
-		label: x,
-		description: S,
-		error: T,
-		optional: D,
-		required: O,
-		layout: k,
-		id: P.wrapId ?? v,
-		disabled: h,
-		className: A
-	}, B);
-});
-process.env.NODE_ENV !== "production" && (O.displayName = "Autocomplete");
-//#endregion
-export { w as a, T as i, D as n, E as r, O as t };
-
-//# sourceMappingURL=combobox-BARyrpXH.js.map

package/dist/chunks/combobox-BARyrpXH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-BARyrpXH.js","names":["_Fragment","Combobox","BaseCombobox","__icon_Cancel01Icon","__icon_ArrowDown01Icon","__icon_Add01Icon","__icon_Tick02Icon","Autocomplete","BaseAutocomplete","MENU_ITEM","MENU_POPUP","MENU_ICON","cn","pageBoundary","usePortalContainer","useUiText","Icon","useField","useFieldControl","withField","KAESO_INPUT_GROUP_VARIANTS","Tag","useLayoutWidth","anchorWidthStyle","Fragment$1","KAESO_COMBOBOX_VARIANTS","KAESO_COMBOBOX_DEFAULT_VARIANTS","Highlight","q","query","text","i","keepValueOnEscape","Combobox$1","ariaLabel","force","props","className","t","field","fc","setQuery","useState","fieldRef","useRef","fieldWidth","inner","setInner","multiple","current","chosenKey","seen","byValue","useMemo","chosen","next","v","o","options","matched","list","onCreate","report","onInputValueChange","pending","timer","reportInput","searchDelay","rootValue","handleChange","arr","created","x","inputEl","Combobox","id","invalid","error","control","filtered","a","b","disabled","name","label","description","value","Cancel01Icon","size","ArrowDown01Icon","loading","emptyText","Add01Icon","createLabel","Tick02Icon","hidden","Autocomplete$1","defaultValue","Autocomplete","suggestions","onValueChange","leadingIcon","s"],"sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { forwardRef, useEffect, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { cn } from \"../../utils/cn.js\";\nimport { warnStylingClassName } from \"../../utils/dev.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Cancel01Icon as __icon_Cancel01Icon, ArrowDown01Icon as __icon_ArrowDown01Icon, Add01Icon as __icon_Add01Icon, Tick02Icon as __icon_Tick02Icon } from \"@hugeicons/core-free-icons\";\nimport { KAESO_INPUT_GROUP_VARIANTS, type InputSize } from \"../input/input-group.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { MENU_ICON, MENU_ITEM, MENU_POPUP } from \"../menu/styles.js\";\n\nimport { anchorWidthStyle, useLayoutWidth } from \"../../hooks/use-layout-width.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_COMBOBOX_VARIANTS = {\n  size: {\n    sm: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.sm.classes,\n    },\n    md: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.md.classes,\n    },\n    lg: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.lg.classes,\n    },\n    xl: {\n      classes: KAESO_INPUT_GROUP_VARIANTS.size.xl.classes,\n    },\n  },\n} as const;\nexport const KAESO_COMBOBOX_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  description?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  leading?: ReactNode | undefined;\n  disabled?: boolean | undefined;\n}\n\ninterface CreateItem extends ComboboxOption {\n  __create: true;\n}\n\nexport function Highlight({ text, query }: { text: string; query: string }) {\n  const q = query.trim().toLowerCase();\n  if (!q) return <>{text}</>;\n  const i = text.toLowerCase().indexOf(q);\n  if (i < 0) return <span className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">{text}</span>;\n  return (\n    <span className=\"text-fg-secondary group-data-disabled/item:text-fg-disabled\">\n      {text.slice(0, i)}\n      <span className=\"text-fg group-data-disabled/item:text-fg-disabled\">{text.slice(i, i + q.length)}</span>\n      {text.slice(i + q.length)}\n    </span>\n  );\n}\n\ninterface BaseProps extends FieldWrapProps {\n  options: ComboboxOption[];\n  placeholder?: string | undefined;\n  size?: InputSize | undefined;\n  emptyText?: ReactNode | undefined;\n  loading?: boolean | undefined;\n  onInputValueChange?: ((value: string) => void) | undefined;\n  searchDelay?: number | undefined;\n  onCreate?: ((label: string) => void) | undefined;\n  createLabel?: ((label: string) => string) | undefined;\n  disabled?: boolean | undefined;\n  invalid?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\nexport interface SingleComboboxProps extends BaseProps {\n  multiple?: false | undefined;\n  value?: string | null | undefined;\n  defaultValue?: string | null | undefined;\n  onValueChange?: ((value: string | null) => void) | undefined;\n}\nexport interface MultiComboboxProps extends BaseProps {\n  multiple: true;\n  value?: string[] | undefined;\n  defaultValue?: string[] | undefined;\n  onValueChange?: ((value: string[]) => void) | undefined;\n}\nexport type ComboboxProps = SingleComboboxProps | MultiComboboxProps;\n\nfunction keepValueOnEscape(e: KeyboardEvent<HTMLInputElement> & { preventBaseUIHandler?: (() => void) | undefined }) {\n  if (e.key === \"Escape\" && e.currentTarget.getAttribute(\"aria-expanded\") !== \"true\") e.preventBaseUIHandler?.();\n}\n\nexport const Combobox = /* @__PURE__ */ forwardRef<HTMLInputElement, ComboboxProps>(function Combobox(props, ref) {\n  const {\n    options,\n    placeholder,\n    size = \"md\",\n    emptyText,\n    loading,\n    onInputValueChange,\n    searchDelay = 0,\n    onCreate,\n    createLabel,\n    disabled,\n    invalid,\n    id,\n    name,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    multiple,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  warnStylingClassName(\"Combobox\", className);\n  const t = useUiText();\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [query, setQuery] = useState(\"\");\n  const fieldRef = useRef<HTMLDivElement | null>(null);\n  const fieldWidth = useLayoutWidth(fieldRef);\n  const [inner, setInner] = useState<string | null | string[]>(() => props.defaultValue ?? (multiple ? [] : null));\n  const current = props.value !== undefined ? props.value : inner;\n  const chosenKey = (Array.isArray(current) ? current : current == null ? [] : [current]).join(\"\\u0000\");\n  const seen = useRef(new Map<string, ComboboxOption>());\n  const byValue = useMemo(() => {\n    const chosen = new Set(chosenKey ? chosenKey.split(\"\\u0000\") : []);\n    const next = new Map<string, ComboboxOption>();\n    for (const [v, o] of seen.current) if (chosen.has(v)) next.set(v, o);\n    for (const o of options) next.set(o.value, o);\n    seen.current = next;\n    return next;\n  }, [options, chosenKey]);\n  const { filtered, hidden } = useMemo(() => {\n    const SHOWN_AT_MOST = 100;\n    const q = query.trim().toLowerCase();\n    const matched = q ? options.filter((o) => o.label.toLowerCase().includes(q) || o.value.toLowerCase().includes(q)) : options;\n    const list: (ComboboxOption | CreateItem)[] = matched.slice(0, SHOWN_AT_MOST);\n    if (onCreate && q && !options.some((o) => o.label.toLowerCase() === q))\n      list.push({\n        value: `__create__${query}`,\n        label: query.trim(),\n        __create: true,\n      });\n    return { filtered: list, hidden: Math.max(0, matched.length - SHOWN_AT_MOST) };\n  }, [options, query, onCreate]);\n  const report = useRef(onInputValueChange);\n  report.current = onInputValueChange;\n  const pending = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(() => {\n    const timer = pending;\n    return () => {\n      if (timer.current) clearTimeout(timer.current);\n    };\n  }, []);\n  const reportInput = (v: string) => {\n    if (searchDelay <= 0) return report.current?.(v);\n    if (pending.current) clearTimeout(pending.current);\n    pending.current = setTimeout(() => {\n      pending.current = null;\n      report.current?.(v);\n    }, searchDelay);\n  };\n  const rootValue = Array.isArray(current) ? current.flatMap((v) => byValue.get(v) ?? []) : current == null ? null : (byValue.get(current) ?? null);\n\n  const handleChange = (v: unknown) => {\n    const arr = Array.isArray(v) ? (v as (ComboboxOption | CreateItem)[]) : null;\n    const created = (arr ?? [v as ComboboxOption | CreateItem | null]).find((x) => x && \"__create\" in x) as CreateItem | undefined;\n    if (created) {\n      onCreate?.(created.label);\n      return;\n    }\n    const next = multiple ? (arr ?? []).map((x) => x.value) : ((v as ComboboxOption | null)?.value ?? null);\n    if (props.value === undefined) setInner(next);\n    if (multiple) (props.onValueChange as ((x: string[]) => void) | undefined)?.(next as string[]);\n    else (props.onValueChange as ((x: string | null) => void) | undefined)?.(next as string | null);\n  };\n\n  const inputEl = (\n    <BaseCombobox.Input\n      ref={ref}\n      placeholder={placeholder}\n      {...(id ? { id } : {})}\n      {...fc.controlProps}\n      {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n      {...(invalid || error ? { \"aria-invalid\": true } : {})}\n      onKeyDown={keepValueOnEscape}\n      className=\"min-w-80 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\"\n    />\n  );\n\n  const control = (\n    <BaseCombobox.Root\n      items={filtered}\n      filteredItems={filtered}\n      value={rootValue}\n      onValueChange={handleChange}\n      onInputValueChange={(v: string) => {\n        setQuery(v);\n        reportInput(v);\n      }}\n      autoHighlight\n      itemToStringLabel={(o: ComboboxOption) => o?.label ?? \"\"}\n      isItemEqualToValue={(a: ComboboxOption, b: ComboboxOption) => a?.value === b?.value}\n      multiple={multiple === true}\n      {...(disabled ? { disabled } : {})}\n      {...(name ? { name } : {})}\n    >\n      {multiple ? (\n        <BaseCombobox.Chips\n          ref={fieldRef}\n          {...(force ? { \"data-force\": force } : {})}\n          className={cn(\n            \"flex min-h-36 w-full flex-wrap items-center gap-4 rounded-field p-4 material-field transition-control cursor-text\",\n            (invalid || error) && \"ring-invalid\",\n            !(label || description || error) && className,\n          )}\n        >\n          <BaseCombobox.Value>\n            {(value: ComboboxOption[]) => (\n              <>\n                {value.map((o) => (\n                  <BaseCombobox.Chip key={o.value} aria-label={o.label} className=\"outline-none\">\n                    <Tag className=\"pr-2\">\n                      {o.label}\n                      <BaseCombobox.ChipRemove\n                        aria-label={t(\"combobox.remove\", \"Remove {label}\", { label: o.label })}\n                        className=\"ml-2 inline-flex size-24 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-2 hover:text-fg\"\n                      >\n                        <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n                      </BaseCombobox.ChipRemove>\n                    </Tag>\n                  </BaseCombobox.Chip>\n                ))}\n                <span className={cn(\"flex h-28 min-w-80 flex-1 items-center\", value.length === 0 ? \"px-12\" : \"px-8\")}>{inputEl}</span>\n              </>\n            )}\n          </BaseCombobox.Value>\n        </BaseCombobox.Chips>\n      ) : (\n        <BaseCombobox.InputGroup\n          ref={fieldRef}\n          {...(force ? { \"data-force\": force } : {})}\n          className={cn(\n            \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n            KAESO_COMBOBOX_VARIANTS.size[size].classes,\n            \"pr-4\",\n            (invalid || error) && \"ring-invalid\",\n            !(label || description || error) && className,\n          )}\n        >\n          {inputEl}\n          <BaseCombobox.Trigger\n            aria-label={t(\"combobox.showOptions\", \"Show options\")}\n            className=\"inline-flex size-28 shrink-0 items-center justify-center rounded-pill text-fg-tertiary transition-control hover:bg-fill-1 hover:text-fg\"\n          >\n            <Icon icon={__icon_ArrowDown01Icon} size=\"sm\" />\n          </BaseCombobox.Trigger>\n        </BaseCombobox.InputGroup>\n      )}\n      <BaseCombobox.Portal container={usePortalContainer()}>\n        <BaseCombobox.Positioner\n          anchor={fieldRef}\n          positionMethod=\"fixed\"\n          collisionBoundary={pageBoundary()}\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={8}\n          className=\"z-50 outline-none\"\n        >\n          <BaseCombobox.Popup className={cn(MENU_POPUP, \"relative min-w-anchor overflow-hidden\")} style={anchorWidthStyle(fieldWidth)}>\n            {loading && (\n              <span aria-hidden className=\"absolute inset-x-16 top-0 h-2 overflow-hidden rounded-pill\">\n                <span className=\"block h-full w-1/3 animate-indeterminate rounded-pill bg-fg-tertiary\" />\n              </span>\n            )}\n            <BaseCombobox.Status className=\"sr-only\">{loading ? t(\"combobox.loadingResults\", \"Loading results\") : \"\"}</BaseCombobox.Status>\n            <BaseCombobox.Empty className=\"flex h-34 items-center px-10 text-body text-fg-secondary empty:hidden\">\n              {loading ? t(\"combobox.loading\", \"Loading…\") : (emptyText ?? t(\"combobox.noResults\", \"No results\"))}\n            </BaseCombobox.Empty>\n            <BaseCombobox.List className=\"-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet\">\n              {(o: ComboboxOption | CreateItem) => (\n                <BaseCombobox.Item key={o.value} value={o} {...(o.disabled ? { disabled: true } : {})} className={MENU_ITEM}>\n                  {\"__create\" in o ? (\n                    <>\n                      <Icon icon={__icon_Add01Icon} size=\"sm\" className={MENU_ICON} />\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {createLabel ? createLabel(o.label) : t(\"combobox.add\", \"Add “{label}”\", { label: o.label })}\n                      </span>\n                    </>\n                  ) : (\n                    <>\n                      {o.leading}\n                      {o.icon && <Icon icon={o.icon} size=\"sm\" className={MENU_ICON} />}\n                      <span className={cn(\"flex min-w-0 flex-1 flex-col\", o.description && \"gap-2 py-8\")}>\n                        <span className=\"truncate\">\n                          <Highlight text={o.label} query={query} />\n                        </span>\n                        {o.description && <span className=\"text-small font-regular text-fg-secondary\">{o.description}</span>}\n                      </span>\n                      <BaseCombobox.ItemIndicator\n                        keepMounted\n                        className=\"flex size-16 shrink-0 items-center justify-center text-fg opacity-0 data-selected:opacity-100\"\n                      >\n                        <Icon icon={__icon_Tick02Icon} size=\"sm\" />\n                      </BaseCombobox.ItemIndicator>\n                    </>\n                  )}\n                </BaseCombobox.Item>\n              )}\n            </BaseCombobox.List>\n            {hidden > 0 && (\n              <div className=\"flex h-28 shrink-0 items-center px-10 text-caption font-medium text-fg-tertiary\">\n                {t(\"combobox.more\", \"{count, plural, one {# more; type to narrow it down} other {# more; type to narrow them down}}\", { count: hidden })}\n              </div>\n            )}\n          </BaseCombobox.Popup>\n        </BaseCombobox.Positioner>\n      </BaseCombobox.Portal>\n    </BaseCombobox.Root>\n  );\n  if (field) return control;\n  return withField(\n    {\n      label,\n      description,\n      error,\n      optional,\n      required,\n      layout,\n      id: fc.wrapId ?? id,\n      disabled,\n      className,\n    },\n    control,\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Combobox.displayName = \"Combobox\";\n\nexport interface AutocompleteProps extends FieldWrapProps {\n  suggestions: string[];\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  placeholder?: string | undefined;\n  size?: InputSize | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  name?: string | undefined;\n  leadingIcon?: IconData | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const Autocomplete = /* @__PURE__ */ forwardRef<HTMLInputElement, AutocompleteProps>(function Autocomplete(props, ref) {\n  const {\n    suggestions,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    size = \"md\",\n    disabled,\n    id,\n    name,\n    leadingIcon,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    className,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const [query, setQuery] = useState(defaultValue ?? \"\");\n  const fieldRef = useRef<HTMLDivElement | null>(null);\n  const fieldWidth = useLayoutWidth(fieldRef);\n  const current = value ?? query;\n  const control = (\n    <BaseAutocomplete.Root\n      items={suggestions}\n      {...(value !== undefined ? { value } : {})}\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      onValueChange={(v: string) => {\n        setQuery(v);\n        onValueChange?.(v);\n      }}\n      {...(disabled ? { disabled } : {})}\n      {...(name ? { name } : {})}\n    >\n      <BaseAutocomplete.InputGroup\n        ref={fieldRef}\n        {...(force ? { \"data-force\": force } : {})}\n        className={cn(\n          \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n          KAESO_COMBOBOX_VARIANTS.size[size].classes,\n          leadingIcon && \"pl-14\",\n          props.error && \"ring-invalid\",\n          !(label || description || error) && className,\n        )}\n      >\n        {leadingIcon && <Icon icon={leadingIcon} size=\"sm\" className=\"text-fg-tertiary\" />}\n        <BaseAutocomplete.Input\n          ref={ref}\n          placeholder={placeholder}\n          {...(id ? { id } : {})}\n          {...fc.controlProps}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          onKeyDown={keepValueOnEscape}\n          className=\"min-w-0 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-tertiary\"\n        />\n      </BaseAutocomplete.InputGroup>\n      <BaseAutocomplete.Portal container={usePortalContainer()}>\n        <BaseAutocomplete.Positioner\n          anchor={fieldRef}\n          positionMethod=\"fixed\"\n          collisionBoundary={pageBoundary()}\n          align=\"start\"\n          sideOffset={6}\n          collisionPadding={8}\n          className=\"z-50 outline-none\"\n        >\n          <BaseAutocomplete.Popup className={cn(MENU_POPUP, \"min-w-anchor overflow-hidden data-empty:hidden\")} style={anchorWidthStyle(fieldWidth)}>\n            <BaseAutocomplete.List className=\"-m-6 flex min-h-0 flex-col overflow-y-auto overscroll-contain p-6 outline-none scrollbar-quiet\">\n              {(s: string) => (\n                <BaseAutocomplete.Item key={s} value={s} className={MENU_ITEM}>\n                  <span className=\"truncate\">\n                    <Highlight text={s} query={current} />\n                  </span>\n                </BaseAutocomplete.Item>\n              )}\n            </BaseAutocomplete.List>\n          </BaseAutocomplete.Popup>\n        </BaseAutocomplete.Positioner>\n      </BaseAutocomplete.Portal>\n    </BaseAutocomplete.Root>\n  );\n  if (field) return control;\n  return withField(\n    {\n      label,\n      description,\n      error,\n      optional,\n      required,\n      layout,\n      id: fc.wrapId ?? id,\n      disabled,\n      className,\n    },\n    control,\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Autocomplete.displayName = \"Autocomplete\";\n"],"mappings":"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"}

package/dist/chunks/core-Bl9NrBLS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-Bl9NrBLS.js","names":["cn","useUiText","observeResize","Button","Skeleton","wholeTicks","values","ticks","VIZ","VIZ_THIN","hash","h","i","s","NEAR","seriesIndex","id","assignSeries","out","used","clash","k","ids","keys","seriesColors","thin","seriesColor","tokenKindColor","tokenKindTint","tokenKindSeries","TOKEN_KIND_ORDER","tokenKindLabel","englishText","kind","useSize","el","setEl","useState","size","setSize","useLayoutEffect","set","ease","t","reducedMotion","mix","to","from","v","tweens","useTweened","key","tween","setTween","current","still","drawn","running","useEffect","start","raf","step","motion","useTweenedScale","any","top","ChartFrame","asTable","setAsTable","className","label","state","table","height","DataTablePlain","children","legend","toggle","caption","c","r","j","Swatch","shape","off","color","tickLabel","format","readableTicks","n","count","scale","lo","hi","dayNumber","d","m","yearOfDay","yearStarts","days","dates","prev","WIDE","labelWidth","em","ch","AXIS","LABEL_GAP","placeTimeLabels","placed","width","anchor","right","x","left","clear","a","b","kept","l","axisLabelIndexes","labels","fits","edges","room","every","starts","stride","score","p","best","Legend","items","hidden","it","onToggle","onHover","ChartTooltip","useRef","own","setOwn","w","heading","rows","visible","flip","wanted","xLeft","y","KAESO_CHARTS_VARIANTS","KAESO_CHARTS_DEFAULT_VARIANTS","chartKeyIndex","back","vertical","forward","index","useChartKeys","setIndex","options","keyboard","next","e","ChartLive","liveLine"],"sources":["../../src/components/charts/core.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { useEffect, useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { motion, tokenKindSeries, tokenKindTint } from \"@logicplanes/kaeso-tokens\";\nimport { Skeleton } from \"../skeleton/skeleton.js\";\nimport { Button } from \"../button/button.js\";\nimport { englishText, useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport function wholeTicks(ticks: number[], values: number[]): number[] {\n  return values.every(Number.isInteger) ? ticks.filter(Number.isInteger) : ticks;\n}\nexport const VIZ = [\n  \"var(--k-viz-1)\",\n  \"var(--k-viz-2)\",\n  \"var(--k-viz-3)\",\n  \"var(--k-viz-4)\",\n  \"var(--k-viz-5)\",\n  \"var(--k-viz-6)\",\n  \"var(--k-viz-7)\",\n  \"var(--k-viz-8)\",\n] as const;\nexport const VIZ_THIN = [\n  \"var(--k-viz-thin-1)\",\n  \"var(--k-viz-thin-2)\",\n  \"var(--k-viz-thin-3)\",\n  \"var(--k-viz-thin-4)\",\n  \"var(--k-viz-thin-5)\",\n  \"var(--k-viz-thin-6)\",\n  \"var(--k-viz-thin-7)\",\n  \"var(--k-viz-thin-8)\",\n] as const;\n\nfunction hash(s: string) {\n  let h = 2166136261;\n  for (let i = 0; i < s.length; i++) h = Math.imul(h ^ s.charCodeAt(i), 16777619);\n  return Math.abs(h);\n}\nconst NEAR: Record<number, number> = { 1: 6, 6: 1, 2: 5, 5: 2, 3: 7, 7: 3 };\n\nexport function seriesIndex(id: string): number {\n  return hash(id) % VIZ.length;\n}\n\nexport function assignSeries(ids: string[]): Map<string, number> {\n  const out = new Map<string, number>();\n  const used = new Set<number>();\n  const clash = (k: number) => used.has(k) || (NEAR[k] !== undefined && used.has(NEAR[k]!));\n  for (const id of ids) {\n    if (out.has(id)) continue;\n    let i = seriesIndex(id);\n    if (clash(i)) {\n      const keys = [...VIZ.keys()];\n      i = keys.find((k) => !clash(k)) ?? keys.find((k) => !used.has(k)) ?? i;\n    }\n    used.add(i);\n    out.set(id, i);\n  }\n  return out;\n}\n\nexport function seriesColors(ids: string[], thin = false): Map<string, string> {\n  return new Map([...assignSeries(ids)].map(([id, i]) => [id, (thin ? VIZ_THIN : VIZ)[i]!]));\n}\n\nexport const seriesColor = (id: string, thin = false) => (thin ? VIZ_THIN : VIZ)[seriesIndex(id)]!;\n\nexport type TokenKind = keyof typeof tokenKindSeries;\nexport const tokenKindColor = (k: TokenKind, thin = false) => {\n  if (tokenKindTint[k]) return \"var(--k-viz-1-soft)\";\n  return (thin ? VIZ_THIN : VIZ)[tokenKindSeries[k] - 1]!;\n};\nexport const TOKEN_KIND_ORDER: TokenKind[] = [\"input\", \"cacheRead\", \"cacheWrite\", \"output\", \"reasoning\"];\nexport function tokenKindLabel(kind: TokenKind, t: UiText = englishText): string {\n  switch (kind) {\n    case \"input\":\n      return t(\"tokenKind.input\", \"Input\");\n    case \"output\":\n      return t(\"tokenKind.output\", \"Output\");\n    case \"cacheRead\":\n      return t(\"tokenKind.cacheRead\", \"Cache read\");\n    case \"cacheWrite\":\n      return t(\"tokenKind.cacheWrite\", \"Cache write\");\n    case \"reasoning\":\n      return t(\"tokenKind.reasoning\", \"Reasoning\");\n  }\n}\n\nexport function useSize<T extends HTMLElement>(): [(el: T | null) => void, { width: number; height: number }] {\n  const [el, setEl] = useState<T | null>(null);\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  useLayoutEffect(() => {\n    if (!el) return;\n    const set = () => setSize({ width: Math.round(el.clientWidth), height: Math.round(el.clientHeight) });\n    set();\n    return observeResize([el], set);\n  }, [el]);\n  return [setEl, size];\n}\n\nconst ease = (t: number) => 1 - Math.pow(1 - t, 3);\nconst reducedMotion = () => typeof matchMedia !== \"undefined\" && matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\nconst mix = (from: number[], to: number[], t: number) => (t >= 1 ? to : to.map((v, i) => (from[i] ?? v) + (v - (from[i] ?? v)) * ease(t)));\n\nexport function tweens(from: number[], to: number[]): boolean {\n  return from.length === to.length && from.some((v) => v !== 0) && to.some((v) => v !== 0) && from.some((v, i) => v !== to[i]) && !reducedMotion();\n}\n\nexport function useTweened(values: number[], still = false): number[] {\n  const key = values.join(\",\");\n  const [tween, setTween] = useState({ key, from: values, to: values, t: 1, still });\n  let current = tween;\n  if (tween.key !== key || tween.still !== still) {\n    const drawn = mix(tween.from, tween.to, tween.t);\n    const animate = !still && !tween.still && tweens(drawn, values);\n    current = animate ? { key, from: drawn, to: values, t: 0, still } : { key, from: values, to: values, t: 1, still };\n    setTween(current);\n  }\n  const running = current.t < 1;\n  useEffect(() => {\n    if (!running) return;\n    const start = performance.now();\n    let raf = 0;\n    const step = () => {\n      const t = Math.max(0, Math.min(1, (performance.now() - start) / motion.duration.chart));\n      setTween((s) => (s.key === key ? { ...s, t } : s));\n      if (t < 1) raf = requestAnimationFrame(step);\n    };\n    raf = requestAnimationFrame(step);\n    return () => cancelAnimationFrame(raf);\n  }, [key, running]);\n  return mix(current.from, current.to, current.t);\n}\n\nexport function useTweenedScale(values: number[], top: number, still = false): { values: number[]; top: number } {\n  const any = values.some((v) => v !== 0);\n  const drawn = useTweened(any ? [...values, top] : values, still);\n  return any ? { values: drawn.slice(0, -1), top: drawn[drawn.length - 1] ?? top } : { values: drawn, top };\n}\n\nexport interface ChartState {\n  loading?: boolean | undefined;\n  error?: ReactNode | undefined;\n  onRetry?: (() => void) | undefined;\n  empty?: boolean | undefined;\n  emptyText?: ReactNode | undefined;\n}\n\nexport interface TableData {\n  columns: string[];\n  rows: (string | number)[][];\n}\n\nexport function ChartFrame({\n  label,\n  height,\n  children,\n  table,\n  legend,\n  state = {},\n  className,\n  toggle = true,\n}: {\n  label: string;\n  height: number;\n  children: ReactNode;\n  table?: TableData | undefined;\n  legend?: ReactNode | undefined;\n  state?: ChartState | undefined;\n  className?: string | undefined;\n  toggle?: boolean | undefined;\n}) {\n  const [asTable, setAsTable] = useState(false);\n  const t = useUiText();\n  return (\n    <figure className={cn(\"@container flex min-w-0 flex-col gap-12\", className)} aria-label={label}>\n      {state.error ? (\n        <div className=\"flex flex-col items-center justify-center gap-8 text-center\" style={{ height }}>\n          <p role=\"alert\" className=\"text-body text-fg-secondary\">\n            {t(\"chartFrame.loadFailed\", \"Couldn't load this chart\")}\n          </p>\n          {state.onRetry && (\n            <Button size=\"sm\" onClick={state.onRetry}>\n              {t(\"chartFrame.tryAgain\", \"Try again\")}\n            </Button>\n          )}\n        </div>\n      ) : asTable && table ? (\n        <div className=\"overflow-auto scrollbar-quiet\" style={{ minHeight: height }}>\n          <DataTablePlain table={table} />\n        </div>\n      ) : (\n        <div className=\"relative\" style={{ height }}>\n          {state.loading && state.empty ? <Skeleton className=\"absolute inset-0\" /> : children}\n          {state.loading && !state.empty && <Skeleton className=\"absolute inset-x-0 bottom-0 h-2 rounded-pill\" />}\n          {state.empty && !state.loading && (\n            <div className=\"absolute inset-0 flex items-center justify-center text-body text-fg-secondary\">\n              {state.emptyText ?? t(\"chartFrame.noData\", \"No data for this period\")}\n            </div>\n          )}\n        </div>\n      )}\n      {(legend || (toggle && table)) && (\n        <div className=\"flex flex-col gap-8 @chart-legend:flex-row @chart-legend:gap-12\">\n          {!asTable && legend && <div className=\"min-w-0 @chart-legend:flex-1\">{legend}</div>}\n          {toggle && table && (\n            <button\n              type=\"button\"\n              onClick={() => setAsTable((v) => !v)}\n              aria-pressed={asTable}\n              className=\"relative ml-auto inline-flex h-28 shrink-0 cursor-pointer items-center self-end rounded-pill px-10 text-small font-medium text-fg-secondary transition-control hover:bg-fill-1 hover:text-fg focus-ring tap-target\"\n            >\n              {asTable ? t(\"chartFrame.viewAsChart\", \"View as chart\") : t(\"chartFrame.viewAsTable\", \"View as table\")}\n            </button>\n          )}\n        </div>\n      )}\n      {table && !asTable && (\n        <div className=\"sr-only\">\n          <DataTablePlain table={table} caption={label} />\n        </div>\n      )}\n    </figure>\n  );\n}\n\nfunction DataTablePlain({ table, caption }: { table: TableData; caption?: string | undefined }) {\n  return (\n    <table className=\"w-full text-body\">\n      {caption && <caption className=\"sr-only\">{caption}</caption>}\n      <thead>\n        <tr className=\"hairline-b-strong\">\n          {table.columns.map((c, i) => (\n            <th key={c} scope=\"col\" className={cn(\"h-36 px-12 text-caption font-medium text-fg-secondary first:pl-0\", i > 0 ? \"text-right\" : \"text-left\")}>\n              {c}\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {table.rows.map((r, i) => (\n          <tr key={i} className=\"hairline-b\">\n            {r.map((v, j) => (\n              <td key={j} className={cn(\"h-36 px-12 first:pl-0\", j > 0 ? \"text-right tabular\" : \"text-left\")}>\n                {v}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n\nexport interface LegendItem {\n  id: string;\n  label: ReactNode;\n  color: string;\n  value?: ReactNode | undefined;\n}\n\nexport function Swatch({ color, shape = \"square\", off }: { color: string; shape?: \"square\" | \"line\" | undefined; off?: boolean | undefined }) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\"shrink-0 transition-control\", shape === \"line\" ? \"h-2 w-12 rounded-pill\" : \"size-10 rounded-bar\", off && \"opacity-30\")}\n      style={{ background: color }}\n    />\n  );\n}\nif (process.env.NODE_ENV !== \"production\") Swatch.displayName = \"Swatch\";\n\nexport const tickLabel = (format: (v: number) => string) => (v: number) => format(v).replace(/[.,]00(?=\\D*$)/, \"\");\n\nexport function readableTicks(scale: { ticks: (count: number) => number[]; domain: () => number[] }, label: (v: number) => string, count = 4): number[] {\n  for (let n = count; n >= 1; n--) {\n    const ticks = scale.ticks(n);\n    if (new Set(ticks.map(label)).size === ticks.length) return ticks;\n  }\n  const [lo = 0, hi = 0] = scale.domain();\n  return label(lo) === label(hi) ? [lo] : [lo, hi];\n}\n\nexport type AxisDate = Date | string;\n\nfunction dayNumber(d: AxisDate): number {\n  if (d instanceof Date) return Number.isNaN(d.getTime()) ? NaN : Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()) / 86_400_000;\n  const m = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(d);\n  return m ? Date.UTC(Number(m[1]), Number(m[2]) - 1, Number(m[3])) / 86_400_000 : NaN;\n}\nconst yearOfDay = (n: number) => new Date(n * 86_400_000).getUTCFullYear();\n\nexport function yearStarts(dates: readonly AxisDate[]): number[] {\n  const days = dates.map(dayNumber);\n  const out: number[] = [];\n  days.forEach((d, i) => {\n    const prev = i > 0 ? days[i - 1]! : days.length > 1 ? 2 * d - days[1]! : NaN;\n    if (Number.isFinite(d) && Number.isFinite(prev) && yearOfDay(d) !== yearOfDay(prev)) out.push(i);\n  });\n  return out;\n}\n\nconst WIDE = /[\\p{Script=Han}\\p{Script=Hiragana}\\p{Script=Katakana}\\p{Script=Hangul}\\u3000-\\u303f\\uff00-\\uffef]/u;\n\nexport function labelWidth(label: string): number {\n  let em = 0;\n  for (const ch of label) em += WIDE.test(ch) ? 1 : /\\p{Lu}/u.test(ch) ? 0.8 : /\\p{Ll}/u.test(ch) ? 0.6 : /\\p{Nd}/u.test(ch) ? 0.66 : /\\s/.test(ch) ? 0.3 : 0.4;\n  return em * AXIS.label.fontSize;\n}\n\nconst LABEL_GAP = 8;\n\nexport function placeTimeLabels(\n  ticks: { key: number; at: number; label: string }[],\n  right: number,\n): { key: number; x: number; anchor: \"start\" | \"middle\" | \"end\"; label: string }[] {\n  const placed = ticks.map((t) => {\n    const width = labelWidth(t.label);\n    const anchor: \"start\" | \"middle\" | \"end\" = t.at - width / 2 < 0 ? \"start\" : t.at + width / 2 > right ? \"end\" : \"middle\";\n    const x = anchor === \"start\" ? Math.max(t.at, 0) : t.at;\n    const left = anchor === \"start\" ? x : anchor === \"end\" ? x - width : x - width / 2;\n    return { key: t.key, x, anchor, label: t.label, left, right: left + width };\n  });\n  const clear = (a: { right: number } | undefined, b: { left: number } | undefined) => !a || !b || a.right + LABEL_GAP <= b.left;\n  if (placed.length > 2 && !clear(placed[0], placed[1])) placed.splice(1, 1);\n  if (placed.length > 2 && !clear(placed[placed.length - 2], placed[placed.length - 1])) placed.splice(placed.length - 2, 1);\n  const kept: typeof placed = [];\n  for (const l of placed) if (clear(kept[kept.length - 1], l)) kept.push(l);\n  return kept.map(({ key, x, anchor, label }) => ({ key, x, anchor, label }));\n}\n\nexport function axisLabelIndexes(\n  labels: string[],\n  step: number,\n  edges: { start: number; end: number } = { start: Infinity, end: Infinity },\n  dates?: readonly AxisDate[] | undefined,\n): number[] {\n  const n = labels.length;\n  if (n === 0) return [];\n  const fits = (i: number) => labelWidth(labels[i]!) / 2 <= Math.min(edges.start + i * step, edges.end + (n - 1 - i) * step) + 1e-6;\n  const room = Math.max(48, Math.max(...labels.map(labelWidth)) + 16);\n  const every = step > 0 ? Math.max(1, Math.ceil(room / step - 1e-6)) : n;\n  const starts = dates && dates.length === n ? yearStarts(dates) : [];\n  let stride = every;\n  for (let s = every; every > 1 && s <= every * 2; s++) {\n    if (starts.every((i) => (i - starts[0]!) % s === 0)) {\n      stride = s;\n      break;\n    }\n  }\n  const score = (p: number) => [\n    starts.filter((i) => i % stride === p && fits(i)).length,\n    (n - 1) % stride === p && fits(n - 1) ? 1 : 0,\n    p === 0 && fits(0) ? 1 : 0,\n    n - 1 - ((n - 1 - p) % stride),\n  ];\n  let best = 0;\n  for (let p = 1; p < Math.min(stride, n); p++) {\n    const a = score(p);\n    const b = score(best);\n    const k = a.findIndex((v, j) => v !== b[j]);\n    if (k >= 0 && a[k]! > b[k]!) best = p;\n  }\n  const out: number[] = [];\n  for (let i = best; i < n; i += stride) if (fits(i)) out.push(i);\n  return out;\n}\n\nexport function Legend({\n  items,\n  hidden,\n  onToggle,\n  onHover,\n  shape = \"square\",\n}: {\n  items: LegendItem[];\n  hidden?: Set<string> | undefined;\n  onToggle?: ((id: string) => void) | undefined;\n  onHover?: ((id: string | null) => void) | undefined;\n  shape?: \"square\" | \"line\" | undefined;\n}) {\n  const t = useUiText();\n  return (\n    <ul className=\"flex flex-wrap items-center gap-4\" aria-label={t(\"chartLegend.label\", \"Legend\")}>\n      {items.map((it) => {\n        const off = hidden?.has(it.id);\n        const Comp = onToggle ? \"button\" : \"span\";\n        return (\n          <li key={it.id}>\n            <Comp\n              {...(onToggle ? { type: \"button\" as const, \"aria-pressed\": !off, onClick: () => onToggle(it.id) } : {})}\n              onMouseEnter={() => onHover?.(it.id)}\n              onMouseLeave={() => onHover?.(null)}\n              onFocus={() => onHover?.(it.id)}\n              onBlur={() => onHover?.(null)}\n              className={cn(\n                \"inline-flex h-28 items-center gap-8 rounded-pill px-10 text-small font-medium transition-control\",\n                onToggle && \"relative cursor-pointer hover:bg-fill-1 focus-ring tap-target\",\n                off ? \"text-fg-tertiary\" : \"text-fg\",\n              )}\n            >\n              <Swatch color={it.color} shape={shape} off={off} />\n              {it.label}\n              {it.value !== undefined && <span className=\"text-fg-secondary tabular\">{it.value}</span>}\n            </Comp>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") Legend.displayName = \"Legend\";\n\nexport interface TooltipRow {\n  id: string;\n  label: ReactNode;\n  color: string;\n  value: ReactNode;\n  share?: ReactNode | undefined;\n}\n\nexport function ChartTooltip({\n  x,\n  xLeft = x,\n  y,\n  width,\n  heading,\n  rows,\n  visible,\n}: {\n  x: number;\n  xLeft?: number | undefined;\n  y: number;\n  width: number;\n  heading: ReactNode;\n  rows: TooltipRow[];\n  visible: boolean;\n}) {\n  const el = useRef<HTMLDivElement | null>(null);\n  const [own, setOwn] = useState(0);\n  useLayoutEffect(() => {\n    const w = el.current?.offsetWidth ?? 0;\n    if (w !== own) setOwn(w);\n  }, [own, heading, rows, visible]);\n  const flip = x > width / 2;\n  const wanted = flip ? xLeft - 16 - own : x + 16;\n  const left = own ? Math.round(Math.max(0, Math.min(wanted, width - own))) : undefined;\n  return (\n    <div\n      ref={el}\n      role=\"presentation\"\n      aria-hidden\n      className={cn(\n        \"pointer-events-none absolute z-10 w-max min-w-200 max-w-360 rounded-tooltip bg-raised p-10 text-small shadow-raised opacity-motion\",\n        visible && own ? \"opacity-100\" : \"opacity-0\",\n      )}\n      style={{\n        ...(left !== undefined ? { left } : flip ? { right: Math.round(width - xLeft + 16) } : { left: Math.round(x + 16) }),\n        top: Math.round(Math.max(0, y - 24)),\n      }}\n    >\n      <div className=\"mb-6 text-caption font-medium text-fg tabular\">{heading}</div>\n      <div className=\"flex flex-col gap-4\">\n        {rows.map((r) => (\n          <div key={r.id} className=\"flex items-center gap-8\">\n            <Swatch color={r.color} />\n            <span className=\"min-w-0 flex-1 truncate pr-12 text-fg-secondary\">{r.label}</span>\n            <span className=\"font-medium text-fg tabular\">{r.value}</span>\n            {r.share !== undefined && <span className=\"w-40 text-right text-fg-tertiary tabular\">{r.share}</span>}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") ChartTooltip.displayName = \"ChartTooltip\";\n\nexport const AXIS = {\n  grid: { stroke: \"var(--k-line)\", strokeDasharray: \"3 3\", strokeWidth: 1 },\n  baseline: { stroke: \"var(--k-line-strong)\", strokeWidth: 1 },\n  label: { fill: \"var(--k-text-tertiary)\", fontSize: 12, fontWeight: 500, style: { fontVariantNumeric: \"tabular-nums\" as const } },\n};\n\nexport const KAESO_CHARTS_VARIANTS = {\n  chrome: { default: { classes: \"\" } },\n} as const;\nexport const KAESO_CHARTS_DEFAULT_VARIANTS = { chrome: \"default\" } as const;\n\nexport function chartKeyIndex(\n  key: string,\n  index: number | null,\n  count: number,\n  { vertical = false, start = count - 1 }: { vertical?: boolean | undefined; start?: number | undefined } = {},\n): number | null | undefined {\n  if (count <= 0) return undefined;\n  const back = vertical ? \"ArrowUp\" : \"ArrowLeft\";\n  const forward = vertical ? \"ArrowDown\" : \"ArrowRight\";\n  if (key === back) return index === null ? start : Math.max(0, index - 1);\n  if (key === forward) return index === null ? start : Math.min(count - 1, index + 1);\n  if (key === \"Home\") return 0;\n  if (key === \"End\") return count - 1;\n  if (key === \"Escape\") return index === null ? undefined : null;\n  return undefined;\n}\n\nexport function useChartKeys(count: number, options: { vertical?: boolean | undefined; start?: number | undefined } = {}) {\n  const [index, setIndex] = useState<number | null>(null);\n  const start = options.start ?? count - 1;\n  const props = {\n    tabIndex: count > 0 ? 0 : -1,\n    onFocus: (e: React.FocusEvent<HTMLElement>) => {\n      if (e.target !== e.currentTarget) return;\n      let keyboard = true;\n      try {\n        keyboard = e.currentTarget.matches(\":focus-visible\");\n      } catch {}\n      if (keyboard && !document.documentElement.hasAttribute(\"data-k-pointer\")) setIndex(Math.max(0, start));\n    },\n    onBlur: () => setIndex(null),\n    onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => {\n      const next = chartKeyIndex(e.key, index, count, { vertical: !!options.vertical, start });\n      if (next === undefined) return;\n      e.preventDefault();\n      if (next === null) e.stopPropagation();\n      setIndex(next);\n    },\n  };\n  return { index: index !== null && index < count ? index : null, props };\n}\n\nexport function ChartLive({ children }: { children?: ReactNode | undefined }) {\n  return (\n    <div className=\"sr-only\" aria-live=\"polite\" aria-atomic>\n      {children}\n    </div>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") ChartLive.displayName = \"ChartLive\";\n\nexport const liveLine = (heading: ReactNode, rows: { label: ReactNode; value: ReactNode }[], t: UiText = englishText) =>\n  t(\"chart.liveLine\", \"{heading}: {values}\", {\n    heading: String(heading),\n    values: rows.map((r) => t(\"chart.liveValue\", \"{label} {value}\", { label: String(r.label), value: String(r.value) })).join(t(\"chart.listSeparator\", \", \")),\n  });\n"],"mappings":";;;;;;;;;;AASA,SAAgBK,EAAW,GAAiB,GAA4B;CACtE,OAAOC,EAAO,MAAM,OAAO,SAAS,IAAIC,EAAM,OAAO,OAAO,SAAS,IAAIA;AAC3E;AACA,IAAaC,IAAM;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACaC,IAAW;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAASC,EAAK,GAAW;CACvB,IAAIC,IAAI;CACR,KAAK,IAAIC,IAAI,GAAGA,IAAIC,EAAE,QAAQ,KAAK,IAAI,KAAK,KAAKF,IAAIE,EAAE,WAAWD,CAAC,GAAG,QAAQ;CAC9E,OAAO,KAAK,IAAID,CAAC;AACnB;AACA,IAAMG,IAA+B;CAAE,GAAG;CAAG,GAAG;CAAG,GAAG;CAAG,GAAG;CAAG,GAAG;CAAG,GAAG;AAAE;AAE1E,SAAgBC,EAAY,GAAoB;CAC9C,OAAOL,EAAKM,CAAE,IAAIR,EAAI;AACxB;AAEA,SAAgBS,EAAa,GAAoC;CAC/D,IAAMC,oBAAM,IAAI,IAAoB,GAC9BC,oBAAO,IAAI,IAAY,GACvBC,KAAS,MAAcD,EAAK,IAAIE,CAAC,KAAMP,EAAKO,OAAO,KAAA,KAAaF,EAAK,IAAIL,EAAKO,EAAG;CACvF,KAAK,IAAML,KAAMM,GAAK;EACpB,IAAIJ,EAAI,IAAIF,CAAE,GAAG;EACjB,IAAIJ,IAAIG,EAAYC,CAAE;EACtB,IAAII,EAAMR,CAAC,GAAG;GACZ,IAAMW,IAAO,CAAC,GAAGf,EAAI,KAAK,CAAC;GAC3B,IAAIe,EAAK,MAAM,MAAM,CAACH,EAAMC,CAAC,CAAC,KAAKE,EAAK,MAAM,MAAM,CAACJ,EAAK,IAAIE,CAAC,CAAC,KAAKT;EACvE;EAEA,AADAO,EAAK,IAAIP,CAAC,GACVM,EAAI,IAAIF,GAAIJ,CAAC;CACf;CACA,OAAOM;AACT;AAEA,SAAgBM,EAAa,GAAe,IAAO,IAA4B;CAC7E,OAAO,IAAI,IAAI,CAAC,GAAGP,EAAaK,CAAG,CAAC,CAAC,CAAC,KAAK,CAACN,GAAIJ,OAAO,CAACI,IAAKS,IAAOhB,IAAWD,EAAA,CAAKI,EAAG,CAAC,CAAC;AAC3F;AAEA,IAAac,KAAe,GAAY,IAAO,QAAWD,IAAOhB,IAAWD,EAAA,CAAKO,EAAYC,CAAE,IAGlFW,KAAkB,GAAc,IAAO,OAC9CC,EAAcP,KAAW,yBACrBI,IAAOhB,IAAWD,EAAA,CAAKqB,EAAgBR,KAAK,IAEzCS,IAAgC;CAAC;CAAS;CAAa;CAAc;CAAU;AAAW;AACvG,SAAgBC,EAAe,GAAiB,IAAYC,GAAqB;CAC/E,QAAQC,GAAR;EACE,KAAK,SACH,OAAO,EAAE,mBAAmB,OAAO;EACrC,KAAK,UACH,OAAO,EAAE,oBAAoB,QAAQ;EACvC,KAAK,aACH,OAAO,EAAE,uBAAuB,YAAY;EAC9C,KAAK,cACH,OAAO,EAAE,wBAAwB,aAAa;EAChD,KAAK,aACH,OAAO,EAAE,uBAAuB,WAAW;CAC/C;AACF;AAEA,SAAgBC,IAA8F;CAC5G,IAAM,CAACC,GAAIC,KAASC,EAAmB,IAAI,GACrC,CAACC,GAAMC,KAAWF,EAAS;EAAE,OAAO;EAAG,QAAQ;CAAE,CAAC;CAOxD,OANAG,QAAsB;EACpB,IAAI,CAACL,GAAI;EACT,IAAMM,UAAYF,EAAQ;GAAE,OAAO,KAAK,MAAMJ,EAAG,WAAW;GAAG,QAAQ,KAAK,MAAMA,EAAG,YAAY;EAAE,CAAC;EAEpG,OADAM,EAAI,GACGvC,EAAc,CAACiC,CAAE,GAAGM,CAAG;CAChC,GAAG,CAACN,CAAE,CAAC,GACA,CAACC,GAAOE,CAAI;AACrB;AAEA,IAAMI,KAAQ,MAAc,KAAa,IAAIC,MAAG,GAC1CC,WAAsB,OAAO,aAAe,OAAe,WAAW,kCAAkC,CAAC,CAAC,SAC1GC,KAAO,GAAgB,GAAc,MAAeF,KAAK,IAAIG,IAAKA,EAAG,KAAK,GAAG,OAAOC,EAAKnC,MAAMoC,MAAMA,KAAKD,EAAKnC,MAAMoC,MAAMN,EAAKC,CAAC,CAAC;AAExI,SAAgBM,EAAO,GAAgB,GAAuB;CAC5D,OAAOF,EAAK,WAAWD,EAAG,UAAUC,EAAK,MAAM,MAAMC,MAAM,CAAC,KAAKF,EAAG,MAAM,MAAME,MAAM,CAAC,KAAKD,EAAK,MAAM,GAAG,MAAMC,MAAMF,EAAGlC,EAAE,KAAK,CAACgC,GAAc;AACjJ;AAEA,SAAgBM,EAAW,GAAkB,IAAQ,IAAiB;CACpE,IAAMC,IAAM7C,EAAO,KAAK,GAAG,GACrB,CAAC8C,GAAOC,KAAYhB,EAAS;EAAE;EAAK,MAAM/B;EAAQ,IAAIA;EAAQ,GAAG;EAAG;CAAM,CAAC,GAC7EgD,IAAUF;CACd,IAAIA,EAAM,QAAQD,KAAOC,EAAM,UAAUG,GAAO;EAC9C,IAAMC,IAAQX,EAAIO,EAAM,MAAMA,EAAM,IAAIA,EAAM,CAAC;EAG/C,AADA,IADgB,CAACG,KAAS,CAACH,EAAM,SAASH,EAAOO,GAAOlD,CAAM,IAC1C;GAAE;GAAK,MAAMkD;GAAO,IAAIlD;GAAQ,GAAG;GAAG;EAAM,IAAI;GAAE;GAAK,MAAMA;GAAQ,IAAIA;GAAQ,GAAG;GAAG;EAAM,GACjH+C,EAASC,CAAO;CAClB;CACA,IAAMG,IAAUH,EAAQ,IAAI;CAa5B,OAZAI,QAAgB;EACd,IAAI,CAACD,GAAS;EACd,IAAME,IAAQ,YAAY,IAAI,GAC1BC,IAAM,GACJC,UAAa;GACjB,IAAMlB,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,YAAY,IAAI,IAAIgB,KAASG,EAAO,SAAS,KAAK,CAAC;GAEtF,AADAT,GAAU,MAAOxC,EAAE,QAAQsC,IAAM;IAAE,GAAGtC;IAAG;GAAE,IAAIA,CAAE,GAC7C8B,IAAI,MAAG,IAAM,sBAAsBkB,CAAI;EAC7C;EAEA,OADA,IAAM,sBAAsBA,CAAI,SACnB,qBAAqBD,CAAG;CACvC,GAAG,CAACT,GAAKM,CAAO,CAAC,GACVZ,EAAIS,EAAQ,MAAMA,EAAQ,IAAIA,EAAQ,CAAC;AAChD;AAEA,SAAgBS,EAAgB,GAAkB,GAAa,IAAQ,IAA0C;CAC/G,IAAMC,IAAM1D,EAAO,MAAM,MAAM0C,MAAM,CAAC,GAChCQ,IAAQN,EAAWc,IAAM,CAAC,GAAG1D,GAAQ2D,CAAG,IAAI3D,GAAQiD,CAAK;CAC/D,OAAOS,IAAM;EAAE,QAAQR,EAAM,MAAM,GAAG,EAAE;EAAG,KAAKA,EAAMA,EAAM,SAAS,MAAMS;CAAI,IAAI;EAAE,QAAQT;EAAO;CAAI;AAC1G;AAeA,SAAgBU,EAAW,EACzB,UACA,WACA,aACA,UACA,WACA,WAAQ,CAAC,GACT,cACA,YAAS,MAUR;CACD,IAAM,CAACC,GAASC,KAAc/B,EAAS,EAAK,GACtCM,IAAI1C,EAAU;CACpB,OACE,kBAAC,UAAD;EAAQ,WAAWD,EAAG,2CAA2CqE,CAAS;EAAG,cAAYC;EAAzF,UAAA;GACGC,EAAM,QACL,kBAAC,OAAD;IAAK,WAAU;IAA8D,OAAO,EAAE,UAAO;IAA7F,UAAA,CACE,kBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;KACvB,UAAA5B,EAAE,yBAAyB,0BAA0B;IACrD,CAAA,GACF4B,EAAM,WACL,kBAACpE,GAAD;KAAQ,MAAK;KAAK,SAASoE,EAAM;KAC9B,UAAA5B,EAAE,uBAAuB,WAAW;IAC/B,CAAA,CAEP;GACH,CAAA,IAAAwB,KAAWK,IACb,kBAAC,OAAD;IAAK,WAAU;IAAgC,OAAO,EAAE,WAAWC,EAAO;IACxE,UAAA,kBAACC,GAAD,EAAuB,SAAQ,CAAA;GAC5B,CAAA,IAEL,kBAAC,OAAD;IAAK,WAAU;IAAW,OAAO,EAAE,UAAO;IAA1C,UAAA;KACGH,EAAM,WAAWA,EAAM,QAAQ,kBAACnE,GAAD,EAAU,WAAU,mBAAoB,CAAA,IAAIuE;KAC3EJ,EAAM,WAAW,CAACA,EAAM,SAAS,kBAACnE,GAAD,EAAU,WAAU,+CAAgD,CAAA;KACrGmE,EAAM,SAAS,CAACA,EAAM,WACrB,kBAAC,OAAD;MAAK,WAAU;MACZ,UAAAA,EAAM,aAAa5B,EAAE,qBAAqB,yBAAyB;KACjE,CAAA;IAEJ;;IAELiC,KAAWC,KAAUL,MACrB,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,CAACL,KAAWS,KAAU,kBAAC,OAAD;KAAK,WAAU;KAAgC,UAAAA;IAAY,CAAA,GACjFC,KAAUL,KACT,kBAAC,UAAD;KACE,MAAK;KACL,eAAeJ,GAAY,MAAM,CAACpB,CAAC;KACnC,gBAAcmB;KACd,WAAU;KAET,UAAAA,IAAUxB,EAAE,0BAA0B,eAAe,IAAIA,EAAE,0BAA0B,eAAe;IAC/F,CAAA,CAEP;;GAEN6B,KAAS,CAACL,KACT,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAACO,GAAD;KAAuB;KAAO,SAASJ;IAAQ,CAAA;GAC5C,CAAA;EAED;;AAEZ;AAEA,SAASI,EAAe,EAAE,UAAO,cAA+D;CAC9F,OACE,kBAAC,SAAD;EAAO,WAAU;EAAjB,UAAA;GACGI,KAAW,kBAAC,WAAD;IAAS,WAAU;IAAW,UAAAA;GAAiB,CAAA;GAC3D,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;IAAI,WAAU;IACX,UAAAN,EAAM,QAAQ,KAAK,GAAG,MACrB,kBAAC,MAAD;KAAY,OAAM;KAAM,WAAWxE,EAAG,oEAAoEY,IAAI,IAAI,eAAe,WAAW;KACzI,UAAAmE;IACC,GAFKA,CAEL,CACL;GACC,CAAA,EACC,CAAA;GACP,kBAAC,SAAD,EAAA,UACGP,EAAM,KAAK,KAAK,GAAG,MAClB,kBAAC,MAAD;IAAY,WAAU;IACnB,UAAAQ,EAAE,KAAK,GAAG,MACT,kBAAC,MAAD;KAAY,WAAWhF,EAAG,yBAAyBiF,IAAI,IAAI,uBAAuB,WAAW;KAC1F,UAAAjC;IACC,GAFKiC,CAEL,CACL;GACC,GANKrE,CAML,CACL,EACI,CAAA;EACF;;AAEX;AASA,SAAgBsE,EAAO,EAAE,UAAO,WAAQ,UAAU,UAA4F;CAC5I,OACE,kBAAC,QAAD;EACE,eAAA;EACA,WAAWlF,EAAG,+BAA+BmF,MAAU,SAAS,0BAA0B,uBAAuBC,KAAO,YAAY;EACpI,OAAO,EAAE,YAAYC,EAAM;CAC5B,CAAA;AAEL;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAEhE,IAAaC,KAAa,OAAmC,MAAcC,EAAOvC,CAAC,CAAC,CAAC,QAAQ,kBAAkB,EAAE;AAEjH,SAAgBwC,EAAc,GAAuE,GAA8B,IAAQ,GAAa;CACtJ,KAAK,IAAIC,IAAIC,GAAOD,KAAK,GAAG,KAAK;EAC/B,IAAMlF,IAAQoF,EAAM,MAAMF,CAAC;EAC3B,IAAI,IAAI,IAAIlF,EAAM,IAAI+D,CAAK,CAAC,CAAC,CAAC,SAAS/D,EAAM,QAAQ,OAAOA;CAC9D;CACA,IAAM,CAACqF,IAAK,GAAGC,IAAK,KAAKF,EAAM,OAAO;CACtC,OAAOrB,EAAMsB,CAAE,MAAMtB,EAAMuB,CAAE,IAAI,CAACD,CAAE,IAAI,CAACA,GAAIC,CAAE;AACjD;AAIA,SAASC,EAAU,GAAqB;CACtC,IAAIC,aAAa,MAAM,OAAO,OAAO,MAAMA,EAAE,QAAQ,CAAC,IAAI,MAAM,KAAK,IAAIA,EAAE,YAAY,GAAGA,EAAE,SAAS,GAAGA,EAAE,QAAQ,CAAC,IAAI;CACvH,IAAMC,IAAI,2BAA2B,KAAKD,CAAC;CAC3C,OAAOC,IAAI,KAAK,IAAI,OAAOA,EAAE,EAAE,GAAG,OAAOA,EAAE,EAAE,IAAI,GAAG,OAAOA,EAAE,EAAE,CAAC,IAAI,QAAa;AACnF;AACA,IAAMC,KAAa,uBAAc,IAAI,KAAKR,IAAI,KAAU,EAAA,CAAE,eAAe;AAEzE,SAAgBS,EAAW,GAAsC;CAC/D,IAAMC,IAAOC,EAAM,IAAIN,CAAS,GAC1B5E,IAAgB,CAAC;CAKvB,OAJAiF,EAAK,SAAS,GAAG,MAAM;EACrB,IAAME,IAAOzF,IAAI,IAAIuF,EAAKvF,IAAI,KAAMuF,EAAK,SAAS,IAAI,IAAIJ,IAAII,EAAK,KAAM;EACzE,AAAI,OAAO,SAASJ,CAAC,KAAK,OAAO,SAASM,CAAI,KAAKJ,EAAUF,CAAC,MAAME,EAAUI,CAAI,KAAGnF,EAAI,KAAKN,CAAC;CACjG,CAAC,GACMM;AACT;AAEA,IAAMoF,IAAO;AAEb,SAAgBC,EAAW,GAAuB;CAChD,IAAIC,IAAK;CACT,KAAK,IAAMC,KAAMnC,GAAO,KAAMgC,EAAK,KAAKG,CAAE,IAAI,IAAI,UAAU,KAAKA,CAAE,IAAI,KAAM,UAAU,KAAKA,CAAE,IAAI,KAAM,UAAU,KAAKA,CAAE,IAAI,MAAO,KAAK,KAAKA,CAAE,IAAI,KAAM;CAC1J,OAAOD,IAAKE,EAAK,MAAM;AACzB;AAEA,IAAMC,IAAY;AAElB,SAAgBC,EACd,GACA,GACiF;CACjF,IAAMC,IAAStG,EAAM,KAAK,MAAM;EAC9B,IAAMuG,IAAQP,EAAW5D,EAAE,KAAK,GAC1BoE,IAAqCpE,EAAE,KAAKmE,IAAQ,IAAI,IAAI,UAAUnE,EAAE,KAAKmE,IAAQ,IAAIE,IAAQ,QAAQ,UACzGC,IAAIF,MAAW,UAAU,KAAK,IAAIpE,EAAE,IAAI,CAAC,IAAIA,EAAE,IAC/CuE,IAAOH,MAAW,UAAUE,IAAIF,MAAW,QAAQE,IAAIH,IAAQG,IAAIH,IAAQ;EACjF,OAAO;GAAE,KAAKnE,EAAE;GAAK;GAAG;GAAQ,OAAOA,EAAE;GAAO;GAAM,OAAOuE,IAAOJ;EAAM;CAC5E,CAAC,GACKK,KAAS,GAAkC,MAAoC,CAACC,KAAK,CAACC,KAAKD,EAAE,QAAQT,KAAaU,EAAE;CAE1H,AADIR,EAAO,SAAS,KAAK,CAACM,EAAMN,EAAO,IAAIA,EAAO,EAAE,KAAGA,EAAO,OAAO,GAAG,CAAC,GACrEA,EAAO,SAAS,KAAK,CAACM,EAAMN,EAAOA,EAAO,SAAS,IAAIA,EAAOA,EAAO,SAAS,EAAE,KAAGA,EAAO,OAAOA,EAAO,SAAS,GAAG,CAAC;CACzH,IAAMS,IAAsB,CAAC;CAC7B,KAAK,IAAMC,KAAKV,GAAQ,AAAIM,EAAMG,EAAKA,EAAK,SAAS,IAAIC,CAAC,KAAGD,EAAK,KAAKC,CAAC;CACxE,OAAOD,EAAK,KAAK,EAAE,QAAK,MAAG,WAAQ,gBAAa;EAAE;EAAK;EAAG;EAAQ;CAAM,EAAE;AAC5E;AAEA,SAAgBE,EACd,GACA,GACA,IAAwC;CAAE,OAAO;CAAU,KAAK;AAAS,GACzE,GACU;CACV,IAAM/B,IAAIgC,EAAO;CACjB,IAAIhC,MAAM,GAAG,OAAO,CAAC;CACrB,IAAMiC,KAAQ,MAAcnB,EAAWkB,EAAO7G,EAAG,IAAI,KAAK,KAAK,IAAI+G,EAAM,QAAQ/G,IAAIiD,GAAM8D,EAAM,OAAOlC,IAAI,IAAI7E,KAAKiD,CAAI,IAAI,MACvH+D,IAAO,KAAK,IAAI,IAAI,KAAK,IAAI,GAAGH,EAAO,IAAIlB,CAAU,CAAC,IAAI,EAAE,GAC5DsB,IAAQhE,IAAO,IAAI,KAAK,IAAI,GAAG,KAAK,KAAK+D,IAAO/D,IAAO,IAAI,CAAC,IAAI4B,GAChEqC,IAAS1B,KAASA,EAAM,WAAWX,IAAIS,EAAWE,CAAK,IAAI,CAAC,GAC9D2B,IAASF;CACb,KAAK,IAAIhH,IAAIgH,GAAOA,IAAQ,KAAKhH,KAAKgH,IAAQ,GAAG,KAC/C,IAAIC,EAAO,OAAO,OAAOlH,IAAIkH,EAAO,MAAOjH,MAAM,CAAC,GAAG;EACnD,IAASA;EACT;CACF;CAEF,IAAMmH,KAAS,MAAc;EAC3BF,EAAO,QAAQ,MAAMlH,IAAImH,MAAWE,KAAKP,EAAK9G,CAAC,CAAC,CAAC,CAAC;GACjD6E,IAAI,KAAKsC,MAAWE,KAAKP,EAAKjC,IAAI,CAAC,IAAI,IAAI;EAC5CwC,MAAM,KAAKP,EAAK,CAAC,IAAI,IAAI;EACzBjC,IAAI,KAAMA,IAAI,IAAIwC,KAAKF;CACzB,GACIG,IAAO;CACX,KAAK,IAAID,IAAI,GAAGA,IAAI,KAAK,IAAIF,GAAQtC,CAAC,GAAG,KAAK;EAC5C,IAAM2B,IAAIY,EAAMC,CAAC,GACXZ,IAAIW,EAAME,CAAI,GACd7G,IAAI+F,EAAE,WAAW,GAAG,MAAMpE,MAAMqE,EAAEpC,EAAE;EAC1C,AAAI5D,KAAK,KAAK+F,EAAE/F,KAAMgG,EAAEhG,OAAK,IAAO4G;CACtC;CACA,IAAM/G,IAAgB,CAAC;CACvB,KAAK,IAAIN,IAAIsH,GAAMtH,IAAI6E,GAAG,KAAKsC,GAAQ,AAAIL,EAAK9G,CAAC,KAAGM,EAAI,KAAKN,CAAC;CAC9D,OAAOM;AACT;AAEA,SAAgBiH,EAAO,EACrB,UACA,WACA,aACA,YACA,WAAQ,YAOP;CACD,IAAMxF,IAAI1C,EAAU;CACpB,OACE,kBAAC,MAAD;EAAI,WAAU;EAAoC,cAAY0C,EAAE,qBAAqB,QAAQ;EAC1F,UAAAyF,EAAM,KAAK,MAAO;GACjB,IAAMhD,IAAMiD,GAAQ,IAAIC,EAAG,EAAE;GAE7B,OACE,kBAAC,MAAD,EAAA,UACE,kBAHSC,IAAW,WAAW,QAG/B;IACE,GAAKA,IAAW;KAAE,MAAM;KAAmB,gBAAgB,CAACnD;KAAK,eAAemD,EAASD,EAAG,EAAE;IAAE,IAAI,CAAC;IACrG,oBAAoBE,IAAUF,EAAG,EAAE;IACnC,oBAAoBE,IAAU,IAAI;IAClC,eAAeA,IAAUF,EAAG,EAAE;IAC9B,cAAcE,IAAU,IAAI;IAC5B,WAAWxI,EACT,oGACAuI,KAAY,iEACZnD,IAAM,qBAAqB,SAC7B;IAVF,UAAA;KAYE,kBAACF,GAAD;MAAQ,OAAOoD,EAAG;MAAc;MAAY;KAAM,CAAA;KACjDA,EAAG;KACHA,EAAG,UAAU,KAAA,KAAa,kBAAC,QAAD;MAAM,WAAU;MAA6B,UAAAA,EAAG;KAAY,CAAA;IACnF;GACJ,CAAA,EAAA,GAjBKA,EAAG,EAiBR;EAER,CAAC;CACC,CAAA;AAER;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAUhE,SAAgBG,EAAa,EAC3B,MACA,WAAQxB,GACR,MACA,UACA,YACA,SACA,cASC;CACD,IAAM9E,IAAKuG,EAA8B,IAAI,GACvC,CAACC,GAAKC,KAAUvG,EAAS,CAAC;CAChC,QAAsB;EACpB,IAAMwG,IAAI1G,EAAG,SAAS,eAAe;EACrC,AAAI0G,MAAMF,KAAKC,EAAOC,CAAC;CACzB,GAAG;EAACF;EAAKG;EAASC;EAAMC;CAAO,CAAC;CAChC,IAAMC,IAAOhC,IAAIH,IAAQ,GACnBoC,IAASD,IAAOE,IAAQ,KAAKR,IAAM1B,IAAI,IACvCC,IAAOyB,IAAM,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAIO,GAAQpC,IAAQ6B,CAAG,CAAC,CAAC,IAAI,KAAA;CAC5E,OACE,kBAAC,OAAD;EACE,KAAKxG;EACL,MAAK;EACL,eAAA;EACA,WAAWnC,EACT,sIACAgJ,KAAWL,IAAM,gBAAgB,WACnC;EACA,OAAO;GACL,GAAIzB,MAAS,KAAA,IAAuB+B,IAAO,EAAE,OAAO,KAAK,MAAMnC,IAAQqC,IAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,KAAK,MAAMlC,IAAI,EAAE,EAAE,IAAzF,EAAE,QAAK;GAChC,KAAK,KAAK,MAAM,KAAK,IAAI,GAAGmC,IAAI,EAAE,CAAC;EACrC;EAXF,UAAA,CAaE,kBAAC,OAAD;GAAK,WAAU;GAAiD,UAAAN;EAAa,CAAA,GAC7E,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAAC,EAAK,KAAK,MACT,kBAAC,OAAD;IAAgB,WAAU;IAA1B,UAAA;KACE,kBAAC7D,GAAD,EAAQ,OAAOF,EAAE,MAAQ,CAAA;KACzB,kBAAC,QAAD;MAAM,WAAU;MAAmD,UAAAA,EAAE;KAAY,CAAA;KACjF,kBAAC,QAAD;MAAM,WAAU;MAA+B,UAAAA,EAAE;KAAY,CAAA;KAC5DA,EAAE,UAAU,KAAA,KAAa,kBAAC,QAAD;MAAM,WAAU;MAA4C,UAAAA,EAAE;KAAY,CAAA;IACjG;GALK,GAAAA,EAAE,EAKP,CACN;EACE,CAAA,CACF;;AAET;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc;AAEtE,IAAa0B,IAAO;CAClB,MAAM;EAAE,QAAQ;EAAiB,iBAAiB;EAAO,aAAa;CAAE;CACxE,UAAU;EAAE,QAAQ;EAAwB,aAAa;CAAE;CAC3D,OAAO;EAAE,MAAM;EAA0B,UAAU;EAAI,YAAY;EAAK,OAAO,EAAE,oBAAoB,eAAwB;CAAE;AACjI,GAEa2C,IAAwB,EACnC,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EACrC,GACaC,IAAgC,EAAE,QAAQ,UAAU;AAEjE,SAAgBC,EACd,GACA,GACA,GACA,EAAE,cAAW,IAAO,WAAQ7D,IAAQ,MAAsE,CAAC,GAChF;CAC3B,IAAIA,KAAS,GAAG;CAChB,IAAM8D,IAAOC,IAAW,YAAY,aAC9BC,IAAUD,IAAW,cAAc;CACzC,IAAItG,MAAQqG,GAAM,OAAOG,MAAU,OAAOhG,IAAQ,KAAK,IAAI,GAAGgG,IAAQ,CAAC;CACvE,IAAIxG,MAAQuG,GAAS,OAAOC,MAAU,OAAOhG,IAAQ,KAAK,IAAI+B,IAAQ,GAAGiE,IAAQ,CAAC;CAClF,IAAIxG,MAAQ,QAAQ,OAAO;CAC3B,IAAIA,MAAQ,OAAO,OAAOuC,IAAQ;CAClC,IAAIvC,MAAQ,UAAU,OAAOwG,MAAU,OAAO,KAAA,IAAY;AAE5D;AAEA,SAAgBC,EAAa,GAAe,IAA0E,CAAC,GAAG;CACxH,IAAM,CAACD,GAAOE,KAAYxH,EAAwB,IAAI,GAChDsB,IAAQmG,EAAQ,SAASpE,IAAQ;CAoBvC,OAAO;EAAE,OAAOiE,MAAU,QAAQA,IAAQjE,IAAQiE,IAAQ;EAAM,OAAA;GAlB9D,UAAUjE,IAAQ,IAAI,IAAI;GAC1B,UAAU,MAAqC;IAC7C,IAAI,EAAE,WAAW,EAAE,eAAe;IAClC,IAAIqE,IAAW;IACf,IAAI;KACF,IAAW,EAAE,cAAc,QAAQ,gBAAgB;IACrD,QAAQ,CAAC;IACT,AAAIA,KAAY,CAAC,SAAS,gBAAgB,aAAa,gBAAgB,KAAGF,EAAS,KAAK,IAAI,GAAGlG,CAAK,CAAC;GACvG;GACA,cAAckG,EAAS,IAAI;GAC3B,YAAY,MAAwC;IAClD,IAAMG,IAAOT,EAAcU,EAAE,KAAKN,GAAOjE,GAAO;KAAE,UAAU,CAAC,CAACoE,EAAQ;KAAU;IAAM,CAAC;IACvF,AAAIE,MAAS,KAAA,MACbC,EAAE,eAAe,GACbD,MAAS,QAAMC,EAAE,gBAAgB,GACrCJ,EAASG,CAAI;GACf;EAE8D;CAAM;AACxE;AAEA,SAAgBE,EAAU,EAAE,eAAkD;CAC5E,OACE,kBAAC,OAAD;EAAK,WAAU;EAAU,aAAU;EAAS,eAAA;EACzC;CACE,CAAA;AAET;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAU,cAAc;AAEnE,IAAaC,MAAY,GAAoB,GAAgD,IAAYnI,MACvGW,EAAE,kBAAkB,uBAAuB;CACzC,SAAS,OAAOmG,CAAO;CACvB,QAAQC,EAAK,KAAK,MAAMpG,EAAE,mBAAmB,mBAAmB;EAAE,OAAO,OAAOqC,EAAE,KAAK;EAAG,OAAO,OAAOA,EAAE,KAAK;CAAE,CAAC,CAAC,CAAC,CAAC,KAAKrC,EAAE,uBAAuB,IAAI,CAAC;AAC1J,CAAC"}