@proyecto-viviana/ui 0.5.0 → 0.6.1

package/dist/_chunk/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../src/tabs/TabsPicker.tsx","../../src/tabs/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  Show,\n  splitProps,\n  useContext,\n  type JSX,\n} from \"solid-js\";\nimport {\n  Popover as HeadlessPopover,\n  Select as HeadlessSelect,\n  SelectContext as HeadlessSelectContext,\n  SelectListBox as HeadlessSelectListBox,\n  SelectOption as HeadlessSelectOption,\n  SelectTrigger as HeadlessSelectTrigger,\n  SelectValue as HeadlessSelectValue,\n  type SelectOptionProps as HeadlessSelectOptionProps,\n  type SelectOptionRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport {\n  baseColor,\n  focusRing,\n  lightDark,\n  setColorScheme,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { edgeToText } from \"../style/spectrum-theme\" with { type: \"macro\" };\nimport { controlFont, fieldInput } from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport CheckmarkIcon from \"../icon/ui-icons/Checkmark\";\nimport ChevronIcon from \"../icon/ui-icons/Chevron\";\nimport {\n  menuItem,\n  menuItemCheckmark,\n  menuItemIcon,\n  menuItemIconCenterWrapper,\n  menuItemLabel,\n} from \"../menu/s2-menu-styles\";\nimport { useTheme } from \"../provider\";\nimport { TextContext } from \"../text\";\nimport type { TabsDensity, TabsLabelBehavior } from \"./index\";\n\nexport interface TabsPickerItem {\n  id: Key;\n  textValue: string;\n  label: JSX.Element;\n  isDisabled?: boolean;\n}\n\nexport interface TabsPickerProps {\n  id: string;\n  valueId: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n  \"aria-details\"?: string;\n  density: TabsDensity;\n  labelBehavior: TabsLabelBehavior;\n  items: TabsPickerItem[];\n  disabledKeys?: Iterable<Key>;\n  selectedKey?: Key | null;\n  isDisabled?: boolean;\n  onSelectionChange?: (key: Key | null) => void;\n}\n\ninterface TabsPickerStyleState {\n  density: TabsDensity;\n  labelBehavior?: TabsLabelBehavior;\n  isDisabled?: boolean;\n  isOpen?: boolean;\n  isFocusVisible?: boolean;\n  colorScheme?: \"light\" | \"dark\" | \"light dark\";\n  placement?: string;\n}\n\nconst tabsPickerRoot = style({\n  display: \"contents\",\n});\n\nconst tabsPickerButton = style<TabsPickerStyleState>({\n  ...focusRing(),\n  ...fieldInput(),\n  outlineStyle: {\n    default: \"none\",\n    isFocusVisible: \"solid\",\n  },\n  position: \"relative\",\n  font: \"ui\",\n  display: \"flex\",\n  textAlign: \"start\",\n  borderStyle: \"none\",\n  borderRadius: \"sm\",\n  alignItems: \"center\",\n  transition: \"default\",\n  columnGap: \"text-to-visual\",\n  paddingX: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n  },\n  maxWidth: \"max\",\n  disableTapHighlight: true,\n  height: {\n    default: 48,\n    density: {\n      compact: 32,\n    },\n  },\n  boxSizing: \"border-box\",\n});\n\nconst tabsPickerValue = style({\n  flexGrow: 0,\n  truncate: true,\n  display: \"flex\",\n  alignItems: \"center\",\n  height: \"full\",\n});\n\nconst tabsPickerValueText = style<TabsPickerStyleState>({\n  display: {\n    default: \"block\",\n    labelBehavior: {\n      hide: \"none\",\n    },\n  },\n  flexGrow: 1,\n  truncate: true,\n});\n\nconst tabsPickerChevron = style({\n  flexShrink: 0,\n  rotate: 90,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst tabsPickerMenu = style({\n  outlineStyle: \"none\",\n  display: \"grid\",\n  gridTemplateColumns: [\n    edgeToText(32),\n    \"auto\",\n    \"auto\",\n    \"minmax(0, 1fr)\",\n    \"auto\",\n    \"auto\",\n    \"auto\",\n    edgeToText(32),\n  ],\n  boxSizing: \"border-box\",\n  width: \"full\",\n  maxHeight: \"[inherit]\",\n  overflow: \"auto\",\n  padding: 8,\n  fontFamily: \"sans\",\n  fontSize: controlFont(),\n  margin: 0,\n  listStyleType: \"none\",\n});\n\nconst tabsPickerPopover = style<TabsPickerStyleState>({\n  ...setColorScheme(),\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      default: \"layer-2\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  // Glasselated: frost the scene behind the surface — the container bg is the\n  // translucent `--surface-card`; the blur is what makes it read as glass.\n  backdropFilter: \"var(--blur-card)\",\n  boxShadow: \"elevated\",\n  borderRadius: \"panel\",\n  display: \"flex\",\n  padding: 0,\n  minHeight: 0,\n  overflow: \"visible\",\n  boxSizing: \"border-box\",\n  isolation: \"isolate\",\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: {\n    default: lightDark(\"transparent-white-25\", \"gray-200\"),\n    forcedColors: \"ButtonBorder\",\n  },\n});\n\nconst tabsPickerFrame = style({\n  display: \"flex\",\n  width: \"full\",\n  height: \"full\",\n});\n\nconst tabsPickerLine = style<{ isDisabled?: boolean }>({\n  backgroundColor: {\n    default: \"neutral\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  height: \"[2px]\",\n  borderStyle: \"none\",\n  borderRadius: \"full\",\n  marginTop: \"[-2px]\",\n  transitionDuration: 130,\n  transitionTimingFunction: \"in-out\",\n});\n\nconst tabsPickerIconCenterWrapper = style<TabsPickerStyleState>({\n  display: \"flex\",\n  gridArea: \"icon\",\n  paddingStart: {\n    labelBehavior: {\n      hide: \"[6px]\",\n    },\n  },\n});\n\nfunction selectedText(item: TabsPickerItem | undefined) {\n  return item?.textValue ?? \"\";\n}\n\nfunction TabsPickerPopover(props: { children: JSX.Element }) {\n  const theme = useTheme();\n  const selectContext = useContext(HeadlessSelectContext) as {\n    state?: { close?: () => void };\n    isOpen?: () => boolean;\n    triggerRef?: () => HTMLElement | null;\n    rootRef?: () => HTMLElement | null;\n  } | null;\n  const triggerRef = () =>\n    selectContext?.triggerRef?.() ??\n    selectContext?.rootRef?.()?.querySelector<HTMLElement>(\"button[aria-haspopup='listbox']\") ??\n    null;\n  const [triggerWidth, setTriggerWidth] = createSignal<string | undefined>();\n\n  const updateTriggerWidth = () => {\n    const trigger = triggerRef();\n    setTriggerWidth(trigger ? `${trigger.getBoundingClientRect().width}px` : undefined);\n  };\n\n  createEffect(() => {\n    const trigger = triggerRef();\n    if (!trigger) {\n      setTriggerWidth(undefined);\n      return;\n    }\n\n    updateTriggerWidth();\n    if (typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const observer = new ResizeObserver(updateTriggerWidth);\n    observer.observe(trigger);\n    onCleanup(() => observer.disconnect());\n  });\n\n  const width = () => (triggerWidth() ? `calc(${triggerWidth()} - 24px)` : undefined);\n\n  return (\n    <HeadlessPopover\n      trigger=\"Select\"\n      triggerRef={triggerRef}\n      isOpen={selectContext?.isOpen?.() ?? false}\n      onOpenChange={(open) => {\n        if (!open) {\n          selectContext?.state?.close?.();\n        }\n      }}\n      placement=\"bottom start\"\n      offset={6}\n      crossOffset={-12}\n      shouldFlip\n      autoFocus={false}\n      class={(renderProps) =>\n        tabsPickerPopover({\n          ...renderProps,\n          colorScheme: theme.colorScheme,\n          isArrowShown: false,\n          isSubmenu: false,\n        })\n      }\n      style={() => ({\n        minWidth: \"192px\",\n        width: width(),\n      })}\n    >\n      <div class={tabsPickerFrame}>{props.children}</div>\n    </HeadlessPopover>\n  );\n}\n\nfunction TabsPickerOption(props: HeadlessSelectOptionProps<TabsPickerItem>): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\"children\"]);\n  const iconContextValue = {\n    slot: \"icon\",\n    render: centerBaseline({ slot: \"icon\", styles: tabsPickerIconCenterWrapper({}) }),\n    styles: menuItemIcon,\n  };\n  const textContextValue = {\n    styles: menuItemLabel({ size: \"M\" }),\n    \"data-rsp-slot\": \"text\",\n  };\n  const optionClass = (renderProps: SelectOptionRenderProps) =>\n    menuItem({\n      ...renderProps,\n      size: \"M\",\n      isLink: false,\n    });\n\n  return (\n    <HeadlessSelectOption {...headlessProps} class={optionClass}>\n      {(renderProps) => (\n        <IconContext.Provider value={iconContextValue}>\n          <TextContext.Provider value={textContextValue}>\n            <CheckmarkIcon\n              size=\"M\"\n              // Apply via `class` (raw), not `styles`: the icon `styles` path\n              // filters through `iconAllowedOverrides`, which omits `visibility`\n              // and would strip the checkmark's `visibility` toggle, leaving it\n              // visible on every item. Matches the sibling Menu usage and\n              // upstream S2 `className`.\n              class={menuItemCheckmark({\n                isSelected: renderProps.isSelected,\n                isDisabled: renderProps.isDisabled,\n              })}\n              aria-hidden=\"true\"\n            />\n            <Show\n              when={typeof local.children === \"string\" || typeof local.children === \"number\"}\n              fallback={local.children}\n            >\n              <span class={menuItemLabel({ size: \"M\" })} data-rsp-slot=\"text\">\n                {local.children}\n              </span>\n            </Show>\n          </TextContext.Provider>\n        </IconContext.Provider>\n      )}\n    </HeadlessSelectOption>\n  );\n}\n\nexport function TabsPicker(props: TabsPickerProps): JSX.Element {\n  const disabledKeys = createMemo(() => {\n    const result = new Set<Key>(props.disabledKeys ?? []);\n    for (const item of props.items) {\n      if (item.isDisabled) {\n        result.add(item.id);\n      }\n    }\n    return result;\n  });\n  const selectedItem = createMemo(() => props.items.find((item) => item.id === props.selectedKey));\n  const labelledBy = () =>\n    [props.labelBehavior === \"hide\" ? props.valueId : undefined, props[\"aria-labelledby\"]]\n      .filter(Boolean)\n      .join(\" \") || undefined;\n\n  return (\n    <div>\n      <HeadlessSelect\n        id={props.id}\n        items={props.items}\n        getKey={(item) => item.id}\n        getTextValue={(item) => item.textValue}\n        getDisabled={(item) => item.isDisabled ?? false}\n        disabledKeys={disabledKeys()}\n        selectedKey={props.selectedKey ?? null}\n        onSelectionChange={props.onSelectionChange}\n        isDisabled={props.isDisabled}\n        aria-label={props[\"aria-label\"]}\n        aria-labelledby={labelledBy()}\n        aria-describedby={props[\"aria-describedby\"]}\n        aria-details={props[\"aria-details\"]}\n        class={tabsPickerRoot}\n      >\n        {() => (\n          <>\n            <HeadlessSelectTrigger\n              class={(triggerProps) =>\n                tabsPickerButton({\n                  ...triggerProps,\n                  density: props.density,\n                  isOpen: triggerProps.isOpen,\n                })\n              }\n            >\n              {(triggerProps) => (\n                <>\n                  <HeadlessSelectValue class={tabsPickerValue}>\n                    {() => (\n                      <span\n                        class={tabsPickerValueText({ labelBehavior: props.labelBehavior })}\n                        data-rsp-slot=\"text\"\n                      >\n                        {selectedText(selectedItem())}\n                      </span>\n                    )}\n                  </HeadlessSelectValue>\n                  <ChevronIcon\n                    size=\"M\"\n                    styles={tabsPickerChevron}\n                    aria-hidden=\"true\"\n                    data-open={triggerProps.isOpen ? \"true\" : undefined}\n                  />\n                </>\n              )}\n            </HeadlessSelectTrigger>\n            <TabsPickerPopover>\n              <HeadlessSelectListBox isInPopover class={tabsPickerMenu}>\n                {(item: TabsPickerItem) => (\n                  <TabsPickerOption id={item.id} item={item} textValue={item.textValue}>\n                    {item.label}\n                  </TabsPickerOption>\n                )}\n              </HeadlessSelectListBox>\n            </TabsPickerPopover>\n          </>\n        )}\n      </HeadlessSelect>\n      <div class={tabsPickerLine({ isDisabled: props.isDisabled })} />\n    </div>\n  );\n}\n","import {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  For,\n  mergeProps,\n  onCleanup,\n  Show,\n  splitProps,\n  useContext,\n  type JSX,\n} from \"solid-js\";\nimport {\n  createFocusRing,\n  createTabPanel,\n  type AriaTabPanelProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  SelectionIndicator,\n  Tab as HeadlessTab,\n  TabList as HeadlessTabList,\n  TabPanels as HeadlessTabPanels,\n  Tabs as HeadlessTabs,\n  TabsStateContext as HeadlessTabsStateContext,\n  type TabListProps as HeadlessTabListProps,\n  type TabListRenderProps,\n  type TabPanelProps as HeadlessTabPanelProps,\n  type TabPanelRenderProps,\n  type TabPanelsProps as HeadlessTabPanelsProps,\n  type TabProps as HeadlessTabProps,\n  type TabRenderProps,\n  type TabsProps as HeadlessTabsProps,\n  type TabsRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type {\n  CollectionNode,\n  Key,\n  KeyboardActivation,\n  TabListState,\n  TabOrientation,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport { useProviderProps } from \"../provider\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { TextContext } from \"../text\";\nimport { NotificationBadgeContext } from \"../notificationbadge\";\nimport { TabsPicker, type TabsPickerItem } from \"./TabsPicker\";\n\nexport type TabsDensity = \"compact\" | \"regular\";\nexport type TabsLabelBehavior = \"show\" | \"hide\";\n/* Glasselated: the register draws two tab forms (TerminalGlassLab.tsx:568-609) —\n * the default line strip, and the mobile tab bar: a 999px glass pill\n * (`--surface-panel` under `--blur-panel`, `--edge-glass` rim) whose slots stack\n * a pixel icon over a micro label, spread space-around. `pill` is that form; it\n * is horizontal-only and never collapses into the overflow picker (it IS the\n * small-screen form). */\nexport type TabsVariant = \"line\" | \"pill\";\n\nexport interface TabsProps<T> extends Omit<\n  HeadlessTabsProps<T>,\n  \"children\" | \"class\" | \"style\" | \"slot\" | \"ref\"\n> {\n  /** The tabs and panels to render. */\n  children?: JSX.Element;\n  /** Compact reduces tab height and inter-item spacing. */\n  density?: TabsDensity;\n  /** Whether text labels are visually shown. */\n  labelBehavior?: TabsLabelBehavior;\n  /**\n   * Visual form of the tab strip. `line` is the default underlined strip;\n   * `pill` is the register's glass tab bar — stacked icon-over-label slots in a\n   * full-radius glass capsule. `pill` is horizontal-only and never collapses\n   * into the overflow picker.\n   */\n  variant?: TabsVariant;\n  /** Accessible label for the tab list. Required when aria-labelledby is not provided. */\n  \"aria-label\"?: string;\n  /** Id of the element labeling the tab list. Required when aria-label is not provided. */\n  \"aria-labelledby\"?: string;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the root tabs element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface TabListProps<T> extends Omit<\n  HeadlessTabListProps<T>,\n  \"children\" | \"class\" | \"style\" | \"slot\"\n> {\n  /** Static tabs or a render function for collection items. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n}\n\nexport interface TabProps extends Omit<HeadlessTabProps, \"children\" | \"class\" | \"style\" | \"slot\"> {\n  /** The tab contents. */\n  children?: JSX.Element | ((renderProps: TabRenderProps) => JSX.Element);\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n}\n\nexport interface TabPanelProps extends Omit<\n  HeadlessTabPanelProps,\n  \"children\" | \"class\" | \"style\" | \"slot\"\n> {\n  /** The panel contents. */\n  children?: JSX.Element | ((renderProps: TabPanelRenderProps) => JSX.Element);\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n}\n\nexport interface TabPanelsProps extends Omit<HeadlessTabPanelsProps, \"class\" | \"style\" | \"slot\"> {\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n}\n\nexport const TabsContext = createContext<SpectrumContextValue<TabsProps<unknown>>>(null);\n\ninterface InternalTabsContextValue {\n  readonly density: TabsDensity;\n  readonly labelBehavior: TabsLabelBehavior;\n  readonly orientation: TabOrientation;\n  readonly variant: TabsVariant;\n  readonly ariaLabel: string | undefined;\n  readonly ariaLabelledBy: string | undefined;\n  readonly showTabs: () => boolean;\n  readonly setShowTabs: (value: boolean) => void;\n  readonly menuId: string;\n  readonly menuButtonId: string;\n  readonly menuValueId: string;\n}\n\nconst InternalTabsContext = createContext<InternalTabsContextValue>({\n  density: \"regular\",\n  labelBehavior: \"show\",\n  orientation: \"horizontal\",\n  variant: \"line\",\n  ariaLabel: undefined,\n  ariaLabelledBy: undefined,\n  showTabs: () => true,\n  setShowTabs: () => undefined,\n  menuId: \"\",\n  menuButtonId: \"\",\n  menuValueId: \"\",\n});\n\ninterface TabsStyleState {\n  orientation: TabOrientation;\n  density: TabsDensity;\n  variant?: TabsVariant;\n  isDisabled?: boolean;\n  isLabelHidden?: boolean;\n  isSelected?: boolean;\n  isInert?: boolean;\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isFocusVisible?: boolean;\n}\n\ninterface TabCollectionItem {\n  key: Key;\n  textValue: string;\n  isDisabled?: boolean;\n}\n\nconst tabsRoot = style<TabsStyleState>({\n  position: \"relative\",\n  display: \"flex\",\n  flexShrink: 0,\n  flexDirection: {\n    orientation: {\n      horizontal: \"column\",\n      vertical: \"row\",\n    },\n  },\n  font: \"ui\",\n  /* Glasselated: tabs are navigation, and every nav row the handoff draws is mono\n   * (TerminalGlassLab.tsx:598). `font: \"ui\"` above still owns the size ramp; this\n   * only repoints the family, which is why it comes after. */\n  fontFamily: \"code\",\n});\n\nconst tabList = style<TabsStyleState>({\n  display: \"flex\",\n  flexDirection: {\n    orientation: {\n      horizontal: \"row\",\n      vertical: \"column\",\n    },\n  },\n  flexShrink: 0,\n  gap: {\n    variant: {\n      line: {\n        orientation: {\n          horizontal: {\n            isLabelHidden: {\n              density: {\n                compact: 16,\n                regular: 24,\n              },\n            },\n            density: {\n              compact: 24,\n              regular: 32,\n            },\n          },\n          /* Glasselated: the rail spaces its rows a fixed 6px apart\n           * (TerminalGlassLab.tsx:521). */\n          vertical: \"[6px]\",\n        },\n      },\n      /* Pill slots are spread by space-around alone; any gap minimum would\n       * overflow a width-capped bar. */\n      pill: 0,\n    },\n  },\n  marginEnd: {\n    orientation: {\n      vertical: 20,\n    },\n  },\n  minWidth: \"min\",\n  /* Glasselated pill form: the register's mobile tab bar — slots spread\n   * space-around inside a full-radius glass capsule (`--surface-panel` under\n   * `--blur-panel`, hairline border, `--edge-glass` rim;\n   * TerminalGlassLab.tsx:568-577). */\n  justifyContent: {\n    variant: {\n      pill: \"space-around\",\n    },\n  },\n  backgroundColor: {\n    variant: {\n      pill: \"layer-1\",\n    },\n  },\n  backdropFilter: {\n    variant: {\n      pill: \"var(--blur-panel)\",\n    },\n  },\n  borderWidth: {\n    variant: {\n      pill: 1,\n    },\n  },\n  borderStyle: {\n    variant: {\n      pill: \"solid\",\n    },\n  },\n  borderColor: {\n    variant: {\n      pill: \"border-subtle\",\n    },\n  },\n  borderRadius: {\n    variant: {\n      pill: \"full\",\n    },\n  },\n  boxShadow: {\n    variant: {\n      /* The capsule is glass over the page, so it takes the softened surface rim —\n       * the control rim would ring the whole bar in white on a dark backdrop. */\n      pill: \"edge-glass-surface\",\n    },\n  },\n  paddingY: {\n    variant: {\n      pill: \"[8px]\",\n    },\n  },\n  paddingX: {\n    variant: {\n      pill: \"[10px]\",\n    },\n  },\n});\n\nconst tabListWrapper = style({\n  position: \"relative\",\n  minWidth: 0,\n  flexShrink: 0,\n  flexGrow: 0,\n});\n\nconst hiddenTabListFrame = style({\n  position: \"absolute\",\n  top: 0,\n  insetStart: 0,\n  width: \"max\",\n  visibility: \"hidden\",\n  overflow: \"visible\",\n  opacity: 0,\n  pointerEvents: \"none\",\n});\n\nconst hiddenTabList = style({\n  visibility: \"hidden\",\n  overflow: \"visible\",\n  opacity: 0,\n});\n\nconst tabsOverflowGateStyles = (scopeId: string) => `\n.solidaria-Tabs[data-tabs-overflow-scope=\"${scopeId}\"][data-tabs-overflow-state=\"menu\"]\n  [data-tabs-overflow-owner=\"${scopeId}\"] > .solidaria-Tabs-overflowTabList {\n  display: none !important;\n}\n\n.solidaria-Tabs[data-tabs-overflow-scope=\"${scopeId}\"][data-tabs-overflow-state=\"tabs\"]\n  [data-tabs-overflow-owner=\"${scopeId}\"] > .solidaria-Tabs-overflowMenu {\n  display: none !important;\n}\n`;\n\nconst tabsOverflowTabListClass = \"solidaria-Tabs-overflowTabList\";\nconst tabsOverflowMenuClass = \"solidaria-Tabs-overflowMenu\";\n\nconst tabsMenuWrapper = style<TabsStyleState>({\n  display: \"flex\",\n  flexShrink: 0,\n  alignItems: \"center\",\n  height: {\n    density: {\n      compact: 32,\n      regular: 48,\n    },\n  },\n});\n\nconst tab = style<TabsStyleState>({\n  ...focusRing(),\n  position: \"relative\",\n  display: \"flex\",\n  alignItems: \"center\",\n  /* Glasselated pill slots stack a pixel icon over a micro label\n   * (TerminalGlassLab.tsx:597-607): column flow, 3px stack gap, 52px slot\n   * floor, natural height inside the capsule's own padding. */\n  flexDirection: {\n    variant: {\n      pill: \"column\",\n    },\n  },\n  justifyContent: {\n    variant: {\n      pill: \"center\",\n    },\n  },\n  minWidth: {\n    variant: {\n      pill: 52,\n    },\n  },\n  height: {\n    orientation: {\n      horizontal: {\n        variant: {\n          line: {\n            density: {\n              compact: 32,\n              regular: 48,\n            },\n          },\n        },\n      },\n    },\n  },\n  /* Glasselated: rail rows sit tight — the handoff draws ~31px rows (7px\n   * vertical padding around a 12px mono label, TerminalGlassLab.tsx:594);\n   * 32px is that look on the interactive-target floor. Density carries no\n   * vertical meaning — the rail is the rail. */\n  minHeight: {\n    orientation: {\n      vertical: 32,\n    },\n  },\n  paddingX: {\n    isLabelHidden: \"[6px]\",\n    orientation: {\n      /* Glasselated rail rows inset 10px (`.tgl-nav` padding,\n       * TerminalGlassLab.tsx:594). */\n      vertical: \"[10px]\",\n    },\n  },\n  borderRadius: \"row\",\n  gap: {\n    default: \"text-to-visual\",\n    variant: {\n      pill: \"[3px]\",\n    },\n  },\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isSelected: baseColor(\"accent\"),\n    isDisabled: \"disabled\",\n    forcedColors: {\n      isSelected: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  cursor: \"default\",\n  textDecoration: \"none\",\n  flexShrink: 0,\n  transition: \"default\",\n  disableTapHighlight: true,\n});\n\nconst tabText = style<TabsStyleState>({\n  order: 1,\n  display: {\n    isLabelHidden: \"none\",\n  },\n  /* Glasselated: pill slots caption their icon in the register's micro role\n   * (mono 10px/700, +0.1em tracking — TerminalGlassLab.tsx:600-607, the same\n   * metrics as typeRoles.micro); rail rows label in mono 12px/600\n   * (`.tgl-label`, glasselated.css:541). The family is already mono via the\n   * root's fontFamily repoint. */\n  fontSize: {\n    variant: {\n      pill: \"[10px]\",\n    },\n    orientation: {\n      vertical: \"[12px]\",\n    },\n  },\n  fontWeight: {\n    variant: {\n      pill: \"bold\",\n    },\n    orientation: {\n      vertical: \"semi-bold\",\n    },\n  },\n  letterSpacing: {\n    variant: {\n      pill: \"0.1em\",\n    },\n  },\n  lineHeight: {\n    variant: {\n      pill: \"[1.2]\",\n    },\n  },\n});\n\nconst tabIndicator = style<TabsStyleState>({\n  position: \"absolute\",\n  pointerEvents: \"none\",\n  backgroundColor: {\n    default: \"accent\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  borderRadius: \"full\",\n  contain: \"strict\",\n  transition: {\n    default: \"[translate,width,height]\",\n    \"@media (prefers-reduced-motion: reduce)\": \"none\",\n  },\n  transitionDuration: 200,\n  transitionTimingFunction: \"out\",\n  bottom: {\n    orientation: {\n      horizontal: 0,\n      vertical: \"auto\",\n    },\n  },\n  top: {\n    orientation: {\n      horizontal: \"auto\",\n      vertical: 0,\n    },\n  },\n  left: {\n    orientation: {\n      horizontal: 0,\n      vertical: -12,\n    },\n  },\n  right: {\n    orientation: {\n      horizontal: 0,\n      vertical: \"auto\",\n    },\n  },\n  width: {\n    orientation: {\n      horizontal: \"full\",\n      vertical: 2,\n    },\n  },\n  height: {\n    orientation: {\n      horizontal: 2,\n      vertical: \"full\",\n    },\n  },\n});\n\n/* Glasselated: vertical tabs render the register's rail rows — each leads with\n * a mono \">\" caret that rests invisible, ghosts in on row hover (0.55) and pins\n * solid on the active row (glasselated.css:441-462). The caret is the rail's\n * selection affordance; the sliding SelectionIndicator is suppressed for\n * vertical strips (and for the pill bar, where color alone marks the slot). */\nconst tabCaret = style<TabsStyleState>({\n  order: 0,\n  flexShrink: 0,\n  width: 14,\n  fontFamily: \"code\",\n  fontSize: \"[12px]\",\n  fontWeight: \"semi-bold\",\n  lineHeight: \"[1.2]\",\n  color: {\n    default: \"accent\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  opacity: {\n    default: 0,\n    isHovered: 0.55,\n    isSelected: 1,\n  },\n  transition: \"default\",\n});\n\n/* Glasselated rail rows park their count pill flush right (`margin-left: auto`\n * on the badge, TerminalGlassLab.tsx:527); order 2 keeps it after icon (0) and\n * label (1) regardless of authoring order. */\nconst tabBadgeStyles = style({\n  order: 2,\n  marginStart: \"auto\",\n});\n\nconst tabPanels = style({\n  minWidth: 0,\n  minHeight: 0,\n});\n\nconst tabPanel = style<TabsStyleState>({\n  ...focusRing(),\n  color: \"gray-800\",\n  minWidth: 0,\n  minHeight: 0,\n  flexGrow: 1,\n  display: {\n    default: \"block\",\n    isInert: \"none\",\n  },\n  marginTop: 4,\n});\n\nconst iconStyles = style({\n  display: \"block\",\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst iconRenderStyles = style({\n  order: 0,\n});\n\nfunction requireTabsLabel(props: { \"aria-label\"?: string; \"aria-labelledby\"?: string }): void {\n  if (!props[\"aria-label\"] && !props[\"aria-labelledby\"]) {\n    throw new Error(\"Tabs requires either an aria-label or aria-labelledby prop.\");\n  }\n}\n\nfunction resolveChildAccessor(value: unknown): JSX.Element {\n  let next = value;\n  while (typeof next === \"function\" && (next as (...args: unknown[]) => unknown).length === 0) {\n    next = (next as () => unknown)();\n  }\n\n  return Array.isArray(next)\n    ? (next.map((child) => resolveChildAccessor(child)) as unknown as JSX.Element)\n    : (next as JSX.Element);\n}\n\n/**\n * Tabs organize related content into sections where one panel is visible at a time.\n */\nexport function Tabs<T>(props: TabsProps<T>): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(useContext(TabsContext), props.slot);\n  const merged = mergeProps(providerProps, contextProps ?? {}, props) as TabsProps<T>;\n  const [local, labelProps, headlessProps] = splitProps(\n    merged,\n    [\n      \"children\",\n      \"density\",\n      \"labelBehavior\",\n      \"variant\",\n      \"styles\",\n      \"UNSAFE_className\",\n      \"UNSAFE_style\",\n      \"class\",\n      \"slot\",\n      \"ref\",\n    ],\n    [\"aria-label\", \"aria-labelledby\"],\n  );\n  const density = () => local.density ?? \"regular\";\n  const labelBehavior = () => local.labelBehavior ?? \"show\";\n  const variant = () => local.variant ?? \"line\";\n  const orientation = () => headlessProps.orientation ?? \"horizontal\";\n  const [showTabs, setShowTabsSignal] = createSignal(true);\n  const menuId = createUniqueId();\n  const menuButtonId = `${menuId}-button`;\n  const menuValueId = `${menuId}-value`;\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const internalContext: InternalTabsContextValue = {\n    get density() {\n      return density();\n    },\n    get labelBehavior() {\n      return labelBehavior();\n    },\n    get orientation() {\n      return orientation();\n    },\n    get variant() {\n      return variant();\n    },\n    get ariaLabel() {\n      return labelProps[\"aria-label\"];\n    },\n    get ariaLabelledBy() {\n      return labelProps[\"aria-labelledby\"];\n    },\n    showTabs,\n    setShowTabs(value) {\n      // The pill bar IS the small-screen form — it never collapses into the menu.\n      setShowTabsSignal(orientation() === \"vertical\" || variant() === \"pill\" ? true : value);\n    },\n    menuId,\n    menuButtonId,\n    menuValueId,\n  };\n  const className = (renderProps: TabsRenderProps) =>\n    [\n      \"solidaria-Tabs\",\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      mergeStyles(\n        tabsRoot({\n          orientation: renderProps.orientation,\n          density: density(),\n          isDisabled: renderProps.isDisabled,\n        }),\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  requireTabsLabel(labelProps);\n  createEffect(() => {\n    if (orientation() === \"vertical\" || variant() === \"pill\") {\n      setShowTabsSignal(true);\n    }\n  });\n\n  return (\n    <InternalTabsContext.Provider value={internalContext}>\n      <HeadlessTabs\n        {...headlessProps}\n        ref={(element) => assignRef(element)}\n        slot={local.slot ?? undefined}\n        class={className}\n        style={mergedUnsafeStyle()}\n        data-density={density()}\n        data-label-behavior={labelBehavior()}\n        data-variant={variant()}\n        data-tabs-overflow-scope={menuId}\n        data-tabs-overflow-state={showTabs() ? \"tabs\" : \"menu\"}\n      >\n        <style>{tabsOverflowGateStyles(menuId)}</style>\n        {local.children}\n      </HeadlessTabs>\n    </InternalTabsContext.Provider>\n  );\n}\n\n/**\n * A TabList contains the tabs for a Tabs group.\n */\nexport function TabList<T>(props: TabListProps<T>): JSX.Element {\n  const context = useContext(InternalTabsContext);\n  const state = useContext(HeadlessTabsStateContext) as TabListState<unknown> | null;\n  let wrapperElement: HTMLDivElement | undefined;\n  const [wrapperRef, setWrapperRef] = createSignal<HTMLDivElement>();\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n  ]);\n  const className =\n    (isHidden = false) =>\n    (renderProps: TabListRenderProps) =>\n      [\n        \"solidaria-TabList\",\n        isHidden ? undefined : tabsOverflowTabListClass,\n        local.UNSAFE_className,\n        local.class,\n        mergeStyles(\n          tabList({\n            orientation: renderProps.orientation,\n            density: context.density,\n            variant: context.variant,\n            isDisabled: renderProps.isDisabled,\n            isLabelHidden: context.labelBehavior === \"hide\",\n          }),\n          isHidden ? hiddenTabList : undefined,\n          local.styles,\n        ),\n      ]\n        .filter(Boolean)\n        .join(\" \");\n  const collectionItems = createMemo<TabCollectionItem[]>(() => {\n    const collection = state?.collection();\n    if (!collection) {\n      return [];\n    }\n\n    return Array.from(collection as Iterable<CollectionNode<unknown>>)\n      .filter((item) => item.type === \"item\")\n      .map((item) => ({\n        key: item.key,\n        textValue: item.textValue ?? String(item.key),\n        isDisabled: item.isDisabled,\n      }));\n  });\n  const [cachedItems, setCachedItems] = createSignal<TabCollectionItem[]>([]);\n  const measuringItems = createMemo<TabCollectionItem[]>(() => {\n    const items = collectionItems();\n    return items.length > 0 ? items : cachedItems();\n  });\n  const pickerItems = createMemo<TabsPickerItem[]>(() =>\n    measuringItems().map((item) => ({\n      id: item.key,\n      textValue: item.textValue,\n      label: item.textValue,\n      isDisabled: Boolean(item.isDisabled || state?.isKeyDisabled(item.key)),\n    })),\n  );\n  const disabledKeys = createMemo(() => {\n    const result = new Set<Key>(state?.disabledKeys() ?? []);\n    for (const item of pickerItems()) {\n      if (item.isDisabled) {\n        result.add(item.id);\n      }\n    }\n\n    return result;\n  });\n  const measurementListClass = () =>\n    [\n      \"solidaria-TabList\",\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        tabList({\n          orientation: context.orientation,\n          density: context.density,\n          variant: context.variant,\n          isDisabled: state?.isDisabled() ?? false,\n          isLabelHidden: context.labelBehavior === \"hide\",\n        }),\n        hiddenTabList,\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  // The hidden measurement copies exist only to size the overflow-collapse\n  // calculation. Upstream's HiddenTabs renders each with `className({size,\n  // density})` (Tabs.tsx HiddenTabs) — i.e. NO isSelected/isDisabled, so the\n  // measurement copy never takes selection/disabled color state. Those variants\n  // affect color only, never width; passing them here makes the measurement copy\n  // of the selected tab flip color on selection and, because `tab` carries an\n  // unconditional `transition: default`, emit a phantom transition that doubles\n  // the real selection-indicator motion. Mirror upstream and pass only the\n  // width-relevant variants.\n  const measurementTabClass = () =>\n    [\n      \"solidaria-Tab\",\n      tab({\n        orientation: context.orientation,\n        density: context.density,\n        variant: context.variant,\n        isLabelHidden: context.labelBehavior === \"hide\",\n      }),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const tabListElement = () => {\n    const wrapper = wrapperElement;\n    if (!wrapper) {\n      return null;\n    }\n\n    return context.showTabs()\n      ? wrapper.querySelector<HTMLElement>('[role=\"tablist\"]')\n      : wrapper.querySelector<HTMLElement>(\"[data-tabs-measure-list]\");\n  };\n  const measurementListElement = () =>\n    wrapperElement?.querySelector<HTMLElement>(\"[data-tabs-measure-list]\") ?? null;\n  const updateOverflow = () => {\n    if (context.orientation === \"vertical\" || context.variant === \"pill\") {\n      context.setShowTabs(true);\n      return;\n    }\n\n    const wrapper = wrapperElement;\n    const list = tabListElement();\n    if (!wrapper || !list) {\n      return;\n    }\n\n    const tabs = list.querySelectorAll<HTMLElement>('[role=\"tab\"], [data-tabs-measure-tab]');\n    const lastTab = tabs[tabs.length - 1];\n    if (!lastTab) {\n      if (context.showTabs()) {\n        context.setShowTabs(true);\n      }\n      return;\n    }\n\n    const wrapperRect = wrapper.getBoundingClientRect();\n    const lastTabRect = lastTab.getBoundingClientRect();\n    const direction =\n      typeof window === \"undefined\" ? \"ltr\" : window.getComputedStyle(wrapper).direction;\n    const fits =\n      direction === \"rtl\"\n        ? lastTabRect.left >= wrapperRect.left\n        : lastTabRect.right <= wrapperRect.right;\n    context.setShowTabs(fits);\n  };\n  const queueOverflowUpdate = () => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    queueMicrotask(updateOverflow);\n    window.requestAnimationFrame(updateOverflow);\n  };\n\n  createEffect(() => {\n    context.orientation;\n    context.density;\n    context.labelBehavior;\n    queueOverflowUpdate();\n  });\n\n  createEffect(() => {\n    context.showTabs();\n    queueOverflowUpdate();\n  });\n\n  createEffect(() => {\n    const items = collectionItems();\n    if (items.length > 0) {\n      setCachedItems(items);\n    }\n  });\n\n  createEffect(() => {\n    measuringItems();\n    queueOverflowUpdate();\n  });\n\n  createEffect(() => {\n    const wrapper = wrapperRef();\n    queueOverflowUpdate();\n    if (!wrapper || typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const observer = new ResizeObserver(queueOverflowUpdate);\n    observer.observe(wrapper);\n    if (wrapper.parentElement) {\n      observer.observe(wrapper.parentElement);\n    }\n    const list = measurementListElement();\n    if (list) {\n      observer.observe(list);\n    }\n    window.addEventListener(\"resize\", queueOverflowUpdate);\n    onCleanup(() => observer.disconnect());\n    onCleanup(() => window.removeEventListener(\"resize\", queueOverflowUpdate));\n  });\n\n  createEffect(() => {\n    const fonts = typeof document === \"undefined\" ? undefined : document.fonts;\n    fonts?.ready.then(queueOverflowUpdate);\n  });\n\n  return (\n    <div\n      ref={(element) => {\n        wrapperElement = element;\n        setWrapperRef(element);\n      }}\n      class={tabListWrapper}\n      data-tabs-overflow-owner={context.menuId}\n    >\n      <div class={hiddenTabListFrame} aria-hidden=\"true\" inert>\n        <div class={measurementListClass()} style={local.UNSAFE_style} data-tabs-measure-list>\n          <For each={measuringItems()}>\n            {(item) => (\n              <div class={measurementTabClass()} data-tabs-measure-tab>\n                <span\n                  class={tabText({\n                    orientation: context.orientation,\n                    density: context.density,\n                    variant: context.variant,\n                    isLabelHidden: context.labelBehavior === \"hide\",\n                  })}\n                  data-rsp-slot=\"text\"\n                >\n                  {item.textValue}\n                </span>\n              </div>\n            )}\n          </For>\n        </div>\n      </div>\n      <HeadlessTabList\n        {...headlessProps}\n        aria-label={headlessProps[\"aria-label\"] ?? context.ariaLabel}\n        aria-labelledby={headlessProps[\"aria-labelledby\"] ?? context.ariaLabelledBy}\n        slot={local.slot ?? undefined}\n        class={className(false)}\n        style={local.UNSAFE_style}\n      >\n        {local.children}\n      </HeadlessTabList>\n      <TabsMenu items={pickerItems()} disabledKeys={disabledKeys()} />\n    </div>\n  );\n}\n\nfunction TabsMenu(props: { items: TabsPickerItem[]; disabledKeys: Set<Key> }): JSX.Element {\n  const context = useContext(InternalTabsContext);\n  const state = useContext(HeadlessTabsStateContext) as TabListState<unknown> | null;\n  const allKeysDisabled = () =>\n    props.items.length > 0 && props.items.every((item) => props.disabledKeys.has(item.id));\n  const isDisabled = () => Boolean(state?.isDisabled() || allKeysDisabled());\n\n  return (\n    <div\n      class={[\n        tabsOverflowMenuClass,\n        tabsMenuWrapper({\n          orientation: context.orientation,\n          density: context.density,\n        }),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      <TabsPicker\n        id={context.menuId}\n        valueId={context.menuValueId}\n        aria-label={context.ariaLabel}\n        aria-labelledby={context.ariaLabelledBy}\n        density={context.density}\n        labelBehavior={context.labelBehavior}\n        items={props.items}\n        disabledKeys={props.disabledKeys}\n        selectedKey={state?.selectedKey() ?? null}\n        isDisabled={isDisabled()}\n        onSelectionChange={(key) => {\n          if (key != null) {\n            state?.setSelectedKey(key);\n          }\n        }}\n      />\n    </div>\n  );\n}\n\n/**\n * A Tab represents a selectable section in a Tabs group.\n */\nexport function Tab(props: TabProps): JSX.Element {\n  const context = useContext(InternalTabsContext);\n  const contentId = createUniqueId();\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n  ]);\n  const labelHidden = () => context.labelBehavior === \"hide\";\n  const textStyleState = () => ({\n    orientation: context.orientation,\n    density: context.density,\n    variant: context.variant,\n    isLabelHidden: labelHidden(),\n  });\n  const className = (renderProps: TabRenderProps) =>\n    [\n      \"solidaria-Tab\",\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        tab({\n          ...renderProps,\n          orientation: context.orientation,\n          density: context.density,\n          variant: context.variant,\n          isLabelHidden: labelHidden(),\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const textContextValue = {\n    id: contentId,\n    get styles() {\n      return tabText(textStyleState()) as StyleString;\n    },\n    \"data-rsp-slot\": \"text\",\n  };\n  const iconContextValue = {\n    slot: \"icon\",\n    render: centerBaseline({ slot: \"icon\", styles: iconRenderStyles }),\n    styles: iconStyles,\n  };\n  // Glasselated rail rows carry a count pill (<NotificationBadge value={n} />):\n  // slot it after icon and label and park it flush right.\n  const badgeContextValue = {\n    styles: tabBadgeStyles as StyleString,\n  };\n\n  function TabContent(renderProps: TabRenderProps): JSX.Element {\n    function ResolvedTabContent(): JSX.Element {\n      // Read `local.children` exactly once. On the server every access to a props-children\n      // getter re-instantiates any component it holds (e.g. <Text>), whereas the client\n      // memoizes after the first read. Reading twice (a render-prop probe plus the value) makes\n      // the server emit one extra element than the client, desynchronizing Solid's hydration-key\n      // counter and aborting hydration for the entire route. One read keeps both sides equal.\n      const rawChildren = local.children;\n      const isRenderProp =\n        typeof rawChildren === \"function\" &&\n        (rawChildren as (...args: unknown[]) => JSX.Element).length > 0;\n      const contentValue = isRenderProp\n        ? (rawChildren as (renderProps: TabRenderProps) => JSX.Element)(renderProps)\n        : rawChildren;\n      const value = resolveChildAccessor(contentValue);\n\n      return typeof value === \"string\" ? (\n        <span id={contentId} class={tabText(textStyleState())} data-rsp-slot=\"text\">\n          {value}\n        </span>\n      ) : (\n        value\n      );\n    }\n\n    return (\n      <>\n        <Show when={context.orientation !== \"vertical\" && context.variant !== \"pill\"}>\n          <SelectionIndicator\n            class={tabIndicator({\n              orientation: context.orientation,\n              density: context.density,\n              isDisabled: renderProps.isDisabled,\n            })}\n            data-rsp-slot=\"selection-indicator\"\n          />\n        </Show>\n        <Show when={context.orientation === \"vertical\" && context.variant === \"line\"}>\n          <span\n            aria-hidden=\"true\"\n            data-rsp-slot=\"tab-caret\"\n            class={tabCaret({\n              orientation: context.orientation,\n              density: context.density,\n              variant: context.variant,\n              isDisabled: renderProps.isDisabled,\n              isHovered: renderProps.isHovered,\n              isSelected: renderProps.isSelected,\n            })}\n          >\n            {\">\"}\n          </span>\n        </Show>\n        <IconContext.Provider value={iconContextValue}>\n          <TextContext.Provider value={textContextValue}>\n            <NotificationBadgeContext.Provider value={badgeContextValue}>\n              <ResolvedTabContent />\n            </NotificationBadgeContext.Provider>\n          </TextContext.Provider>\n        </IconContext.Provider>\n      </>\n    );\n  }\n\n  return (\n    <HeadlessTab\n      {...headlessProps}\n      aria-labelledby={\n        [labelHidden() ? contentId : undefined, headlessProps[\"aria-labelledby\"]]\n          .filter(Boolean)\n          .join(\" \") || undefined\n      }\n      slot={local.slot ?? undefined}\n      class={className}\n      style={local.UNSAFE_style}\n    >\n      {(renderProps) => <TabContent {...renderProps} />}\n    </HeadlessTab>\n  );\n}\n\n/**\n * A TabPanels groups TabPanel elements for compatibility with older composition.\n */\nexport function TabPanels(props: TabPanelsProps): JSX.Element {\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n  ]);\n  const className = () =>\n    [\n      \"solidaria-TabPanels\",\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(tabPanels, local.styles),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  return (\n    <HeadlessTabPanels\n      {...headlessProps}\n      slot={local.slot ?? undefined}\n      class={className()}\n      style={local.UNSAFE_style}\n    >\n      {local.children}\n    </HeadlessTabPanels>\n  );\n}\n\n/**\n * A TabPanel contains the content associated with a Tab.\n */\nexport function TabPanel(props: TabPanelProps): JSX.Element {\n  const context = useContext(InternalTabsContext);\n  const state = useContext(HeadlessTabsStateContext);\n  const [local, headlessProps] = splitProps(props, [\n    \"children\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"slot\",\n    \"shouldForceMount\",\n  ]);\n  const ariaProps = headlessProps as AriaTabPanelProps;\n  const { tabPanelProps, isSelected } = createTabPanel<unknown>(ariaProps, state);\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const isInert = () =>\n    Boolean(local.shouldForceMount && ariaProps.id !== undefined && !isSelected());\n  const isEntering = () => false;\n  const isExiting = () => false;\n  const className = (renderProps: TabPanelRenderProps) =>\n    [\n      \"solidaria-TabPanel\",\n      local.UNSAFE_className,\n      local.class,\n      mergeStyles(\n        tabPanel({\n          ...renderProps,\n          orientation: context.orientation,\n          density: context.density,\n        }),\n        local.styles,\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const renderValues = createMemo<TabPanelRenderProps>(() => ({\n    isSelected: isSelected(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isInert: isInert(),\n    isEntering: isEntering(),\n    isExiting: isExiting(),\n    state,\n  }));\n  const collapsedRenderProps = createMemo<TabPanelRenderProps>(() => ({\n    isSelected: true,\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isInert: false,\n    isEntering: false,\n    isExiting: false,\n    state,\n  }));\n  const activeRenderProps = () => (context.showTabs() ? renderValues() : collapsedRenderProps());\n  const shouldRenderCollapsedPanel = () => {\n    if (ariaProps.id === undefined) {\n      return state ? state.selectedKey() !== null : true;\n    }\n\n    return state?.selectedKey() === ariaProps.id;\n  };\n  const shouldRender = () => {\n    if (!context.showTabs()) {\n      return shouldRenderCollapsedPanel();\n    }\n    if (local.shouldForceMount) {\n      return true;\n    }\n    if (ariaProps.id === undefined) {\n      return state ? state.selectedKey() !== null : true;\n    }\n\n    return isSelected();\n  };\n  const renderedChildren = () => {\n    // Read `local.children` once per evaluation — see the note in Tab's ResolvedTabContent:\n    // a repeated props-children read re-instantiates child components on the server only and\n    // breaks hydration-key parity.\n    const rawChildren = local.children;\n    return typeof rawChildren === \"function\"\n      ? (rawChildren as (renderProps: TabPanelRenderProps) => JSX.Element)(activeRenderProps())\n      : rawChildren;\n  };\n  const menuLabelledBy = () =>\n    [context.menuButtonId, context.menuValueId].filter(Boolean).join(\" \") || undefined;\n  const hasTabPanelSemantics = () => context.showTabs() && !isInert();\n\n  return (\n    <Show when={shouldRender()}>\n      <div\n        id={hasTabPanelSemantics() ? tabPanelProps.id : undefined}\n        role={context.showTabs() ? (isInert() ? undefined : tabPanelProps.role) : \"group\"}\n        aria-labelledby={\n          context.showTabs()\n            ? hasTabPanelSemantics()\n              ? tabPanelProps[\"aria-labelledby\"]\n              : undefined\n            : menuLabelledBy()\n        }\n        aria-label={hasTabPanelSemantics() ? tabPanelProps[\"aria-label\"] : undefined}\n        aria-describedby={hasTabPanelSemantics() ? tabPanelProps[\"aria-describedby\"] : undefined}\n        tabIndex={context.showTabs() && isInert() ? undefined : tabPanelProps.tabIndex}\n        slot={local.slot ?? undefined}\n        class={className(activeRenderProps())}\n        style={local.UNSAFE_style}\n        onFocus={focusProps.onFocus}\n        onBlur={focusProps.onBlur}\n        data-focused={isFocused() || undefined}\n        data-focus-visible={isFocusVisible() || undefined}\n        inert={context.showTabs() && isInert() ? true : undefined}\n        data-inert={context.showTabs() && isInert() ? true : undefined}\n        data-entering={context.showTabs() && isEntering() ? true : undefined}\n        data-exiting={context.showTabs() && isExiting() ? true : undefined}\n        hidden={\n          context.showTabs() &&\n          ariaProps.id !== undefined &&\n          !isSelected() &&\n          !local.shouldForceMount\n            ? true\n            : undefined\n        }\n      >\n        {renderedChildren()}\n      </div>\n    </Show>\n  );\n}\n\nTabs.List = TabList;\nTabs.Tab = Tab;\nTabs.Panels = TabPanels;\nTabs.Panel = TabPanel;\n\nexport { Collection } from \"@proyecto-viviana/solidaria-components\";\nexport { Text } from \"../text\";\nexport type { Key, KeyboardActivation, TabOrientation };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgFA,MAAM,iBAAA;AAIN,MAAM,mBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCN,MAAM,kBAAA;AAQN,MAAM,sBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;AAWN,MAAM,oBAAA;AASN,MAAM,iBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBN,MAAM,oBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCN,MAAM,iBAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;AAiBN,MAAM,8BAAA,SAAA,UAAA,OAAA;;;;;;;;;;AAUN,SAAS,aAAa,MAAgC;CACpD,OAAO,MAAM,aAAa;AAC5B;AAEA,SAAS,kBAAkB,OAAgC;CACzD,MAAM,QAAQ,SAAA;CACd,MAAM,gBAAgB,WAAW,aAAA;CAMjC,MAAM,mBACJ,eAAe,aAAA,KACf,eAAe,UAAA,GAAa,cAA2B,iCAAA,KACvD;CACF,MAAM,CAAC,cAAc,mBAAmB,aAA+B;CAEvE,MAAM,2BAAqB;EACzB,MAAM,UAAU,WAAA;EAChB,gBAAgB,UAAU,GAAG,QAAQ,sBAAqB,EAAG,MAAK,MAAO,KAAA,CAAA;CAC3E;CAEA,mBAAa;EACX,MAAM,UAAU,WAAA;EAChB,IAAI,CAAC,SAAS;GACZ,gBAAgB,KAAA,CAAA;GAChB;EACF;EAEA,mBAAA;EACA,IAAI,OAAO,mBAAmB,aAC5B;EAGF,MAAM,WAAW,IAAI,eAAe,kBAAA;EACpC,SAAS,QAAQ,OAAA;EACjB,gBAAgB,SAAS,WAAU,CAAA;CACrC,CAAA;CAEA,MAAM,cAAe,aAAA,IAAiB,QAAQ,aAAA,EAAA,YAA2B,KAAA;CAEzE,OAAA,gBACG,SAAA;EACC,SAAA;EACY;EAAA,IACZ,SAAA;GAAA,OAAQ,eAAe,SAAA,KAAc;EAAA;EACrC,eAAe,SAAA;GACb,IAAI,CAAC,MACH,eAAe,OAAO,QAAA;EAE1B;EACA,WAAA;EACA,QAAQ;EACR,aAAa;EACb,YAAA;EACA,WAAW;EAAA,UACH,gBACN,kBAAkB;GAChB,GAAG;GACH,aAAa,MAAM;GACnB,cAAc;GACd,WAAW;EACb,CAAA;EAEF,cAAc;GACZ,UAAU;GACV,OAAO,MAAA;EACT;EAAC,IAAA,WAAA;GAAA,IAAA,OAAA,eAAA,QAAA;GAAA,OAAA,YAE6B,MAAM,QAAQ;GAAA,OAAA;EAAA;CAAA,CAAA;AAGlD;AAEA,SAAS,iBAAiB,OAAuD;CAC/E,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO,CAAC,UAAA,CAAW;CAC7D,MAAM,mBAAmB;EACvB,MAAM;EACN,QAAQ,eAAe;GAAE,MAAM;GAAQ,QAAQ,4BAA4B,CAAC,CAAA;EAAG,CAAA;EAC/E,QAAQ;CACV;CACA,MAAM,mBAAmB;EACvB,QAAQ,cAAc,EAAE,MAAM,IAAI,CAAA;EAClC,iBAAiB;CACnB;CACA,MAAM,eAAe,gBACnB,SAAS;EACP,GAAG;EACH,MAAM;EACN,QAAQ;CACV,CAAA;CAEF,OAAA,gBACG,cAAA,WAAyB,eAAa;EAAA,SAAS;EAAA,WAC5C,gBAAA,gBACC,YAAY,UAAA;GAAS,OAAO;GAAA,IAAA,WAAA;IAAA,OAAA,gBAC1B,YAAY,UAAA;KAAS,OAAO;KAAA,IAAA,WAAA;MAAA,OAAA,CAAA,gBAC1B,WAAA;OACC,MAAA;OAAA,KAAA,WAAA;QAAA,OAMO,kBAAkB;SACvB,YAAY,YAAY;SACxB,YAAY,YAAY;QAC1B,CAAA;OAAA;OAAA,eAAA;MAAA,CAAA,GAAA,gBAGD,MAAA;OAAA,IACC,OAAA;QAAA,OAAM,OAAO,MAAM,aAAa,YAAY,OAAO,MAAM,aAAa;OAAA;OAAA,IACtE,WAAA;QAAA,OAAU,MAAM;OAAQ;OAAA,IAAA,WAAA;QAAA,IAAA,QAAA,eAAA,SAAA;QAAA,OAAA,aAGrB,MAAM,QAAQ;QAAA,aAAA,UAAA,OADJ,cAAc,EAAE,MAAM,IAAI,CAAA,CAAA,CAAA;QAAA,OAAA;OAAA;MAAA,CAAA,CAAA;KAAA;IAAA,CAAA;GAAA;EAAA,CAAA;CAM/C,CAAA,CAAA;AAGN;AAEA,SAAgB,WAAW,OAA6B;CACtD,MAAM,eAAe,iBAAW;EAC9B,MAAM,SAAS,IAAI,IAAS,MAAM,gBAAgB,CAAA,CAAE;EACpD,KAAK,MAAM,QAAQ,MAAM,OACvB,IAAI,KAAK,YACP,OAAO,IAAI,KAAK,EAAE;EAGtB,OAAO;CACT,CAAA;CACA,MAAM,eAAe,iBAAiB,MAAM,MAAM,MAAM,SAAS,KAAK,OAAO,MAAM,WAAW,CAAA;CAC9F,MAAM,mBACJ,CAAC,MAAM,kBAAkB,SAAS,MAAM,UAAU,KAAA,GAAW,MAAM,kBAAkB,EAClF,OAAO,OAAA,EACP,KAAK,GAAA,KAAQ,KAAA;CAElB,cAAA;EAAA,IAAA,QAAA,eAAA,SAAA,GAAA,QAAA,MAAA,YAAA,CAAA,OAAA,QAAA,cAAA,MAAA,WAAA,GAAA,QAAA,MAAA;EAAA,OAAA,OAAA,gBAEK,QAAA;GAAA,IACC,KAAA;IAAA,OAAI,MAAM;GAAE;GAAA,IACZ,QAAA;IAAA,OAAO,MAAM;GAAK;GAClB,SAAS,SAAS,KAAK;GACvB,eAAe,SAAS,KAAK;GAC7B,cAAc,SAAS,KAAK,cAAc;GAAA,IAC1C,eAAA;IAAA,OAAc,aAAA;GAAA;GAAA,IACd,cAAA;IAAA,OAAa,MAAM,eAAe;GAAA;GAAA,IAClC,oBAAA;IAAA,OAAmB,MAAM;GAAiB;GAAA,IAC1C,aAAA;IAAA,OAAY,MAAM;GAAU;GAAA,KAAA,gBAAA;IAAA,OAChB,MAAM;GAAa;GAAA,KAAA,qBAAA;IAAA,OACd,WAAA;GAAA;GAAA,KAAA,sBAAA;IAAA,OACC,MAAM;GAAmB;GAAA,KAAA,kBAAA;IAAA,OAC7B,MAAM;GAAe;GAAA,SAC5B;GAAA,gBAEN,CAAA,gBAEI,eAAA;IAAA,UACS,iBACN,iBAAiB;KACf,GAAG;KACH,SAAS,MAAM;KACf,QAAQ,aAAa;IACvB,CAAA;IAAA,WAGA,iBAAA,CAAA,gBAEG,aAAA;KAAA,SAA2B;KAAA,uBACzB;MAAA,IAAA,QAAA,eAAA,SAAA;MAAA,OAAA,aAKI,aAAa,aAAA,CAAA,CAAA;MAAA,aAAA,UAAA,OAHP,oBAAoB,EAAE,eAAe,MAAM,cAAc,CAAA,CAAA,CAAA;MAAA,OAAA;KAAA,GAAA;IAKpE,CAAA,GAAA,gBAED,SAAA;KACC,MAAA;KACA,QAAQ;KAAA,eAAA;KAAA,KAAA,eAAA;MAAA,OAEG,aAAa,SAAS,SAAS,KAAA;KAAA;IAAA,CAAA,CAAA;GAGhD,CAAA,GAAA,gBAED,mBAAA,EAAA,IAAA,WAAA;IAAA,OAAA,gBACE,eAAA;KAAsB,aAAA;KAAA,SAAmB;KAAA,WACtC,SAAM,gBACL,kBAAA;MAAA,IAAiB,KAAA;OAAA,OAAI,KAAK;MAAE;MAAQ;MAAA,IAAM,YAAA;OAAA,OAAW,KAAK;MAAS;MAAA,IAAA,WAAA;OAAA,OACjE,KAAK;MAAK;KAAA,CAAA;IAEf,CAAA;GAAA,EAAA,CAAA,CAAA;EAIR,CAAA,GAAA,OAAA,IAAA;EAAA,aAAA,UAAA,OAEU,eAAe,EAAE,YAAY,MAAM,WAAW,CAAA,CAAA,CAAA;EAAA,OAAA;CAAA,GAAA;AAGhE;;;;AC5QA,MAAa,cAAc,cAAwD,IAAA;AAgBnF,MAAM,sBAAsB,cAAwC;CAClE,SAAS;CACT,eAAe;CACf,aAAa;CACb,SAAS;CACT,WAAW,KAAA;CACX,gBAAgB,KAAA;CAChB,gBAAgB;CAChB,mBAAmB,KAAA;CACnB,QAAQ;CACR,cAAc;CACd,aAAa;AACf,CAAA;AAqBA,MAAM,WAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;AAiBN,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqHN,MAAM,gBAAA;AAMN,MAAM,0BAA0B,YAAoB;4CACR,QAAA;+BACb,QAAA;;;;4CAIa,QAAA;+BACb,QAAA;;;;AAK/B,MAAM,2BAA2B;AACjC,MAAM,wBAAwB;AAE9B,MAAM,kBAAA,SAAA,UAAA,OAAA;;;;;;;;;AAYN,MAAM,MAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EN,MAAM,UAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;AAsCN,MAAM,eAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DN,MAAM,WAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;AA2BN,MAAM,iBAAA;AAKN,MAAM,YAAA;AAKN,MAAM,WAAA,SAAA,UAAA,OAAA;;;;;;;;;;;;;;;;;AAaN,MAAM,aAAA;AASN,MAAM,mBAAA;AAIN,SAAS,iBAAiB,OAAmE;CAC3F,IAAI,CAAC,MAAM,iBAAiB,CAAC,MAAM,oBACjC,MAAM,IAAI,MAAM,6DAAA;AAEpB;AAEA,SAAS,qBAAqB,OAAqB;CACjD,IAAI,OAAO;CACX,OAAO,OAAO,SAAS,cAAe,KAAyC,WAAW,GACxF,OAAQ,KAAqB;CAG/B,OAAO,MAAM,QAAQ,IAAA,IAChB,KAAK,KAAK,UAAU,qBAAqB,KAAA,CAAA,IACzC;AACP;;;;AAKA,SAAgB,OAAQ,OAA0B;CAChD,MAAM,gBAAgB,iBAAiB,KAAA;CACvC,MAAM,eAAe,uBAAuB,WAAW,WAAA,GAAc,MAAM,IAAI;CAE/E,MAAM,CAAC,OAAO,YAAY,iBAAiB,WAD5B,aAAW,eAAe,gBAAgB,CAAC,GAAG,KAE3D,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,GAEF,CAAC,cAAc,iBAAA,CAAkB;CAEnC,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,sBAAsB,MAAM,iBAAiB;CACnD,MAAM,gBAAgB,MAAM,WAAW;CACvC,MAAM,oBAAoB,cAAc,eAAe;CACvD,MAAM,CAAC,UAAU,qBAAqB,aAAa,IAAA;CACnD,MAAM,SAAS,eAAA;CACf,MAAM,eAAe,GAAG,OAAA;CACxB,MAAM,cAAc,GAAG,OAAA;CACvB,MAAM,qBAAqB,mBAAmB,cAAc,QAAQ,MAAM,MAAM;CAChF,MAAM,0BACJ,wBAAwB,cAAc,cAAc,MAAM,YAAY;CACxE,MAAM,YAAY,iBACf,cAA2D,KAC5D,MAAM,GAAG;CAEX,MAAM,kBAA4C;EAChD,IAAI,UAAU;GACZ,OAAO,QAAA;EACT;EACA,IAAI,gBAAgB;GAClB,OAAO,cAAA;EACT;EACA,IAAI,cAAc;GAChB,OAAO,YAAA;EACT;EACA,IAAI,UAAU;GACZ,OAAO,QAAA;EACT;EACA,IAAI,YAAY;GACd,OAAO,WAAW;EACpB;EACA,IAAI,iBAAiB;GACnB,OAAO,WAAW;EACpB;EACA;EACA,YAAY,OAAK;GAEf,kBAAkB,YAAA,MAAkB,cAAc,QAAA,MAAc,SAAS,OAAO,KAAA;EAClF;EACA;EACA;EACA;CACF;CACA,MAAM,aAAa,gBACjB;EACE;EACA,cAAc;EACd,MAAM;EACN,MAAM;EACN,YACE,SAAS;GACP,aAAa,YAAY;GACzB,SAAS,QAAA;GACT,YAAY,YAAY;EAC1B,CAAA,GACA,aAAA,CAAA;CAAA,EAGD,OAAO,OAAA,EACP,KAAK,GAAA;CAEV,iBAAiB,UAAA;CACjB,mBAAa;EACX,IAAI,YAAA,MAAkB,cAAc,QAAA,MAAc,QAChD,kBAAkB,IAAA;CAEtB,CAAA;CAEA,OAAA,gBACG,oBAAoB,UAAA;EAAS,OAAO;EAAA,IAAA,WAAA;GAAA,OAAA,gBAClC,MAAA,WACK,eAAa;IAAA,MACX,YAAY,UAAU,OAAA;IAAA,IAC5B,OAAA;KAAA,OAAM,MAAM,QAAQ,KAAA;IAAA;IAAA,SACb;IAAA,IACP,QAAA;KAAA,OAAO,kBAAA;IAAA;IAAA,KAAA,kBAAA;KAAA,OACO,QAAA;IAAA;IAAA,KAAA,yBAAA;KAAA,OACO,cAAA;IAAA;IAAA,KAAA,kBAAA;KAAA,OACP,QAAA;IAAA;IAAA,4BACY;IAAA,KAAA,8BAAA;KAAA,OACA,SAAA,IAAa,SAAS;IAAA;IAAA,IAAA,WAAA;KAAA,OAAA,QAAA;MAAA,IAAA,OAAA,eAAA,MAAA;MAAA,OAAA,YAExC,uBAAuB,MAAA,CAAA;MAAA,OAAA;KAAA,GAAA,GAAA,WAC9B,MAAM,QAAQ,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAIvB;;;;AAKA,SAAgB,UAAW,OAA6B;CACtD,MAAM,UAAU,WAAW,mBAAA;CAC3B,MAAM,QAAQ,WAAW,gBAAA;CACzB,IAAI;CACJ,MAAM,CAAC,YAAY,iBAAiB,aAAa;CACjD,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO;EAC/C;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,eACH,WAAW,WACX,gBACC;EACE;EACA,WAAW,KAAA,IAAY;EACvB,MAAM;EACN,MAAM;EACN,YACE,QAAQ;GACN,aAAa,YAAY;GACzB,SAAS,QAAQ;GACjB,SAAS,QAAQ;GACjB,YAAY,YAAY;GACxB,eAAe,QAAQ,kBAAkB;EAC3C,CAAA,GACA,WAAW,gBAAgB,KAAA,GAC3B,MAAM,MAAM;CAAA,EAGb,OAAO,OAAA,EACP,KAAK,GAAA;CACZ,MAAM,kBAAkB,iBAAgC;EACtD,MAAM,aAAa,OAAO,WAAA;EAC1B,IAAI,CAAC,YACH,OAAO,CAAA;EAGT,OAAO,MAAM,KAAK,UAA6C,EAC5D,QAAQ,SAAS,KAAK,SAAS,MAAA,EAC/B,KAAK,UAAU;GACd,KAAK,KAAK;GACV,WAAW,KAAK,aAAa,OAAO,KAAK,GAAG;GAC5C,YAAY,KAAK;EACnB,EAAC;CACL,CAAA;CACA,MAAM,CAAC,aAAa,kBAAkB,aAAkC,CAAA,CAAE;CAC1E,MAAM,iBAAiB,iBAAgC;EACrD,MAAM,QAAQ,gBAAA;EACd,OAAO,MAAM,SAAS,IAAI,QAAQ,YAAA;CACpC,CAAA;CACA,MAAM,cAAc,iBAClB,eAAA,EAAiB,KAAK,UAAU;EAC9B,IAAI,KAAK;EACT,WAAW,KAAK;EAChB,OAAO,KAAK;EACZ,YAAY,QAAQ,KAAK,cAAc,OAAO,cAAc,KAAK,GAAG,CAAA;CACtE,EAAC,CAAA;CAEH,MAAM,eAAe,iBAAW;EAC9B,MAAM,SAAS,IAAI,IAAS,OAAO,aAAA,KAAkB,CAAA,CAAE;EACvD,KAAK,MAAM,QAAQ,YAAA,GACjB,IAAI,KAAK,YACP,OAAO,IAAI,KAAK,EAAE;EAItB,OAAO;CACT,CAAA;CACA,MAAM,6BACJ;EACE;EACA,MAAM;EACN,MAAM;EACN,YACE,QAAQ;GACN,aAAa,QAAQ;GACrB,SAAS,QAAQ;GACjB,SAAS,QAAQ;GACjB,YAAY,OAAO,WAAA,KAAgB;GACnC,eAAe,QAAQ,kBAAkB;EAC3C,CAAA,GACA,eACA,MAAM,MAAM;CAAA,EAGb,OAAO,OAAA,EACP,KAAK,GAAA;CAUV,MAAM,4BACJ,CACE,iBACA,IAAI;EACF,aAAa,QAAQ;EACrB,SAAS,QAAQ;EACjB,SAAS,QAAQ;EACjB,eAAe,QAAQ,kBAAkB;CAC3C,CAAA,CAAA,EAEC,OAAO,OAAA,EACP,KAAK,GAAA;CACV,MAAM,uBAAiB;EACrB,MAAM,UAAU;EAChB,IAAI,CAAC,SACH,OAAO;EAGT,OAAO,QAAQ,SAAQ,IACnB,QAAQ,cAA2B,oBAAA,IACnC,QAAQ,cAA2B,0BAAA;CACzC;CACA,MAAM,+BACJ,gBAAgB,cAA2B,0BAAA,KAA+B;CAC5E,MAAM,uBAAiB;EACrB,IAAI,QAAQ,gBAAgB,cAAc,QAAQ,YAAY,QAAQ;GACpE,QAAQ,YAAY,IAAA;GACpB;EACF;EAEA,MAAM,UAAU;EAChB,MAAM,OAAO,eAAA;EACb,IAAI,CAAC,WAAW,CAAC,MACf;EAGF,MAAM,OAAO,KAAK,iBAA8B,yCAAA;EAChD,MAAM,UAAU,KAAK,KAAK,SAAS;EACnC,IAAI,CAAC,SAAS;GACZ,IAAI,QAAQ,SAAQ,GAClB,QAAQ,YAAY,IAAA;GAEtB;EACF;EAEA,MAAM,cAAc,QAAQ,sBAAqB;EACjD,MAAM,cAAc,QAAQ,sBAAqB;EAGjD,MAAM,QADJ,OAAO,WAAW,cAAc,QAAQ,OAAO,iBAAiB,OAAA,EAAS,eAE3D,QACV,YAAY,QAAQ,YAAY,OAChC,YAAY,SAAS,YAAY;EACvC,QAAQ,YAAY,IAAA;CACtB;CACA,MAAM,4BAAsB;EAC1B,IAAI,OAAO,WAAW,aACpB;EAGF,eAAe,cAAA;EACf,OAAO,sBAAsB,cAAA;CAC/B;CAEA,mBAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,oBAAA;CACF,CAAA;CAEA,mBAAa;EACX,QAAQ,SAAQ;EAChB,oBAAA;CACF,CAAA;CAEA,mBAAa;EACX,MAAM,QAAQ,gBAAA;EACd,IAAI,MAAM,SAAS,GACjB,eAAe,KAAA;CAEnB,CAAA;CAEA,mBAAa;EACX,eAAA;EACA,oBAAA;CACF,CAAA;CAEA,mBAAa;EACX,MAAM,UAAU,WAAA;EAChB,oBAAA;EACA,IAAI,CAAC,WAAW,OAAO,mBAAmB,aACxC;EAGF,MAAM,WAAW,IAAI,eAAe,mBAAA;EACpC,SAAS,QAAQ,OAAA;EACjB,IAAI,QAAQ,eACV,SAAS,QAAQ,QAAQ,aAAa;EAExC,MAAM,OAAO,uBAAA;EACb,IAAI,MACF,SAAS,QAAQ,IAAA;EAEnB,OAAO,iBAAiB,UAAU,mBAAA;EAClC,gBAAgB,SAAS,WAAU,CAAA;EACnC,gBAAgB,OAAO,oBAAoB,UAAU,mBAAA,CAAA;CACvD,CAAA;CAEA,mBAAa;EAEX,CADc,OAAO,aAAa,cAAc,KAAA,IAAY,SAAS,QAC9D,MAAM,KAAK,mBAAA;CACpB,CAAA;CAEA,cAAA;EAAA,IAAA,QAAA,eAAA,OAAA,GAAA,QAAA,MAAA,YAAA,QAAA,MAAA,YAAA,QAAA,MAAA,aAAA,CAAA,OAAA,QAAA,cAAA,MAAA,WAAA,GAAA,QAAA,MAAA,aAAA,CAAA,OAAA,SAAA,cAAA,MAAA,WAAA;EAAA,KAEU,YAAA;GACJ,iBAAiB;GACjB,cAAc,OAAA;EAChB,GAAA,KAAA;EAAA,OAAA,OAAA,gBAMK,KAAA;GAAA,IAAI,OAAA;IAAA,OAAM,eAAA;GAAA;GAAA,WACP,gBAAA;IAAA,IAAA,QAAA,eAAA,OAAA,GAAA,QAAA,MAAA;IAAA,OAAA,aAWK,KAAK,SAAS;IAAA,QAAA,QAAA;KAAA,IAAA,OAVP,oBAAA,GAAA,OAED,QAAQ;MACb,aAAa,QAAQ;MACrB,SAAS,QAAQ;MACjB,SAAS,QAAQ;MACjB,eAAe,QAAQ,kBAAkB;KAC3C,CAAA;KAAA,SAAA,IAAA,KAAA,UAAA,OAAA,IAAA,IAAA,IAAA;KAAA,SAAA,IAAA,KAAA,UAAA,OAAA,IAAA,IAAA,IAAA;KAAA,OAAA;IAAA,GAAA;KAAA,GAAA,KAAA;KAAA,GAAA,KAAA;IAAA,CAAA;IAAA,OAAA;GAAA,GAAA;EAMN,CAAA,CAAA;EAAA,OAAA,OAAA,gBAIL,SAAA,WACK,eAAa;GAAA,KAAA,gBAAA;IAAA,OACL,cAAc,iBAAiB,QAAQ;GAAS;GAAA,KAAA,qBAAA;IAAA,OAC3C,cAAc,sBAAsB,QAAQ;GAAc;GAAA,IAC3E,OAAA;IAAA,OAAM,MAAM,QAAQ,KAAA;GAAA;GAAA,KAAA,WAAA;IAAA,OACb,YAAU,KAAA;GAAA;GAAA,IACjB,QAAA;IAAA,OAAO,MAAM;GAAY;GAAA,IAAA,WAAA;IAAA,OAExB,MAAM;GAAQ;EAAA,CAAA,CAAA,GAAA,OAAA,IAAA;EAAA,OAAA,OAAA,gBAEhB,UAAA;GAAA,IAAS,QAAA;IAAA,OAAO,YAAA;GAAA;GAAA,IAAe,eAAA;IAAA,OAAc,aAAA;GAAA;EAAA,CAAA,GAAA,OAAA,KAAA;EAAA,QAAA,QAAA;GAAA,IAAA,MAjCpB,QAAQ,QAAM,OAG1B,qBAAA,GAAA,OAA+B,MAAM;GAAY,QAAA,IAAA,KAAA,aAAA,OAAA,4BAAA,IAAA,IAAA,GAAA;GAAA,SAAA,IAAA,KAAA,UAAA,OAAA,IAAA,IAAA,IAAA;GAAA,IAAA,IAAA,MAAA,OAAA,MAAA,IAAA,CAAA;GAAA,OAAA;EAAA,GAAA;GAAA,GAAA,KAAA;GAAA,GAAA,KAAA;GAAA,GAAA,KAAA;EAAA,CAAA;EAAA,OAAA;CAAA,GAAA;AAiCrE;AAEA,SAAS,SAAS,OAAiE;CACjF,MAAM,UAAU,WAAW,mBAAA;CAC3B,MAAM,QAAQ,WAAW,gBAAA;CACzB,MAAM,wBACJ,MAAM,MAAM,SAAS,KAAK,MAAM,MAAM,OAAO,SAAS,MAAM,aAAa,IAAI,KAAK,EAAE,CAAA;CACtF,MAAM,mBAAmB,QAAQ,OAAO,WAAA,KAAgB,gBAAA,CAAA;CAExD,cAAA;EAAA,IAAA,QAAA,eAAA,OAAA;EAAA,OAAA,OAAA,gBAYK,YAAA;GAAA,IACC,KAAA;IAAA,OAAI,QAAQ;GAAM;GAAA,IAClB,UAAA;IAAA,OAAS,QAAQ;GAAW;GAAA,KAAA,gBAAA;IAAA,OAChB,QAAQ;GAAS;GAAA,KAAA,qBAAA;IAAA,OACZ,QAAQ;GAAc;GAAA,IACvC,UAAA;IAAA,OAAS,QAAQ;GAAO;GAAA,IACxB,gBAAA;IAAA,OAAe,QAAQ;GAAa;GAAA,IACpC,QAAA;IAAA,OAAO,MAAM;GAAK;GAAA,IAClB,eAAA;IAAA,OAAc,MAAM;GAAY;GAAA,IAChC,cAAA;IAAA,OAAa,OAAO,YAAA,KAAiB;GAAA;GAAA,IACrC,aAAA;IAAA,OAAY,WAAA;GAAA;GACZ,oBAAoB,QAAA;IAClB,IAAI,OAAO,MACT,OAAO,eAAe,GAAA;GAE1B;EAAA,CAAA,CAAA;EAAA,aAAA,UAAA,OAzBK,CACL,uBACA,gBAAgB;GACd,aAAa,QAAQ;GACrB,SAAS,QAAQ;EACnB,CAAA,CAAA,EAEC,OAAO,OAAA,EACP,KAAK,GAAA,CAAA,CAAA;EAAA,OAAA;CAAA,GAAA;AAqBd;;;;AAKA,SAAgB,MAAI,OAAsB;CACxC,MAAM,UAAU,WAAW,mBAAA;CAC3B,MAAM,YAAY,eAAA;CAClB,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO;EAC/C;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,oBAAoB,QAAQ,kBAAkB;CACpD,MAAM,wBAAwB;EAC5B,aAAa,QAAQ;EACrB,SAAS,QAAQ;EACjB,SAAS,QAAQ;EACjB,eAAe,YAAA;CACjB;CACA,MAAM,eAAa,gBACjB;EACE;EACA,MAAM;EACN,MAAM;EACN,YACE,IAAI;GACF,GAAG;GACH,aAAa,QAAQ;GACrB,SAAS,QAAQ;GACjB,SAAS,QAAQ;GACjB,eAAe,YAAA;EACjB,CAAA,GACA,MAAM,MAAM;CAAA,EAGb,OAAO,OAAA,EACP,KAAK,GAAA;CACV,MAAM,mBAAmB;EACvB,IAAI;EACJ,IAAI,SAAS;GACX,OAAO,QAAQ,eAAA,CAAA;EACjB;EACA,iBAAiB;CACnB;CACA,MAAM,mBAAmB;EACvB,MAAM;EACN,QAAQ,eAAe;GAAE,MAAM;GAAQ,QAAQ;EAAiB,CAAA;EAChE,QAAQ;CACV;CAGA,MAAM,oBAAoB,EACxB,QAAQ,eACV;CAEA,SAAS,WAAW,aAAkC;EACpD,SAAS,qBAA0B;GAMjC,MAAM,cAAc,MAAM;GAO1B,MAAM,QAAQ,qBALZ,OAAO,gBAAgB,cACtB,YAAoD,SAAS,IAE3D,YAA6D,WAAA,IAC9D,WAC+B;GAEnC,OAAO,OAAO,UAAU,kBAAA;IAAA,IAAA,SAAA,eAAA,OAAA;IAAA,aAAA,QAAA,MACZ,SAAA;IAAA,OAAA,QACP,KAAA;IAAA,aAAA,UAAA,QADyB,QAAQ,eAAA,CAAA,CAAA,CAAA;IAAA,OAAA;GAAA,GAAA,IAIpC;EAEJ;EAEA,OAAA;GAAA,gBAEK,MAAA;IAAA,IAAK,OAAA;KAAA,OAAM,WAAA,QAAQ,gBAAgB,UAAA,EAAA,KAAc,QAAQ,YAAY;IAAA;IAAA,IAAA,WAAA;KAAA,OAAA,gBACnE,oBAAA;MAAA,KAAA,WAAA;OAAA,OACQ,aAAa;QAClB,aAAa,QAAQ;QACrB,SAAS,QAAQ;QACjB,YAAY,YAAY;OAC1B,CAAA;MAAA;MAAA,iBAAA;KAAA,CAAA;IAAA;GAAA,CAAA;GAAA,gBAIH,MAAA;IAAA,IAAK,OAAA;KAAA,OAAM,WAAA,QAAQ,gBAAgB,UAAA,EAAA,KAAc,QAAQ,YAAY;IAAA;IAAA,IAAA,WAAA;KAAA,IAAA,SAAA,eAAA,OAAA;KAAA,aAAA,UAAA,QAI3D,SAAS;MACd,aAAa,QAAQ;MACrB,SAAS,QAAQ;MACjB,SAAS,QAAQ;MACjB,YAAY,YAAY;MACxB,WAAW,YAAY;MACvB,YAAY,YAAY;KAC1B,CAAA,CAAA,CAAA;KAAA,OAAA;IAAA;GAAA,CAAA;GAAA,gBAKH,YAAY,UAAA;IAAS,OAAO;IAAA,IAAA,WAAA;KAAA,OAAA,gBAC1B,YAAY,UAAA;MAAS,OAAO;MAAA,IAAA,WAAA;OAAA,OAAA,gBAC1B,yBAAyB,UAAA;QAAS,OAAO;QAAA,IAAA,WAAA;SAAA,OAAA,gBACvC,oBAAA,CAAA,CAAA;QAAA;OAAA,CAAA;MAAA;KAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAMb;CAEA,OAAA,gBACG,KAAA,WACK,eAAa;EAAA,KAAA,qBAAA;GAAA,OAEf,CAAC,YAAA,IAAgB,YAAY,KAAA,GAAW,cAAc,kBAAkB,EACrE,OAAO,OAAA,EACP,KAAK,GAAA,KAAQ,KAAA;EAAA;EAAA,IAElB,OAAA;GAAA,OAAM,MAAM,QAAQ,KAAA;EAAA;EAAA,SACb;EAAA,IACP,QAAA;GAAA,OAAO,MAAM;EAAY;EAAA,WAEvB,gBAAA,gBAAiB,YAAe,WAAW;CAAA,CAAA,CAAA;AAGnD;;;;AAKA,SAAgB,YAAU,OAA4B;CACpD,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO;EAC/C;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,kBACJ;EACE;EACA,MAAM;EACN,MAAM;EACN,YAAY,WAAW,MAAM,MAAM;CAAA,EAElC,OAAO,OAAA,EACP,KAAK,GAAA;CAEV,OAAA,gBACG,WAAA,WACK,eAAa;EAAA,IACjB,OAAA;GAAA,OAAM,MAAM,QAAQ,KAAA;EAAA;EAAA,KAAA,WAAA;GAAA,OACb,UAAA;EAAA;EAAA,IACP,QAAA;GAAA,OAAO,MAAM;EAAY;EAAA,IAAA,WAAA;GAAA,OAExB,MAAM;EAAQ;CAAA,CAAA,CAAA;AAGrB;;;;AAKA,SAAgB,SAAS,OAA2B;CAClD,MAAM,UAAU,WAAW,mBAAA;CAC3B,MAAM,QAAQ,WAAW,gBAAA;CACzB,MAAM,CAAC,OAAO,iBAAiB,WAAW,OAAO;EAC/C;EACA;EACA;EACA;EACA;EACA;EACA;CAAA,CACD;CACD,MAAM,YAAY;CAClB,MAAM,EAAE,eAAe,eAAe,eAAwB,WAAW,KAAA;CACzE,MAAM,EAAE,WAAW,gBAAgB,eAAe,gBAAA;CAClD,MAAM,gBACJ,QAAQ,MAAM,oBAAoB,UAAU,OAAO,KAAA,KAAa,CAAC,WAAA,CAAA;CACnE,MAAM,mBAAmB;CACzB,MAAM,kBAAkB;CACxB,MAAM,eAAa,gBACjB;EACE;EACA,MAAM;EACN,MAAM;EACN,YACE,SAAS;GACP,GAAG;GACH,aAAa,QAAQ;GACrB,SAAS,QAAQ;EACnB,CAAA,GACA,MAAM,MAAM;CAAA,EAGb,OAAO,OAAA,EACP,KAAK,GAAA;CACV,MAAM,eAAe,kBAAuC;EAC1D,YAAY,WAAA;EACZ,WAAW,UAAA;EACX,gBAAgB,eAAA;EAChB,SAAS,QAAA;EACT,YAAY,WAAA;EACZ,WAAW,UAAA;EACX;CACF,EAAC;CACD,MAAM,uBAAuB,kBAAuC;EAClE,YAAY;EACZ,WAAW,UAAA;EACX,gBAAgB,eAAA;EAChB,SAAS;EACT,YAAY;EACZ,WAAW;EACX;CACF,EAAC;CACD,MAAM,0BAA2B,QAAQ,SAAQ,IAAK,aAAA,IAAiB,qBAAA;CACvE,MAAM,mCAA6B;EACjC,IAAI,UAAU,OAAO,KAAA,GACnB,OAAO,QAAQ,MAAM,YAAW,MAAO,OAAO;EAGhD,OAAO,OAAO,YAAA,MAAkB,UAAU;CAC5C;CACA,MAAM,qBAAe;EACnB,IAAI,CAAC,QAAQ,SAAQ,GACnB,OAAO,2BAAA;EAET,IAAI,MAAM,kBACR,OAAO;EAET,IAAI,UAAU,OAAO,KAAA,GACnB,OAAO,QAAQ,MAAM,YAAW,MAAO,OAAO;EAGhD,OAAO,WAAA;CACT;CACA,MAAM,yBAAmB;EAIvB,MAAM,cAAc,MAAM;EAC1B,OAAO,OAAO,gBAAgB,aACzB,YAAkE,kBAAA,CAAA,IACnE;CACN;CACA,MAAM,uBACJ,CAAC,QAAQ,cAAc,QAAQ,WAAW,EAAE,OAAO,OAAA,EAAS,KAAK,GAAA,KAAQ,KAAA;CAC3E,MAAM,6BAA6B,QAAQ,SAAQ,KAAM,CAAC,QAAA;CAE1D,OAAA,gBACG,MAAA;EAAA,IAAK,OAAA;GAAA,OAAM,aAAA;EAAA;EAAA,IAAA,WAAA;GAAA,IAAA,SAAA,eAAA,OAAA;GAAA,iBAAA,QAAA,QAkBA,WAAW,MAAM;GAAA,iBAAA,QAAA,SADhB,WAAW,OAAO;GAAA,OAAA,QAiB1B,gBAAA;GAAA,QAAA,QAAA;IAAA,IAAA,OAhCG,qBAAA,IAAyB,cAAc,KAAK,KAAA,GAAA,OAC1C,QAAQ,SAAQ,IAAM,QAAA,IAAY,KAAA,IAAY,cAAc,OAAQ,SAAA,OAExE,QAAQ,SAAQ,IACZ,qBAAA,IACE,cAAc,qBACd,KAAA,IACF,eAAA,GAAA,OAEM,qBAAA,IAAyB,cAAc,gBAAgB,KAAA,GAAA,OACjD,qBAAA,IAAyB,cAAc,sBAAsB,KAAA,GAAA,OACrE,QAAQ,SAAQ,KAAM,QAAA,IAAY,KAAA,IAAY,cAAc,UAAQ,QACxE,MAAM,QAAQ,KAAA,GAAA,QACb,YAAU,kBAAA,CAAA,GAAA,QACV,MAAM,cAAY,QAGX,UAAA,KAAe,KAAA,GAAA,QACT,eAAA,KAAoB,KAAA,GAAA,QACjC,QAAQ,SAAQ,KAAM,QAAA,IAAY,OAAO,KAAA,GAAA,QACpC,QAAQ,SAAQ,KAAM,QAAA,IAAY,OAAO,KAAA,GAAA,QACtC,QAAQ,SAAQ,KAAM,WAAA,IAAe,OAAO,KAAA,GAAA,QAC7C,QAAQ,SAAQ,KAAM,UAAA,IAAc,OAAO,KAAA,GAAA,QAEvD,QAAQ,SAAQ,KAChB,UAAU,OAAO,KAAA,KACjB,CAAC,WAAA,KACD,CAAC,MAAM,mBACH,OACA,KAAA;IAAA,SAAA,IAAA,KAAA,aAAA,QAAA,MAAA,IAAA,IAAA,IAAA;IAAA,SAAA,IAAA,KAAA,aAAA,QAAA,QAAA,IAAA,IAAA,IAAA;IAAA,SAAA,IAAA,KAAA,aAAA,QAAA,mBAAA,IAAA,IAAA,IAAA;IAAA,SAAA,IAAA,KAAA,aAAA,QAAA,cAAA,IAAA,IAAA,IAAA;IAAA,SAAA,IAAA,KAAA,aAAA,QAAA,oBAAA,IAAA,IAAA,IAAA;IAAA,SAAA,IAAA,KAAA,aAAA,QAAA,YAAA,IAAA,IAAA,IAAA;IAAA,UAAA,IAAA,KAAA,aAAA,QAAA,QAAA,IAAA,IAAA,KAAA;IAAA,UAAA,IAAA,KAAA,UAAA,QAAA,IAAA,IAAA,KAAA;IAAA,IAAA,IAAA,MAAA,QAAA,OAAA,IAAA,CAAA;IAAA,UAAA,IAAA,KAAA,aAAA,QAAA,gBAAA,IAAA,IAAA,KAAA;IAAA,UAAA,IAAA,KAAA,aAAA,QAAA,sBAAA,IAAA,IAAA,KAAA;IAAA,UAAA,IAAA,KAAA,YAAA,QAAA,SAAA,IAAA,IAAA,KAAA;IAAA,UAAA,IAAA,KAAA,aAAA,QAAA,cAAA,IAAA,IAAA,KAAA;IAAA,UAAA,IAAA,KAAA,aAAA,QAAA,iBAAA,IAAA,IAAA,KAAA;IAAA,UAAA,IAAA,KAAA,aAAA,QAAA,gBAAA,IAAA,IAAA,KAAA;IAAA,UAAA,IAAA,KAAA,YAAA,QAAA,UAAA,IAAA,IAAA,KAAA;IAAA,OAAA;GAAA,GAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;IAAA,GAAA,KAAA;GAAA,CAAA;GAAA,OAAA;EAAA;CAAA,CAAA;AAOd;AAEA,OAAK,OAAO;AACZ,OAAK,MAAM;AACX,OAAK,SAAS;AACd,OAAK,QAAQ"}