@epilot/zenith-react 0.2.0-next.4 → 0.2.0-next.5

package/dist/components/field/field-combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-combobox.js","sources":["../../../src/components/field/field-combobox.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n  CommandSeparator,\n  type CommandEmptyProps,\n  type CommandGroupProps,\n  type CommandInputProps,\n  type CommandItemProps,\n  type CommandListProps,\n  type CommandLoadingProps,\n  type CommandSeparatorProps,\n} from \"../command/command\"\nimport { Label, type LabelProps } from \"../label/label\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverPortal,\n  PopoverTrigger,\n  type PopoverContentProps,\n  type PopoverPortalProps,\n  type PopoverProps,\n  type PopoverTriggerProps,\n} from \"../popover/popover\"\nimport { useOptionalFieldContext } from \"./field\"\n\nconst CheckIcon = (props: React.ComponentProps<\"svg\">) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z\" />\n  </svg>\n)\n\nconst ChevronDownIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z\" />\n  </svg>\n)\n\nconst XIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z\" />\n  </svg>\n)\n\nconst useStyles = makeZenithStyles({\n  trigger: {\n    ...nativeControl,\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    backgroundColor: \"transparent\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    whiteSpace: \"nowrap\",\n    outlineStyle: \"none\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.focusRing,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n\n    // The open-state chevron rotation is declared HERE, on the trigger that carries the state\n    // attribute, reaching the chevron by SLOT_ATTR.\n    [`&[data-popup-open] [${SLOT_ATTR}=\"combobox-icon\"]`]: {\n      transform: \"rotate(180deg)\",\n    },\n  },\n  triggerChevron: {\n    ...boxModel,\n    width: \"1.5rem\",\n    height: \"1.5rem\",\n    flexShrink: 0,\n    transitionProperty: \"transform\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    color: tokens.grayA11,\n  },\n  value: {\n    ...boxModel,\n    color: tokens.grayA12,\n    width: \"100%\",\n    textAlign: \"left\",\n    flexWrap: \"wrap\",\n    display: \"flex\",\n    ...shorthands.gap(tokens.spacingElement2),\n    position: \"relative\",\n    whiteSpace: \"normal\",\n    marginRight: \"1.25rem\",\n  },\n  content: {\n    ...boxModel,\n    ...shorthands.padding(0),\n  },\n  command: {\n    ...boxModel,\n    width: \"100%\",\n    ...shorthands.borderRadius(0),\n  },\n  input: {\n    ...nativeControl,\n    width: \"100%\",\n  },\n  list: {\n    ...boxModel,\n    ...shorthands.padding(tokens.spacingElement2),\n  },\n  item: {\n    ...boxModel,\n    paddingLeft: tokens.spacingGroup1,\n    paddingRight: \"2rem\",\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    color: tokens.grayA12,\n    position: \"relative\",\n    display: \"flex\",\n    width: \"100%\",\n    cursor: \"default\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusMd),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n  },\n  itemCheckIcon: {\n    ...boxModel,\n    position: \"absolute\",\n    right: tokens.spacingElement2,\n    display: \"flex\",\n    width: \"1rem\",\n    height: \"1rem\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  checkSvg: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    color: tokens.grayA12,\n  },\n  empty: {\n    ...boxModel,\n    paddingTop: \"1.5rem\",\n    paddingBottom: \"1.5rem\",\n    textAlign: \"center\",\n    color: tokens.grayA12,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  group: {\n    ...boxModel,\n    ...shorthands.padding(0),\n  },\n  groupLabel: {\n    ...boxModel,\n    color: tokens.grayA11,\n    fontWeight: tokens.fontWeightSemibold,\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: tokens.spacingElement2,\n    paddingBottom: tokens.spacingElement2,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n  },\n  separator: {\n    ...boxModel,\n    backgroundColor: tokens.graySoft,\n    pointerEvents: \"none\",\n    marginLeft: `calc(-1 * ${tokens.spacingElement1})`,\n    marginRight: `calc(-1 * ${tokens.spacingElement1})`,\n    marginTop: tokens.spacingElement2,\n    marginBottom: tokens.spacingElement2,\n    height: \"1px\",\n  },\n  loading: {\n    ...boxModel,\n    color: tokens.grayA11,\n    paddingLeft: tokens.spacingGroup1,\n    paddingRight: tokens.spacingGroup1,\n    paddingTop: tokens.spacingElement2,\n    paddingBottom: tokens.spacingElement2,\n  },\n  clear: {\n    ...boxModel,\n    position: \"absolute\",\n    right: \"2.75rem\",\n    cursor: \"pointer\",\n    minHeight: \"auto\",\n    ...shorthands.padding(\"0.125rem\"),\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.borderRadius(\"9999px\"),\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    color: tokens.accentA11,\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.focusRing,\n    },\n  },\n  clearSvg: {\n    ...boxModel,\n    width: \"1.25rem\",\n    height: \"1.25rem\",\n  },\n  clearValue: {\n    ...boxModel,\n    cursor: \"pointer\",\n    \":hover\": {\n      opacity: 0.7,\n    },\n    color: \"currentColor\",\n    ...shorthands.borderRadius(\"9999px\"),\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  clearValueSvg: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    color: \"currentColor\",\n  },\n  placeholder: {\n    color: tokens.grayA8,\n  },\n})\n\nexport type FieldComboboxProps = PopoverProps\n\nexport const FieldCombobox = React.forwardRef<HTMLElement, FieldComboboxProps>(\n  function FieldCombobox(props, _ref) {\n    return (\n      <Popover\n        data-slot=\"combobox\"\n        {...{ [SLOT_ATTR]: \"combobox\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldComboboxTriggerProps = PopoverTriggerProps\n\nexport const FieldComboboxTrigger = React.forwardRef<\n  HTMLButtonElement,\n  FieldComboboxTriggerProps\n>(function FieldComboboxTrigger(\n  { className, children, ...props },\n  forwardedRef\n) {\n  const styles = useStyles()\n  // Optional on purpose: this part is valid standalone and only picks up field wiring\n  // when nested inside one. See useOptionalFieldContext.\n  const inputRef = useOptionalFieldContext()?.inputRef ?? null\n\n  const handleRef = (el: HTMLButtonElement | null) => {\n    if (inputRef) {\n      inputRef.current = el\n    }\n    if (typeof forwardedRef === \"function\") {\n      forwardedRef(el)\n    } else if (forwardedRef) {\n      forwardedRef.current = el\n    }\n  }\n\n  return (\n    <PopoverTrigger\n      ref={handleRef}\n      data-slot=\"select-trigger\"\n      {...{ [SLOT_ATTR]: \"select-trigger\" }}\n      className={mergeClasses(styles.trigger, className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon\n        data-slot=\"combobox-icon\"\n        {...{ [SLOT_ATTR]: \"combobox-icon\" }}\n        className={styles.triggerChevron}\n      />\n    </PopoverTrigger>\n  )\n})\n\nexport type FieldComboboxContentProps = PopoverContentProps & {\n  container?: PopoverPortalProps[\"container\"]\n}\n\nexport const FieldComboboxContent = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxContentProps\n>(function FieldComboboxContent(\n  { className, children, container, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <PopoverPortal container={container}>\n      <PopoverContent\n        ref={ref}\n        data-slot=\"combobox-content\"\n        {...{ [SLOT_ATTR]: \"combobox-content\" }}\n        className={mergeClasses(styles.content, className)}\n        {...props}\n      >\n        <Command\n          data-slot=\"combobox-command\"\n          {...{ [SLOT_ATTR]: \"combobox-command\" }}\n          className={styles.command}\n        >\n          {children}\n        </Command>\n      </PopoverContent>\n    </PopoverPortal>\n  )\n})\n\nexport type FieldComboboxValueProps = React.ComponentProps<\"div\">\n\nexport const FieldComboboxValue = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxValueProps\n>(function FieldComboboxValue({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"combobox-value\"\n      {...{ [SLOT_ATTR]: \"combobox-value\" }}\n      className={mergeClasses(styles.value, className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\n\nexport type FieldComboboxInputProps = CommandInputProps\n\nexport const FieldComboboxInput = React.forwardRef<\n  HTMLInputElement,\n  FieldComboboxInputProps\n>(function FieldComboboxInput({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandInput\n      ref={ref}\n      data-slot=\"combobox-command-input\"\n      {...{ [SLOT_ATTR]: \"combobox-command-input\" }}\n      className={mergeClasses(styles.input, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxListProps = CommandListProps\n\nexport const FieldComboboxList = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxListProps\n>(function FieldComboboxList({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandList\n      ref={ref}\n      data-slot=\"combobox-command-list\"\n      {...{ [SLOT_ATTR]: \"combobox-command-list\" }}\n      className={mergeClasses(styles.list, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxItemProps = CommandItemProps\n\nexport const FieldComboboxItem = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxItemProps\n>(function FieldComboboxItem({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandItem\n      ref={ref}\n      data-slot=\"combobox-item\"\n      {...{ [SLOT_ATTR]: \"combobox-item\" }}\n      className={mergeClasses(styles.item, className)}\n      {...props}\n    >\n      {children}\n    </CommandItem>\n  )\n})\n\nexport type FieldComboboxItemCheckIconProps = React.ComponentProps<\"span\">\n\nexport const FieldComboboxItemCheckIcon = React.forwardRef<\n  HTMLSpanElement,\n  FieldComboboxItemCheckIconProps\n>(function FieldComboboxItemCheckIcon({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      className={mergeClasses(styles.itemCheckIcon, className)}\n      {...props}\n    >\n      <CheckIcon className={styles.checkSvg} />\n    </span>\n  )\n})\n\nexport type FieldComboboxEmptyProps = CommandEmptyProps\n\nexport const FieldComboboxEmpty = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxEmptyProps\n>(function FieldComboboxEmpty({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandEmpty\n      ref={ref}\n      data-slot=\"combobox-empty\"\n      {...{ [SLOT_ATTR]: \"combobox-empty\" }}\n      className={mergeClasses(styles.empty, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxGroupProps = CommandGroupProps\n\nexport const FieldComboboxGroup = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxGroupProps\n>(function FieldComboboxGroup({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandGroup\n      ref={ref}\n      data-slot=\"combobox-group\"\n      {...{ [SLOT_ATTR]: \"combobox-group\" }}\n      className={mergeClasses(styles.group, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxGroupLabelProps = LabelProps\n\nexport const FieldComboboxGroupLabel = React.forwardRef<\n  HTMLLabelElement,\n  FieldComboboxGroupLabelProps\n>(function FieldComboboxGroupLabel({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <Label\n      ref={ref}\n      data-slot=\"combobox-group-label\"\n      {...{ [SLOT_ATTR]: \"combobox-group-label\" }}\n      className={mergeClasses(styles.groupLabel, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxSeparatorProps = CommandSeparatorProps\n\nexport const FieldComboboxSeparator = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxSeparatorProps\n>(function FieldComboboxSeparator({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandSeparator\n      ref={ref}\n      data-slot=\"select-separator\"\n      {...{ [SLOT_ATTR]: \"select-separator\" }}\n      className={mergeClasses(styles.separator, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxLoadingProps = CommandLoadingProps\n\nexport const FieldComboboxLoading = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxLoadingProps\n>(function FieldComboboxLoading({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandLoading\n      ref={ref}\n      data-slot=\"combobox-command-loading\"\n      {...{ [SLOT_ATTR]: \"combobox-command-loading\" }}\n      className={mergeClasses(styles.loading, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxClearProps = React.ComponentProps<\"span\">\n\nexport const FieldComboboxClear = React.forwardRef<\n  HTMLSpanElement,\n  FieldComboboxClearProps\n>(function FieldComboboxClear({ className, onClick, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      role=\"button\"\n      tabIndex={0}\n      className={mergeClasses(styles.clear, className)}\n      onPointerDown={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n      }}\n      onClick={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      {...props}\n    >\n      <XIcon className={styles.clearSvg} />\n    </span>\n  )\n})\n\nexport type FieldComboboxPlaceholderProps = React.ComponentProps<\"span\">\n\nexport const FieldComboboxPlaceholder = React.forwardRef<\n  HTMLSpanElement,\n  FieldComboboxPlaceholderProps\n>(function FieldComboboxPlaceholder({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      className={mergeClasses(styles.placeholder, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxClearValueProps = React.ComponentProps<\"span\">\n\nexport const FieldComboboxClearValue = React.forwardRef<\n  HTMLSpanElement,\n  FieldComboboxClearValueProps\n>(function FieldComboboxClearValue({ className, onClick, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      role=\"button\"\n      tabIndex={0}\n      className={mergeClasses(styles.clearValue, className)}\n      onPointerDown={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n      }}\n      onClick={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      {...props}\n    >\n      <XIcon className={styles.clearValueSvg} />\n    </span>\n  )\n})\n\nexport {\n  FieldCombobox as Combobox,\n  FieldComboboxGroup as ComboboxGroup,\n  FieldComboboxGroupLabel as ComboboxGroupLabel,\n  FieldComboboxValue as ComboboxValue,\n  FieldComboboxTrigger as ComboboxTrigger,\n  FieldComboboxContent as ComboboxContent,\n  FieldComboboxItem as ComboboxItem,\n  FieldComboboxItemCheckIcon as ComboboxItemCheckIcon,\n  FieldComboboxEmpty as ComboboxEmpty,\n  FieldComboboxSeparator as ComboboxSeparator,\n  FieldComboboxInput as ComboboxInput,\n  FieldComboboxList as ComboboxList,\n  FieldComboboxLoading as ComboboxLoading,\n  FieldComboboxClear as ComboboxClear,\n  FieldComboboxClearValue as ComboboxClearValue,\n  FieldComboboxPlaceholder as ComboboxPlaceholder,\n}\n"],"names":["CheckIcon","props","jsx","ChevronDownIcon","XIcon","useStyles","makeZenithStyles","nativeControl","shorthands","tokens.spacingElement2","tokens.radiusLg","tokens.textSm","tokens.leadingSm","tokens.focusRing","SLOT_ATTR","boxModel","tokens.grayA11","tokens.grayA12","tokens.spacingGroup1","tokens.radiusMd","tokens.fontWeightSemibold","tokens.textXs","tokens.leadingXs","tokens.graySoft","tokens.spacingElement1","tokens.accentA11","tokens.grayA8","FieldCombobox","React","_ref","Popover","FieldComboboxTrigger","className","children","forwardedRef","styles","inputRef","_a","useOptionalFieldContext","jsxs","PopoverTrigger","el","mergeClasses","FieldComboboxContent","container","ref","PopoverPortal","PopoverContent","Command","FieldComboboxValue","FieldComboboxInput","CommandInput","FieldComboboxList","CommandList","FieldComboboxItem","CommandItem","FieldComboboxItemCheckIcon","FieldComboboxEmpty","CommandEmpty","FieldComboboxGroup","CommandGroup","FieldComboboxGroupLabel","Label","FieldComboboxSeparator","CommandSeparator","FieldComboboxLoading","CommandLoading","FieldComboboxClear","onClick","event","FieldComboboxPlaceholder","FieldComboboxClearValue"],"mappings":"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"}
+{"version":3,"file":"field-combobox.js","sources":["../../../src/components/field/field-combobox.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandLoading,\n  CommandSeparator,\n  type CommandEmptyProps,\n  type CommandGroupProps,\n  type CommandInputProps,\n  type CommandItemProps,\n  type CommandListProps,\n  type CommandLoadingProps,\n  type CommandSeparatorProps,\n} from \"../command/command\"\nimport { Label, type LabelProps } from \"../label/label\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverPortal,\n  PopoverTrigger,\n  type PopoverContentProps,\n  type PopoverPortalProps,\n  type PopoverProps,\n  type PopoverTriggerProps,\n} from \"../popover/popover\"\nimport { useOptionalFieldContext } from \"./field\"\n\nconst CheckIcon = (props: React.ComponentProps<\"svg\">) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z\" />\n  </svg>\n)\n\nconst ChevronDownIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z\" />\n  </svg>\n)\n\nconst XIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"24px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"24px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z\" />\n  </svg>\n)\n\nconst useStyles = makeZenithStyles({\n  trigger: {\n    ...nativeControl,\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    backgroundColor: \"transparent\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    whiteSpace: \"nowrap\",\n    outlineStyle: \"none\",\n    ...shorthands.border(\"0\"),\n    ...shorthands.padding(0),\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.focusRing,\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n\n    // The open-state chevron rotation is declared HERE, on the trigger that carries the state\n    // attribute, reaching the chevron by SLOT_ATTR.\n    [`&[data-popup-open] [${SLOT_ATTR}=\"combobox-icon\"]`]: {\n      transform: \"rotate(180deg)\",\n    },\n  },\n  triggerInField: {\n    outlineStyle: \"none\",\n    \":focus-visible\": {\n      outlineStyle: \"none\",\n    },\n  },\n  triggerChevron: {\n    ...boxModel,\n    width: \"1.5rem\",\n    height: \"1.5rem\",\n    flexShrink: 0,\n    transitionProperty: \"transform\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n    color: tokens.grayA11,\n  },\n  value: {\n    ...boxModel,\n    color: tokens.grayA12,\n    width: \"100%\",\n    textAlign: \"left\",\n    flexWrap: \"wrap\",\n    display: \"flex\",\n    ...shorthands.gap(tokens.spacingElement2),\n    position: \"relative\",\n    whiteSpace: \"normal\",\n    marginRight: \"1.25rem\",\n  },\n  content: {\n    ...boxModel,\n    ...shorthands.padding(0),\n  },\n  command: {\n    ...boxModel,\n    width: \"100%\",\n    ...shorthands.borderRadius(0),\n  },\n  input: {\n    ...nativeControl,\n    width: \"100%\",\n  },\n  list: {\n    ...boxModel,\n    ...shorthands.padding(tokens.spacingElement2),\n  },\n  item: {\n    ...boxModel,\n    paddingLeft: tokens.spacingGroup1,\n    paddingRight: \"2rem\",\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    color: tokens.grayA12,\n    position: \"relative\",\n    display: \"flex\",\n    width: \"100%\",\n    cursor: \"default\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusMd),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    userSelect: \"none\",\n  },\n  itemCheckIcon: {\n    ...boxModel,\n    position: \"absolute\",\n    right: tokens.spacingElement2,\n    display: \"flex\",\n    width: \"1rem\",\n    height: \"1rem\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  checkSvg: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    color: tokens.grayA12,\n  },\n  empty: {\n    ...boxModel,\n    paddingTop: \"1.5rem\",\n    paddingBottom: \"1.5rem\",\n    textAlign: \"center\",\n    color: tokens.grayA12,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  group: {\n    ...boxModel,\n    ...shorthands.padding(0),\n  },\n  groupLabel: {\n    ...boxModel,\n    color: tokens.grayA11,\n    fontWeight: tokens.fontWeightSemibold,\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: tokens.spacingElement2,\n    paddingBottom: tokens.spacingElement2,\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n  },\n  separator: {\n    ...boxModel,\n    backgroundColor: tokens.graySoft,\n    pointerEvents: \"none\",\n    marginLeft: `calc(-1 * ${tokens.spacingElement1})`,\n    marginRight: `calc(-1 * ${tokens.spacingElement1})`,\n    marginTop: tokens.spacingElement2,\n    marginBottom: tokens.spacingElement2,\n    height: \"1px\",\n  },\n  loading: {\n    ...boxModel,\n    color: tokens.grayA11,\n    paddingLeft: tokens.spacingGroup1,\n    paddingRight: tokens.spacingGroup1,\n    paddingTop: tokens.spacingElement2,\n    paddingBottom: tokens.spacingElement2,\n  },\n  clear: {\n    ...boxModel,\n    position: \"absolute\",\n    right: \"2.75rem\",\n    cursor: \"pointer\",\n    minHeight: \"auto\",\n    ...shorthands.padding(\"0.125rem\"),\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...shorthands.borderRadius(\"9999px\"),\n    backgroundColor: \"transparent\",\n    ...shorthands.border(\"0\"),\n    color: tokens.accentA11,\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.focusRing,\n    },\n  },\n  clearSvg: {\n    ...boxModel,\n    width: \"1.25rem\",\n    height: \"1.25rem\",\n  },\n  clearValue: {\n    ...boxModel,\n    cursor: \"pointer\",\n    \":hover\": {\n      opacity: 0.7,\n    },\n    color: \"currentColor\",\n    ...shorthands.borderRadius(\"9999px\"),\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  clearValueSvg: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n    color: \"currentColor\",\n  },\n  placeholder: {\n    color: tokens.grayA8,\n  },\n})\n\nexport type FieldComboboxProps = PopoverProps\n\nexport const FieldCombobox = React.forwardRef<HTMLElement, FieldComboboxProps>(\n  function FieldCombobox(props, _ref) {\n    return (\n      <Popover\n        data-slot=\"combobox\"\n        {...{ [SLOT_ATTR]: \"combobox\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type FieldComboboxTriggerProps = PopoverTriggerProps\n\nexport const FieldComboboxTrigger = React.forwardRef<\n  HTMLButtonElement,\n  FieldComboboxTriggerProps\n>(function FieldComboboxTrigger(\n  { className, children, ...props },\n  forwardedRef\n) {\n  const styles = useStyles()\n  // Optional on purpose: this part is valid standalone and only picks up field wiring\n  // when nested inside one. See useOptionalFieldContext.\n  const fieldContext = useOptionalFieldContext()\n  const inField = fieldContext !== null\n  const inputRef = fieldContext?.inputRef ?? null\n\n  const handleRef = (el: HTMLButtonElement | null) => {\n    if (inputRef) {\n      inputRef.current = el\n    }\n    if (typeof forwardedRef === \"function\") {\n      forwardedRef(el)\n    } else if (forwardedRef) {\n      forwardedRef.current = el\n    }\n  }\n\n  return (\n    <PopoverTrigger\n      ref={handleRef}\n      data-slot=\"select-trigger\"\n      {...{ [SLOT_ATTR]: \"select-trigger\" }}\n      className={mergeClasses(\n        styles.trigger,\n        inField && styles.triggerInField,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon\n        data-slot=\"combobox-icon\"\n        {...{ [SLOT_ATTR]: \"combobox-icon\" }}\n        className={styles.triggerChevron}\n      />\n    </PopoverTrigger>\n  )\n})\n\nexport type FieldComboboxContentProps = PopoverContentProps & {\n  container?: PopoverPortalProps[\"container\"]\n}\n\nexport const FieldComboboxContent = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxContentProps\n>(function FieldComboboxContent(\n  { className, children, container, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <PopoverPortal container={container}>\n      <PopoverContent\n        ref={ref}\n        data-slot=\"combobox-content\"\n        {...{ [SLOT_ATTR]: \"combobox-content\" }}\n        className={mergeClasses(styles.content, className)}\n        {...props}\n      >\n        <Command\n          data-slot=\"combobox-command\"\n          {...{ [SLOT_ATTR]: \"combobox-command\" }}\n          className={styles.command}\n        >\n          {children}\n        </Command>\n      </PopoverContent>\n    </PopoverPortal>\n  )\n})\n\nexport type FieldComboboxValueProps = React.ComponentProps<\"div\">\n\nexport const FieldComboboxValue = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxValueProps\n>(function FieldComboboxValue({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"combobox-value\"\n      {...{ [SLOT_ATTR]: \"combobox-value\" }}\n      className={mergeClasses(styles.value, className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n})\n\nexport type FieldComboboxInputProps = CommandInputProps\n\nexport const FieldComboboxInput = React.forwardRef<\n  HTMLInputElement,\n  FieldComboboxInputProps\n>(function FieldComboboxInput({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandInput\n      ref={ref}\n      data-slot=\"combobox-command-input\"\n      {...{ [SLOT_ATTR]: \"combobox-command-input\" }}\n      className={mergeClasses(styles.input, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxListProps = CommandListProps\n\nexport const FieldComboboxList = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxListProps\n>(function FieldComboboxList({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandList\n      ref={ref}\n      data-slot=\"combobox-command-list\"\n      {...{ [SLOT_ATTR]: \"combobox-command-list\" }}\n      className={mergeClasses(styles.list, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxItemProps = CommandItemProps\n\nexport const FieldComboboxItem = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxItemProps\n>(function FieldComboboxItem({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandItem\n      ref={ref}\n      data-slot=\"combobox-item\"\n      {...{ [SLOT_ATTR]: \"combobox-item\" }}\n      className={mergeClasses(styles.item, className)}\n      {...props}\n    >\n      {children}\n    </CommandItem>\n  )\n})\n\nexport type FieldComboboxItemCheckIconProps = React.ComponentProps<\"span\">\n\nexport const FieldComboboxItemCheckIcon = React.forwardRef<\n  HTMLSpanElement,\n  FieldComboboxItemCheckIconProps\n>(function FieldComboboxItemCheckIcon({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      className={mergeClasses(styles.itemCheckIcon, className)}\n      {...props}\n    >\n      <CheckIcon className={styles.checkSvg} />\n    </span>\n  )\n})\n\nexport type FieldComboboxEmptyProps = CommandEmptyProps\n\nexport const FieldComboboxEmpty = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxEmptyProps\n>(function FieldComboboxEmpty({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandEmpty\n      ref={ref}\n      data-slot=\"combobox-empty\"\n      {...{ [SLOT_ATTR]: \"combobox-empty\" }}\n      className={mergeClasses(styles.empty, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxGroupProps = CommandGroupProps\n\nexport const FieldComboboxGroup = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxGroupProps\n>(function FieldComboboxGroup({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandGroup\n      ref={ref}\n      data-slot=\"combobox-group\"\n      {...{ [SLOT_ATTR]: \"combobox-group\" }}\n      className={mergeClasses(styles.group, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxGroupLabelProps = LabelProps\n\nexport const FieldComboboxGroupLabel = React.forwardRef<\n  HTMLLabelElement,\n  FieldComboboxGroupLabelProps\n>(function FieldComboboxGroupLabel({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <Label\n      ref={ref}\n      data-slot=\"combobox-group-label\"\n      {...{ [SLOT_ATTR]: \"combobox-group-label\" }}\n      className={mergeClasses(styles.groupLabel, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxSeparatorProps = CommandSeparatorProps\n\nexport const FieldComboboxSeparator = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxSeparatorProps\n>(function FieldComboboxSeparator({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandSeparator\n      ref={ref}\n      data-slot=\"select-separator\"\n      {...{ [SLOT_ATTR]: \"select-separator\" }}\n      className={mergeClasses(styles.separator, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxLoadingProps = CommandLoadingProps\n\nexport const FieldComboboxLoading = React.forwardRef<\n  HTMLDivElement,\n  FieldComboboxLoadingProps\n>(function FieldComboboxLoading({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <CommandLoading\n      ref={ref}\n      data-slot=\"combobox-command-loading\"\n      {...{ [SLOT_ATTR]: \"combobox-command-loading\" }}\n      className={mergeClasses(styles.loading, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxClearProps = React.ComponentProps<\"span\">\n\nexport const FieldComboboxClear = React.forwardRef<\n  HTMLSpanElement,\n  FieldComboboxClearProps\n>(function FieldComboboxClear({ className, onClick, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      role=\"button\"\n      tabIndex={0}\n      className={mergeClasses(styles.clear, className)}\n      onPointerDown={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n      }}\n      onClick={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      {...props}\n    >\n      <XIcon className={styles.clearSvg} />\n    </span>\n  )\n})\n\nexport type FieldComboboxPlaceholderProps = React.ComponentProps<\"span\">\n\nexport const FieldComboboxPlaceholder = React.forwardRef<\n  HTMLSpanElement,\n  FieldComboboxPlaceholderProps\n>(function FieldComboboxPlaceholder({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      className={mergeClasses(styles.placeholder, className)}\n      {...props}\n    />\n  )\n})\n\nexport type FieldComboboxClearValueProps = React.ComponentProps<\"span\">\n\nexport const FieldComboboxClearValue = React.forwardRef<\n  HTMLSpanElement,\n  FieldComboboxClearValueProps\n>(function FieldComboboxClearValue({ className, onClick, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      role=\"button\"\n      tabIndex={0}\n      className={mergeClasses(styles.clearValue, className)}\n      onPointerDown={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n      }}\n      onClick={(event) => {\n        event.preventDefault()\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      {...props}\n    >\n      <XIcon className={styles.clearValueSvg} />\n    </span>\n  )\n})\n\nexport {\n  FieldCombobox as Combobox,\n  FieldComboboxGroup as ComboboxGroup,\n  FieldComboboxGroupLabel as ComboboxGroupLabel,\n  FieldComboboxValue as ComboboxValue,\n  FieldComboboxTrigger as ComboboxTrigger,\n  FieldComboboxContent as ComboboxContent,\n  FieldComboboxItem as ComboboxItem,\n  FieldComboboxItemCheckIcon as ComboboxItemCheckIcon,\n  FieldComboboxEmpty as ComboboxEmpty,\n  FieldComboboxSeparator as ComboboxSeparator,\n  FieldComboboxInput as ComboboxInput,\n  FieldComboboxList as ComboboxList,\n  FieldComboboxLoading as ComboboxLoading,\n  FieldComboboxClear as ComboboxClear,\n  FieldComboboxClearValue as ComboboxClearValue,\n  FieldComboboxPlaceholder as ComboboxPlaceholder,\n}\n"],"names":["CheckIcon","props","jsx","ChevronDownIcon","XIcon","useStyles","makeZenithStyles","nativeControl","shorthands","tokens.spacingElement2","tokens.radiusLg","tokens.textSm","tokens.leadingSm","tokens.focusRing","SLOT_ATTR","boxModel","tokens.grayA11","tokens.grayA12","tokens.spacingGroup1","tokens.radiusMd","tokens.fontWeightSemibold","tokens.textXs","tokens.leadingXs","tokens.graySoft","tokens.spacingElement1","tokens.accentA11","tokens.grayA8","FieldCombobox","React","_ref","Popover","FieldComboboxTrigger","className","children","forwardedRef","styles","fieldContext","useOptionalFieldContext","inField","inputRef","jsxs","PopoverTrigger","el","mergeClasses","FieldComboboxContent","container","ref","PopoverPortal","PopoverContent","Command","FieldComboboxValue","FieldComboboxInput","CommandInput","FieldComboboxList","CommandList","FieldComboboxItem","CommandItem","FieldComboboxItemCheckIcon","FieldComboboxEmpty","CommandEmpty","FieldComboboxGroup","CommandGroup","FieldComboboxGroupLabel","Label","FieldComboboxSeparator","CommandSeparator","FieldComboboxLoading","CommandLoading","FieldComboboxClear","onClick","event","FieldComboboxPlaceholder","FieldComboboxClearValue"],"mappings":";;;;;;;;;;AAsCA,MAAMA,IAAY,CAACC,MACjB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,uJAAA,CAAuJ;AAAA,EAAA;AACjK,GAGIC,IAAkB,CAACF,MACvB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,kIAAA,CAAkI;AAAA,EAAA;AAC5I,GAGIE,IAAQ,CAACH,MACb,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,oOAAA,CAAoO;AAAA,EAAA;AAC9O,GAGIG,IAAYC,EAAiB;AAAA,EACjC,SAAS;AAAA,IACP,GAAGC;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAGC,EAAW,IAAIC,CAAsB;AAAA,IACxC,GAAGD,EAAW,aAAaE,CAAe;AAAA,IAC1C,iBAAiB;AAAA,IACjB,UAAUC;AAAAA,IACV,YAAYC;AAAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,GAAGJ,EAAW,OAAO,GAAG;AAAA,IACxB,GAAGA,EAAW,QAAQ,CAAC;AAAA,IACvB,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcK;AAAAA,IAAO;AAAA,IAEvB,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA,IAKX,CAAC,uBAAuBC,CAAS,mBAAmB,GAAG;AAAA,MACrD,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,gBAAgB;AAAA,IACd,cAAc;AAAA,IACd,kBAAkB;AAAA,MAChB,cAAc;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,gBAAgB;AAAA,IACd,GAAGC;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,2CAA2C;AAAA,MACzC,oBAAoB;AAAA,IAAA;AAAA,IAEtB,OAAOC;AAAAA,EAAO;AAAA,EAEhB,OAAO;AAAA,IACL,GAAGD;AAAA,IACH,OAAOE;AAAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT,GAAGT,EAAW,IAAIC,CAAsB;AAAA,IACxC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEf,SAAS;AAAA,IACP,GAAGM;AAAA,IACH,GAAGP,EAAW,QAAQ,CAAC;AAAA,EAAA;AAAA,EAEzB,SAAS;AAAA,IACP,GAAGO;AAAA,IACH,OAAO;AAAA,IACP,GAAGP,EAAW,aAAa,CAAC;AAAA,EAAA;AAAA,EAE9B,OAAO;AAAA,IACL,GAAGD;AAAA,IACH,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,GAAGQ;AAAA,IACH,GAAGP,EAAW,QAAQC,CAAsB;AAAA,EAAA;AAAA,EAE9C,MAAM;AAAA,IACJ,GAAGM;AAAA,IACH,aAAaG;AAAAA,IACb,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,OAAOD;AAAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,GAAGT,EAAW,IAAIC,CAAsB;AAAA,IACxC,GAAGD,EAAW,aAAaW,CAAe;AAAA,IAC1C,UAAUR;AAAAA,IACV,YAAYC;AAAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,EAAA;AAAA,EAEd,eAAe;AAAA,IACb,GAAGG;AAAA,IACH,UAAU;AAAA,IACV,OAAON;AAAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAAA;AAAA,EAElB,UAAU;AAAA,IACR,GAAGM;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAOE;AAAAA,EAAO;AAAA,EAEhB,OAAO;AAAA,IACL,GAAGF;AAAA,IACH,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAOE;AAAAA,IACP,UAAUN;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAAA,EAErB,OAAO;AAAA,IACL,GAAGG;AAAA,IACH,GAAGP,EAAW,QAAQ,CAAC;AAAA,EAAA;AAAA,EAEzB,YAAY;AAAA,IACV,GAAGO;AAAA,IACH,OAAOC;AAAAA,IACP,YAAYI;AAAAA,IACZ,aAAaX;AAAAA,IACb,cAAcA;AAAAA,IACd,YAAYA;AAAAA,IACZ,eAAeA;AAAAA,IACf,UAAUY;AAAAA,IACV,YAAYC;AAAAA,EAAO;AAAA,EAErB,WAAW;AAAA,IACT,GAAGP;AAAA,IACH,iBAAiBQ;AAAAA,IACjB,eAAe;AAAA,IACf,YAAY,aAAaC,CAAsB;AAAA,IAC/C,aAAa,aAAaA,CAAsB;AAAA,IAChD,WAAWf;AAAAA,IACX,cAAcA;AAAAA,IACd,QAAQ;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACP,GAAGM;AAAA,IACH,OAAOC;AAAAA,IACP,aAAaE;AAAAA,IACb,cAAcA;AAAAA,IACd,YAAYT;AAAAA,IACZ,eAAeA;AAAAA,EAAO;AAAA,EAExB,OAAO;AAAA,IACL,GAAGM;AAAA,IACH,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,GAAGP,EAAW,QAAQ,UAAU;AAAA,IAChC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,GAAGA,EAAW,aAAa,QAAQ;AAAA,IACnC,iBAAiB;AAAA,IACjB,GAAGA,EAAW,OAAO,GAAG;AAAA,IACxB,OAAOiB;AAAAA,IACP,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcZ;AAAAA,IAAO;AAAA,EACvB;AAAA,EAEF,UAAU;AAAA,IACR,GAAGE;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAAA,EAEV,YAAY;AAAA,IACV,GAAGA;AAAA,IACH,QAAQ;AAAA,IACR,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,IACP,GAAGP,EAAW,aAAa,QAAQ;AAAA,IACnC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAAA;AAAA,EAElB,eAAe;AAAA,IACb,GAAGO;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,OAAOW;AAAAA,EAAO;AAElB,CAAC,GAIYC,KAAgBC,EAAM;AAAA,EACjC,SAAuB3B,GAAO4B,GAAM;AAClC,WACE,gBAAA3B;AAAA,MAAC4B;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACJ,CAAChB,CAAS,GAAG;AAAA,QAClB,GAAGb;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF,GAIa8B,KAAuBH,EAAM,WAGxC,SACA,EAAE,WAAAI,GAAW,UAAAC,GAAU,GAAGhC,EAAA,GAC1BiC,GACA;AACA,QAAMC,IAAS9B,EAAA,GAGT+B,IAAeC,EAAA,GACfC,IAAUF,MAAiB,MAC3BG,KAAWH,KAAA,gBAAAA,EAAc,aAAY;AAa3C,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAbc,CAACC,MAAiC;AAClD,QAAIH,MACFA,EAAS,UAAUG,IAEjB,OAAOR,KAAiB,aAC1BA,EAAaQ,CAAE,IACNR,MACTA,EAAa,UAAUQ;AAAA,MAE3B;AAAA,MAKI,aAAU;AAAA,MACJ,CAAC5B,CAAS,GAAG;AAAA,MACnB,WAAW6B;AAAA,QACTR,EAAO;AAAA,QACPG,KAAWH,EAAO;AAAA,QAClBH;AAAA,MAAA;AAAA,MAED,GAAG/B;AAAA,MAEH,UAAA;AAAA,QAAAgC;AAAA,QACD,gBAAA/B;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACJ,CAACW,CAAS,GAAG;AAAA,YACnB,WAAWqB,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACpB;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC,GAMYS,KAAuBhB,EAAM,WAGxC,SACA,EAAE,WAAAI,GAAW,UAAAC,GAAU,WAAAY,GAAW,GAAG5C,EAAA,GACrC6C,GACA;AACA,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH,EAAC6C,KAAc,WAAAF,GACb,UAAA,gBAAA3C;AAAA,IAAC8C;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,SAASH,CAAS;AAAA,MAChD,GAAG/B;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAAC+C;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACJ,CAACnC,CAAS,GAAG;AAAA,UACnB,WAAWqB,EAAO;AAAA,UAEjB,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,GAEJ;AAEJ,CAAC,GAIYiB,KAAqBtB,EAAM,WAGtC,SAA4B,EAAE,WAAAI,GAAW,UAAAC,GAAU,GAAGhC,EAAA,GAAS6C,GAAK;AACpE,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAA4C;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,OAAOH,CAAS;AAAA,MAC9C,GAAG/B;AAAA,MAEH,UAAAgC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAIYkB,KAAqBvB,EAAM,WAGtC,SAA4B,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AAC1D,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAACkD;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,OAAOH,CAAS;AAAA,MAC9C,GAAG/B;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAIYoD,KAAoBzB,EAAM,WAGrC,SAA2B,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AACzD,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAACoD;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,MAAMH,CAAS;AAAA,MAC7C,GAAG/B;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAIYsD,KAAoB3B,EAAM,WAGrC,SAA2B,EAAE,WAAAI,GAAW,UAAAC,GAAU,GAAGhC,EAAA,GAAS6C,GAAK;AACnE,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAACsD;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,MAAMH,CAAS;AAAA,MAC7C,GAAG/B;AAAA,MAEH,UAAAgC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAIYwB,KAA6B7B,EAAM,WAG9C,SAAoC,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AAClE,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAA4C;AAAA,MACA,WAAWH,EAAaR,EAAO,eAAeH,CAAS;AAAA,MACtD,GAAG/B;AAAA,MAEJ,UAAA,gBAAAC,EAACF,GAAA,EAAU,WAAWmC,EAAO,SAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG7C,CAAC,GAIYuB,KAAqB9B,EAAM,WAGtC,SAA4B,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AAC1D,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAACyD;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,OAAOH,CAAS;AAAA,MAC9C,GAAG/B;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAIY2D,KAAqBhC,EAAM,WAGtC,SAA4B,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AAC1D,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAAC2D;AAAA,IAAA;AAAA,MACC,KAAAf;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,OAAOH,CAAS;AAAA,MAC9C,GAAG/B;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAIY6D,KAA0BlC,EAAM,WAG3C,SAAiC,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AAC/D,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAAC6D;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,YAAYH,CAAS;AAAA,MACnD,GAAG/B;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAIY+D,KAAyBpC,EAAM,WAG1C,SAAgC,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AAC9D,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAAC+D;AAAA,IAAA;AAAA,MACC,KAAAnB;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,WAAWH,CAAS;AAAA,MAClD,GAAG/B;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAIYiE,KAAuBtC,EAAM,WAGxC,SAA8B,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AAC5D,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAACiE;AAAA,IAAA;AAAA,MACC,KAAArB;AAAA,MACA,aAAU;AAAA,MACJ,CAAChC,CAAS,GAAG;AAAA,MACnB,WAAW6B,EAAaR,EAAO,SAASH,CAAS;AAAA,MAChD,GAAG/B;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAIYmE,KAAqBxC,EAAM,WAGtC,SAA4B,EAAE,WAAAI,GAAW,SAAAqC,GAAS,GAAGpE,EAAA,GAAS6C,GAAK;AACnE,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAA4C;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWH,EAAaR,EAAO,OAAOH,CAAS;AAAA,MAC/C,eAAe,CAACsC,MAAU;AACxB,QAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA;AAAA,MACR;AAAA,MACA,SAAS,CAACA,MAAU;AAClB,QAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACND,KAAA,QAAAA,EAAUC;AAAA,MACZ;AAAA,MACC,GAAGrE;AAAA,MAEJ,UAAA,gBAAAC,EAACE,GAAA,EAAM,WAAW+B,EAAO,SAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGzC,CAAC,GAIYoC,KAA2B3C,EAAM,WAG5C,SAAkC,EAAE,WAAAI,GAAW,GAAG/B,EAAA,GAAS6C,GAAK;AAChE,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAA4C;AAAA,MACA,WAAWH,EAAaR,EAAO,aAAaH,CAAS;AAAA,MACpD,GAAG/B;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAIYuE,KAA0B5C,EAAM,WAG3C,SAAiC,EAAE,WAAAI,GAAW,SAAAqC,GAAS,GAAGpE,EAAA,GAAS6C,GAAK;AACxE,QAAMX,IAAS9B,EAAA;AAEf,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAA4C;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWH,EAAaR,EAAO,YAAYH,CAAS;AAAA,MACpD,eAAe,CAACsC,MAAU;AACxB,QAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA;AAAA,MACR;AAAA,MACA,SAAS,CAACA,MAAU;AAClB,QAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA,GACND,KAAA,QAAAA,EAAUC;AAAA,MACZ;AAAA,MACC,GAAGrE;AAAA,MAEJ,UAAA,gBAAAC,EAACE,GAAA,EAAM,WAAW+B,EAAO,cAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAG9C,CAAC;"}

package/dist/components/field/field-select.js

@@ -1,26 +1,41 @@
-import { jsx as c } from "react/jsx-runtime";
-import * as n from "react";
-import { SelectTrigger as i } from "../select/select.js";
-import { Select as x, SelectContent as C, SelectGroup as R, SelectItem as h, SelectLabel as B, SelectScrollDownButton as b, SelectScrollUpButton as j, SelectSeparator as y, SelectTriggerClear as D, SelectValue as F } from "../select/select.js";
-import { useOptionalFieldContext as S } from "./field.js";
-const a = n.forwardRef(function({ ...o }, e) {
-  var l;
-  const r = ((l = S()) == null ? void 0 : l.inputRef) ?? null;
-  return /* @__PURE__ */ c(i, { ref: (t) => {
-    r && (r.current = t), typeof e == "function" ? e(t) : e && (e.current = t);
-  }, ...o });
+import { jsx as s } from "react/jsx-runtime";
+import * as S from "react";
+import { mergeClasses as u } from "@epilot/zenith-runtime/v1";
+import { makeZenithStyles as m } from "../../styles/make-styles.js";
+import { SelectTrigger as g } from "../select/select.js";
+import { Select as B, SelectContent as j, SelectGroup as k, SelectItem as v, SelectLabel as D, SelectScrollDownButton as G, SelectScrollUpButton as L, SelectSeparator as N, SelectTriggerClear as O, SelectValue as U } from "../select/select.js";
+import { useOptionalFieldContext as p } from "./field.js";
+const f = m({
+  triggerInField: {
+    outlineStyle: "none",
+    ":focus-visible": {
+      outlineStyle: "none"
+    }
+  }
+}), I = S.forwardRef(function({ className: o, ...n }, e) {
+  const c = f(), t = p(), i = t !== null, r = (t == null ? void 0 : t.inputRef) ?? null;
+  return /* @__PURE__ */ s(
+    g,
+    {
+      ref: (l) => {
+        r && (r.current = l), typeof e == "function" ? e(l) : e && (e.current = l);
+      },
+      className: u(i && c.triggerInField, o),
+      ...n
+    }
+  );
 });
 export {
-  x as Select,
-  C as SelectContent,
-  R as SelectGroup,
-  h as SelectItem,
-  B as SelectLabel,
-  b as SelectScrollDownButton,
-  j as SelectScrollUpButton,
-  y as SelectSeparator,
-  a as SelectTrigger,
-  D as SelectTriggerClear,
-  F as SelectValue
+  B as Select,
+  j as SelectContent,
+  k as SelectGroup,
+  v as SelectItem,
+  D as SelectLabel,
+  G as SelectScrollDownButton,
+  L as SelectScrollUpButton,
+  N as SelectSeparator,
+  I as SelectTrigger,
+  O as SelectTriggerClear,
+  U as SelectValue
 };
 //# sourceMappingURL=field-select.js.map

package/dist/components/field/field-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-select.js","sources":["../../../src/components/field/field-select.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger as SelectTriggerBase,\n  SelectTriggerClear,\n  SelectValue,\n  type SelectContentProps,\n  type SelectGroupProps,\n  type SelectItemProps,\n  type SelectLabelProps,\n  type SelectProps,\n  type SelectScrollDownButtonProps,\n  type SelectScrollUpButtonProps,\n  type SelectSeparatorProps,\n  type SelectTriggerClearProps,\n  type SelectTriggerProps,\n  type SelectValueProps,\n} from \"../select/select\"\nimport { useOptionalFieldContext } from \"./field\"\n\nexport const SelectTrigger = React.forwardRef<\n  HTMLButtonElement,\n  SelectTriggerProps\n>(function SelectTrigger({ ...props }, forwardedRef) {\n  // Optional on purpose: this part is valid standalone and only picks up field wiring\n  // when nested inside one. See useOptionalFieldContext.\n  const inputRef = useOptionalFieldContext()?.inputRef ?? null\n\n  const handleRef = (el: HTMLButtonElement | null) => {\n    if (inputRef) {\n      inputRef.current = el\n    }\n    if (typeof forwardedRef === \"function\") {\n      forwardedRef(el)\n    } else if (forwardedRef) {\n      forwardedRef.current = el\n    }\n  }\n\n  return <SelectTriggerBase ref={handleRef} {...props} />\n})\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTriggerClear,\n  SelectValue,\n  type SelectContentProps,\n  type SelectGroupProps,\n  type SelectItemProps,\n  type SelectLabelProps,\n  type SelectProps,\n  type SelectScrollDownButtonProps,\n  type SelectScrollUpButtonProps,\n  type SelectSeparatorProps,\n  type SelectTriggerClearProps,\n  type SelectTriggerProps,\n  type SelectValueProps,\n}\n"],"names":["SelectTrigger","React","props","forwardedRef","inputRef","_a","useOptionalFieldContext","jsx","SelectTriggerBase","el"],"mappings":";;;;;AA4BO,MAAMA,IAAgBC,EAAM,WAGjC,SAAuB,EAAE,GAAGC,EAAA,GAASC,GAAc;;AAGnD,QAAMC,MAAWC,IAAAC,QAAA,gBAAAD,EAA2B,aAAY;AAaxD,SAAO,gBAAAE,EAACC,GAAA,EAAkB,KAXR,CAACC,MAAiC;AAClD,IAAIL,MACFA,EAAS,UAAUK,IAEjB,OAAON,KAAiB,aAC1BA,EAAaM,CAAE,IACNN,MACTA,EAAa,UAAUM;AAAA,EAE3B,GAE2C,GAAGP,GAAO;AACvD,CAAC;"}
+{"version":3,"file":"field-select.js","sources":["../../../src/components/field/field-select.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeClasses } from \"@epilot/zenith-runtime/v1\"\n\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger as SelectTriggerBase,\n  SelectTriggerClear,\n  SelectValue,\n  type SelectContentProps,\n  type SelectGroupProps,\n  type SelectItemProps,\n  type SelectLabelProps,\n  type SelectProps,\n  type SelectScrollDownButtonProps,\n  type SelectScrollUpButtonProps,\n  type SelectSeparatorProps,\n  type SelectTriggerClearProps,\n  type SelectTriggerProps,\n  type SelectValueProps,\n} from \"../select/select\"\nimport { useOptionalFieldContext } from \"./field\"\n\nconst useStyles = makeZenithStyles({\n  triggerInField: {\n    outlineStyle: \"none\",\n    \":focus-visible\": {\n      outlineStyle: \"none\",\n    },\n  },\n})\n\nexport const SelectTrigger = React.forwardRef<\n  HTMLButtonElement,\n  SelectTriggerProps\n>(function SelectTrigger({ className, ...props }, forwardedRef) {\n  const styles = useStyles()\n  // Optional on purpose: this part is valid standalone and only picks up field wiring\n  // when nested inside one. See useOptionalFieldContext.\n  const fieldContext = useOptionalFieldContext()\n  const inField = fieldContext !== null\n  const inputRef = fieldContext?.inputRef ?? null\n\n  const handleRef = (el: HTMLButtonElement | null) => {\n    if (inputRef) {\n      inputRef.current = el\n    }\n    if (typeof forwardedRef === \"function\") {\n      forwardedRef(el)\n    } else if (forwardedRef) {\n      forwardedRef.current = el\n    }\n  }\n\n  return (\n    <SelectTriggerBase\n      ref={handleRef}\n      className={mergeClasses(inField && styles.triggerInField, className)}\n      {...props}\n    />\n  )\n})\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTriggerClear,\n  SelectValue,\n  type SelectContentProps,\n  type SelectGroupProps,\n  type SelectItemProps,\n  type SelectLabelProps,\n  type SelectProps,\n  type SelectScrollDownButtonProps,\n  type SelectScrollUpButtonProps,\n  type SelectSeparatorProps,\n  type SelectTriggerClearProps,\n  type SelectTriggerProps,\n  type SelectValueProps,\n}\n"],"names":["useStyles","makeZenithStyles","SelectTrigger","React","className","props","forwardedRef","styles","fieldContext","useOptionalFieldContext","inField","inputRef","jsx","SelectTriggerBase","el","mergeClasses"],"mappings":";;;;;;;AA8BA,MAAMA,IAAYC,EAAiB;AAAA,EACjC,gBAAgB;AAAA,IACd,cAAc;AAAA,IACd,kBAAkB;AAAA,MAChB,cAAc;AAAA,IAAA;AAAA,EAChB;AAEJ,CAAC,GAEYC,IAAgBC,EAAM,WAGjC,SAAuB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,GAAc;AAC9D,QAAMC,IAASP,EAAA,GAGTQ,IAAeC,EAAA,GACfC,IAAUF,MAAiB,MAC3BG,KAAWH,KAAA,gBAAAA,EAAc,aAAY;AAa3C,SACE,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAbc,CAACC,MAAiC;AAClD,QAAIH,MACFA,EAAS,UAAUG,IAEjB,OAAOR,KAAiB,aAC1BA,EAAaQ,CAAE,IACNR,MACTA,EAAa,UAAUQ;AAAA,MAE3B;AAAA,MAKI,WAAWC,EAAaL,KAAWH,EAAO,gBAAgBH,CAAS;AAAA,MAClE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/components/scroll-overflow/scroll-overflow.js

@@ -6,12 +6,12 @@ import { ScrollArea as g } from "../../_virtual/_zenith-runtime-family_scroll-ar
 import { mergeClasses as f, SLOT_ATTR as s, shorthands as i } from "@epilot/zenith-runtime/v1";
 import { makeZenithStyles as $ } from "../../styles/make-styles.js";
 import { boxModel as a, nativeControl as G } from "../../styles/host-reset.js";
-import { grayA8 as O, accentA8 as _, grayA12 as U, gray1 as X, radiusMd as Y, radiusSm as q } from "../../tokens/index.js";
-import { useScrollbarStyles as J } from "../scroll-area/scrollbar-styles.js";
+import { body as _, grayA8 as O, accentA8 as U, grayA12 as X, gray1 as Y, radiusMd as q, radiusSm as J } from "../../tokens/index.js";
+import { useScrollbarStyles as Q } from "../scroll-area/scrollbar-styles.js";
 function W() {
   return typeof window > "u" || !window.matchMedia || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 }
-function Q(c = {}) {
+function oo(c = {}) {
   const { scrollStep: m = 200, orientation: z = "horizontal" } = c, h = w.useRef(null), [S, u] = w.useState(!1), [b, C] = w.useState(!1), [y, H] = w.useState(!1), n = z === "horizontal", p = w.useCallback(() => {
     const l = h.current;
     if (l)
@@ -61,7 +61,7 @@ function Q(c = {}) {
     scrollToEnd: A
   };
 }
-const oo = (c) => /* @__PURE__ */ t(
+const ro = (c) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -70,7 +70,7 @@ const oo = (c) => /* @__PURE__ */ t(
     ...c,
     children: /* @__PURE__ */ t("path", { d: "M 8.86 10.51 C 8.94 10.51 9.02 10.49 9.08 10.43 C 9.14 10.38 9.17 10.3 9.17 10.21 V 5.79 C 9.17 5.7 9.14 5.62 9.08 5.57 C 9.01 5.51 8.94 5.49 8.86 5.49 C 8.84 5.49 8.77 5.52 8.65 5.58 L 6.55 7.68 C 6.5 7.73 6.47 7.78 6.44 7.83 C 6.42 7.88 6.41 7.94 6.41 8 C 6.41 8.06 6.42 8.12 6.44 8.17 C 6.47 8.22 6.5 8.27 6.55 8.32 L 8.65 10.42 C 8.68 10.45 8.71 10.47 8.75 10.49 C 8.78 10.51 8.82 10.51 8.86 10.51 Z" })
   }
-), ro = (c) => /* @__PURE__ */ t(
+), to = (c) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -79,7 +79,7 @@ const oo = (c) => /* @__PURE__ */ t(
     ...c,
     children: /* @__PURE__ */ t("path", { d: "M7.14 10.51C7.06 10.51 6.98 10.49 6.92 10.43C6.86 10.38 6.83 10.3 6.83 10.21V5.79C6.83 5.7 6.86 5.62 6.92 5.57C6.99 5.51 7.06 5.49 7.14 5.49C7.16 5.49 7.23 5.52 7.35 5.58L9.45 7.68C9.5 7.73 9.53 7.78 9.56 7.83C9.58 7.88 9.59 7.94 9.59 8C9.59 8.06 9.58 8.12 9.56 8.17C9.53 8.22 9.5 8.27 9.45 8.32L7.35 10.42C7.32 10.45 7.29 10.47 7.25 10.49C7.22 10.51 7.18 10.51 7.14 10.51Z" })
   }
-), to = (c) => /* @__PURE__ */ t(
+), lo = (c) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -88,7 +88,7 @@ const oo = (c) => /* @__PURE__ */ t(
     ...c,
     children: /* @__PURE__ */ t("path", { d: "M5.49 7.14C5.49 7.06 5.51 6.98 5.57 6.92C5.62 6.86 5.7 6.83 5.79 6.83H10.21C10.3 6.83 10.38 6.86 10.43 6.92C10.49 6.99 10.51 7.06 10.51 7.14C10.51 7.16 10.48 7.23 10.42 7.35L8.32 9.45C8.27 9.5 8.22 9.53 8.17 9.56C8.12 9.58 8.06 9.59 8 9.59C7.94 9.59 7.88 9.58 7.83 9.56C7.78 9.53 7.73 9.5 7.68 9.45L5.58 7.35C5.55 7.32 5.53 7.29 5.51 7.25C5.49 7.22 5.49 7.18 5.49 7.14Z" })
   }
-), lo = (c) => /* @__PURE__ */ t(
+), eo = (c) => /* @__PURE__ */ t(
   "svg",
   {
     viewBox: "0 0 16 16",
@@ -97,7 +97,7 @@ const oo = (c) => /* @__PURE__ */ t(
     ...c,
     children: /* @__PURE__ */ t("path", { d: "M10.51 8.86C10.51 8.94 10.49 9.02 10.43 9.08C10.38 9.14 10.3 9.17 10.21 9.17H5.79C5.7 9.17 5.62 9.14 5.57 9.08C5.51 9.01 5.49 8.94 5.49 8.86C5.49 8.84 5.52 8.77 5.58 8.65L7.68 6.55C7.73 6.5 7.78 6.47 7.83 6.44C7.88 6.42 7.94 6.41 8 6.41C8.06 6.41 8.12 6.42 8.17 6.44C8.22 6.47 8.27 6.5 8.32 6.55L10.42 8.65C10.45 8.68 10.47 8.71 10.49 8.75C10.51 8.78 10.51 8.82 10.51 8.86Z" })
   }
-), eo = $({
+), ao = $({
   container: {
     position: "relative",
     display: "flex"
@@ -192,11 +192,11 @@ const oo = (c) => /* @__PURE__ */ t(
     alignItems: "center",
     justifyContent: "center",
     backgroundColor: O,
-    ...i.borderRadius(q),
+    ...i.borderRadius(J),
     backdropFilter: "blur(4px)",
-    color: X,
+    color: Y,
     ":hover": {
-      backgroundColor: U
+      backgroundColor: X
     }
   },
   arrowIcon: {
@@ -230,7 +230,7 @@ const oo = (c) => /* @__PURE__ */ t(
   },
   viewport: {
     ...a,
-    ...i.borderRadius(Y),
+    ...i.borderRadius(q),
     // The tracks replace the native scrollbars. Zenith's stylesheet hides them, so no inline
     // <style> needs a nonce (Radix's took the viewport's).
     scrollbarWidth: "none",
@@ -239,7 +239,7 @@ const oo = (c) => /* @__PURE__ */ t(
       outlineWidth: "2px",
       outlineOffset: "2px",
       outlineStyle: "solid",
-      outlineColor: _
+      outlineColor: U
     }
   },
   // The content wrapper keeps Radix's display:table, which grows to the content's width.
@@ -289,13 +289,13 @@ const oo = (c) => /* @__PURE__ */ t(
   thumb: {
     backgroundColor: O
   }
-}), uo = w.forwardRef(function({
+}), vo = w.forwardRef(function({
   className: m,
   children: z,
   arrows: h = !1,
   gradients: S = !0,
   gradientWidth: u = 40,
-  gradientColor: b = "var(--volt-body)",
+  gradientColor: b = _,
   shadow: C = !0,
   scrollbar: y = !1,
   scrollStep: H,
@@ -307,14 +307,14 @@ const oo = (c) => /* @__PURE__ */ t(
   asChild: l,
   ...e
 }, d) {
-  const o = eo(), D = J(), {
+  const o = ao(), D = Q(), {
     scrollRef: x,
     hasOverflow: V,
     canScrollStart: E,
     canScrollEnd: R,
     scrollToStart: I,
     scrollToEnd: B
-  } = Q({ scrollStep: H, orientation: n }), r = n === "horizontal", N = y && !(k === "hover" && !V), F = (v) => {
+  } = oo({ scrollStep: H, orientation: n }), r = n === "horizontal", N = y && !(k === "hover" && !V), F = (v) => {
     var T, L;
     if (v.target !== v.currentTarget) return;
     const Z = r ? "ArrowLeft" : "ArrowUp", j = r ? "ArrowRight" : "ArrowDown";
@@ -394,7 +394,7 @@ const oo = (c) => /* @__PURE__ */ t(
                 "data-slot": "scroll-overflow-arrow-icon",
                 [s]: "scroll-overflow-arrow-icon",
                 className: o.arrowBadge,
-                children: r ? /* @__PURE__ */ t(oo, { className: o.arrowIcon }) : /* @__PURE__ */ t(to, { className: o.arrowIcon })
+                children: r ? /* @__PURE__ */ t(ro, { className: o.arrowIcon }) : /* @__PURE__ */ t(lo, { className: o.arrowIcon })
               }
             )
           }
@@ -504,7 +504,7 @@ const oo = (c) => /* @__PURE__ */ t(
                 "data-slot": "scroll-overflow-arrow-icon",
                 [s]: "scroll-overflow-arrow-icon",
                 className: o.arrowBadge,
-                children: r ? /* @__PURE__ */ t(ro, { className: o.arrowIcon }) : /* @__PURE__ */ t(lo, { className: o.arrowIcon })
+                children: r ? /* @__PURE__ */ t(to, { className: o.arrowIcon }) : /* @__PURE__ */ t(eo, { className: o.arrowIcon })
               }
             )
           }
@@ -514,7 +514,7 @@ const oo = (c) => /* @__PURE__ */ t(
   );
 });
 export {
-  uo as ScrollOverflow,
-  Q as useScrollOverflow
+  vo as ScrollOverflow,
+  oo as useScrollOverflow
 };
 //# sourceMappingURL=scroll-overflow.js.map

package/dist/components/scroll-overflow/scroll-overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-overflow.js","sources":["../../../src/components/scroll-overflow/scroll-overflow.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { CSPProvider } from \"@base-ui/react/csp-provider\"\nimport { DirectionProvider } from \"@base-ui/react/direction-provider\"\nimport { ScrollArea as Primitive } from \"@base-ui/react/scroll-area\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\nimport { useScrollbarStyles } from \"../scroll-area/scrollbar-styles\"\n\nexport type UseScrollOverflowOptions = {\n  /** Scroll distance per step in pixels. Default: 200 */\n  scrollStep?: number\n  /** Scroll orientation. Default: \"horizontal\" */\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\nexport type UseScrollOverflowReturn = {\n  /** Ref to attach to the scroll container (Base UI Viewport) */\n  scrollRef: React.RefObject<HTMLDivElement | null>\n  /** Whether the content overflows the container */\n  hasOverflow: boolean\n  /** Whether there is hidden content before the visible area (left or top) */\n  canScrollStart: boolean\n  /** Whether there is hidden content after the visible area (right or bottom) */\n  canScrollEnd: boolean\n  /** Scroll toward the start (left or up) by scrollStep */\n  scrollToStart: () => void\n  /** Scroll toward the end (right or down) by scrollStep */\n  scrollToEnd: () => void\n}\n\nfunction getScrollBehavior(): ScrollBehavior {\n  if (typeof window === \"undefined\" || !window.matchMedia) return \"auto\"\n  return window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    ? \"auto\"\n    : \"smooth\"\n}\n\nexport function useScrollOverflow(\n  options: UseScrollOverflowOptions = {}\n): UseScrollOverflowReturn {\n  const { scrollStep = 200, orientation = \"horizontal\" } = options\n  const scrollRef = React.useRef<HTMLDivElement | null>(null)\n  const [hasOverflow, setHasOverflow] = React.useState(false)\n  const [canScrollStart, setCanScrollStart] = React.useState(false)\n  const [canScrollEnd, setCanScrollEnd] = React.useState(false)\n\n  const isHorizontal = orientation === \"horizontal\"\n\n  const updateScrollState = React.useCallback(() => {\n    const el = scrollRef.current\n    if (!el) return\n\n    if (isHorizontal) {\n      const scrollLeft = Math.round(el.scrollLeft)\n      const scrollWidth = el.scrollWidth\n      const clientWidth = el.clientWidth\n\n      setHasOverflow(scrollWidth > clientWidth)\n      setCanScrollStart(scrollLeft > 0)\n      setCanScrollEnd(scrollLeft + clientWidth < scrollWidth - 1)\n    } else {\n      const scrollTop = Math.round(el.scrollTop)\n      const scrollHeight = el.scrollHeight\n      const clientHeight = el.clientHeight\n\n      setHasOverflow(scrollHeight > clientHeight)\n      setCanScrollStart(scrollTop > 0)\n      setCanScrollEnd(scrollTop + clientHeight < scrollHeight - 1)\n    }\n  }, [isHorizontal])\n\n  React.useEffect(() => {\n    const el = scrollRef.current\n    if (!el) return\n\n    updateScrollState()\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver(() => {\n        updateScrollState()\n      })\n      observer.observe(el)\n      for (const child of el.children) {\n        observer.observe(child)\n      }\n    }\n\n    el.addEventListener(\"scroll\", updateScrollState, { passive: true })\n\n    return () => {\n      observer?.disconnect()\n      el.removeEventListener(\"scroll\", updateScrollState)\n    }\n  }, [updateScrollState])\n\n  const scrollToStartFn = React.useCallback(() => {\n    scrollRef.current?.scrollBy({\n      [isHorizontal ? \"left\" : \"top\"]: -scrollStep,\n      behavior: getScrollBehavior(),\n    })\n  }, [scrollStep, isHorizontal])\n\n  const scrollToEndFn = React.useCallback(() => {\n    scrollRef.current?.scrollBy({\n      [isHorizontal ? \"left\" : \"top\"]: scrollStep,\n      behavior: getScrollBehavior(),\n    })\n  }, [scrollStep, isHorizontal])\n\n  return {\n    scrollRef,\n    hasOverflow,\n    canScrollStart,\n    canScrollEnd,\n    scrollToStart: scrollToStartFn,\n    scrollToEnd: scrollToEndFn,\n  }\n}\n\nconst ChevronLeftIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M 8.86 10.51 C 8.94 10.51 9.02 10.49 9.08 10.43 C 9.14 10.38 9.17 10.3 9.17 10.21 V 5.79 C 9.17 5.7 9.14 5.62 9.08 5.57 C 9.01 5.51 8.94 5.49 8.86 5.49 C 8.84 5.49 8.77 5.52 8.65 5.58 L 6.55 7.68 C 6.5 7.73 6.47 7.78 6.44 7.83 C 6.42 7.88 6.41 7.94 6.41 8 C 6.41 8.06 6.42 8.12 6.44 8.17 C 6.47 8.22 6.5 8.27 6.55 8.32 L 8.65 10.42 C 8.68 10.45 8.71 10.47 8.75 10.49 C 8.78 10.51 8.82 10.51 8.86 10.51 Z\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M7.14 10.51C7.06 10.51 6.98 10.49 6.92 10.43C6.86 10.38 6.83 10.3 6.83 10.21V5.79C6.83 5.7 6.86 5.62 6.92 5.57C6.99 5.51 7.06 5.49 7.14 5.49C7.16 5.49 7.23 5.52 7.35 5.58L9.45 7.68C9.5 7.73 9.53 7.78 9.56 7.83C9.58 7.88 9.59 7.94 9.59 8C9.59 8.06 9.58 8.12 9.56 8.17C9.53 8.22 9.5 8.27 9.45 8.32L7.35 10.42C7.32 10.45 7.29 10.47 7.25 10.49C7.22 10.51 7.18 10.51 7.14 10.51Z\" />\n  </svg>\n)\n\nconst ChevronUpIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M5.49 7.14C5.49 7.06 5.51 6.98 5.57 6.92C5.62 6.86 5.7 6.83 5.79 6.83H10.21C10.3 6.83 10.38 6.86 10.43 6.92C10.49 6.99 10.51 7.06 10.51 7.14C10.51 7.16 10.48 7.23 10.42 7.35L8.32 9.45C8.27 9.5 8.22 9.53 8.17 9.56C8.12 9.58 8.06 9.59 8 9.59C7.94 9.59 7.88 9.58 7.83 9.56C7.78 9.53 7.73 9.5 7.68 9.45L5.58 7.35C5.55 7.32 5.53 7.29 5.51 7.25C5.49 7.22 5.49 7.18 5.49 7.14Z\" />\n  </svg>\n)\n\nconst ChevronDownIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M10.51 8.86C10.51 8.94 10.49 9.02 10.43 9.08C10.38 9.14 10.3 9.17 10.21 9.17H5.79C5.7 9.17 5.62 9.14 5.57 9.08C5.51 9.01 5.49 8.94 5.49 8.86C5.49 8.84 5.52 8.77 5.58 8.65L7.68 6.55C7.73 6.5 7.78 6.47 7.83 6.44C7.88 6.42 7.94 6.41 8 6.41C8.06 6.41 8.12 6.42 8.17 6.44C8.22 6.47 8.27 6.5 8.32 6.55L10.42 8.65C10.45 8.68 10.47 8.71 10.49 8.75C10.51 8.78 10.51 8.82 10.51 8.86Z\" />\n  </svg>\n)\n\nconst useStyles = makeZenithStyles({\n  container: {\n    position: \"relative\",\n    display: \"flex\",\n  },\n  containerHorizontal: {\n    alignItems: \"center\",\n  },\n  containerVertical: {\n    flexDirection: \"column\",\n  },\n  fade: {\n    position: \"absolute\",\n    zIndex: 10,\n    pointerEvents: \"none\",\n  },\n  fadeHorizontalStart: {\n    left: 0,\n    top: 0,\n    bottom: 0,\n  },\n  fadeHorizontalEnd: {\n    right: 0,\n    top: 0,\n    bottom: 0,\n  },\n  fadeVerticalStart: {\n    top: 0,\n    left: 0,\n    right: 0,\n  },\n  fadeVerticalEnd: {\n    bottom: 0,\n    left: 0,\n    right: 0,\n  },\n  shadowHorizontalStart: {\n    boxShadow: \"inset 8px 0 6px -6px rgba(0,0,0,0.08)\",\n  },\n  shadowHorizontalEnd: {\n    boxShadow: \"inset -8px 0 6px -6px rgba(0,0,0,0.08)\",\n  },\n  shadowVerticalStart: {\n    boxShadow: \"inset 0 8px 6px -6px rgba(0,0,0,0.08)\",\n  },\n  shadowVerticalEnd: {\n    boxShadow: \"inset 0 -8px 6px -6px rgba(0,0,0,0.08)\",\n  },\n  arrowButton: {\n    ...nativeControl,\n    position: \"absolute\",\n    zIndex: 20,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    cursor: \"pointer\",\n    backgroundColor: \"transparent\",\n    ...shorthands.borderStyle(\"none\"),\n    ...shorthands.borderWidth(0),\n    ...shorthands.padding(0),\n  },\n  arrowHorizontalStart: {\n    ...boxModel,\n    left: 0,\n    top: 0,\n    bottom: 0,\n    width: \"1.5rem\",\n  },\n  arrowHorizontalEnd: {\n    ...boxModel,\n    right: 0,\n    top: 0,\n    bottom: 0,\n    width: \"1.5rem\",\n  },\n  arrowVerticalStart: {\n    ...boxModel,\n    top: 0,\n    left: 0,\n    right: 0,\n    height: \"1.5rem\",\n  },\n  arrowVerticalEnd: {\n    ...boxModel,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: \"1.5rem\",\n  },\n  arrowBadge: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    backgroundColor: tokens.grayA8,\n    ...shorthands.borderRadius(tokens.radiusSm),\n    backdropFilter: \"blur(4px)\",\n    color: tokens.gray1,\n    \":hover\": {\n      backgroundColor: tokens.grayA12,\n    },\n  },\n  arrowIcon: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n  },\n  scrollAreaRoot: {\n    ...shorthands.overflow(\"hidden\"),\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n  scrollAreaRootHorizontal: {\n    ...boxModel,\n    minWidth: 0,\n  },\n  scrollAreaRootVertical: {\n    ...boxModel,\n    minHeight: 0,\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  scrollAreaRootScrollbarHorizontal: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  scrollAreaRootScrollbarVertical: {\n    display: \"flex\",\n    flexDirection: \"row\",\n  },\n  viewport: {\n    ...boxModel,\n    ...shorthands.borderRadius(tokens.radiusMd),\n    // The tracks replace the native scrollbars. Zenith's stylesheet hides them, so no inline\n    // <style> needs a nonce (Radix's took the viewport's).\n    scrollbarWidth: \"none\",\n    \"::-webkit-scrollbar\": { display: \"none\" },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineOffset: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  // The content wrapper keeps Radix's display:table, which grows to the content's width.\n  content: { display: \"table\" },\n  viewportHorizontal: {\n    \"& > div\": {\n      display: \"flex\",\n      flexDirection: \"row\",\n    },\n  },\n  viewportVertical: {\n    ...boxModel,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    minHeight: 0,\n  },\n  viewportFlex: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n  scrollbar: {\n    ...boxModel,\n    transitionProperty: \"color, background-color, border-color\",\n    transitionDuration: \"150ms\",\n  },\n  scrollbarHidden: {\n    display: \"none\",\n  },\n  scrollbarHorizontal: {\n    ...boxModel,\n    height: \"0.5rem\",\n    flexDirection: \"column\",\n    // The 1px inset along the scroll axis is margin, not padding: Base UI sizes the thumb from the\n    // track's offset size without subtracting padding (see ScrollArea's tracks).\n    ...shorthands.padding(\"1px\", \"0\"),\n    ...shorthands.margin(\"0\", \"1px\"),\n  },\n  scrollbarVertical: {\n    ...boxModel,\n    width: \"0.5rem\",\n    flexDirection: \"row\",\n    ...shorthands.padding(\"0\", \"1px\"),\n    ...shorthands.margin(\"1px\", \"0\"),\n  },\n  thumb: {\n    backgroundColor: tokens.grayA8,\n  },\n})\n\n// Declared in Zenith in their Radix-era shape, a div's props, not derived from Base UI's, whose\n// types would carry its internals into the published declarations.\nexport type ScrollOverflowProps = Omit<React.ComponentProps<\"div\">, \"dir\"> &\n  UseScrollOverflowOptions & {\n    /** Text direction of the region and of its thumb position. */\n    dir?: \"ltr\" | \"rtl\"\n    /**\n     * Only `\"hover\"` has an effect, as in earlier releases: with `scrollbar`, the track is not shown\n     * until the content overflows. Every other value looks the same, because the track is always\n     * mounted.\n     */\n    type?: \"auto\" | \"always\" | \"scroll\" | \"hover\"\n    /** Accepted for compatibility and ignored: Base UI manages track visibility itself. */\n    scrollHideDelay?: number\n    /** Accepted for compatibility and ignored: the root's children are the viewport and track. */\n    asChild?: boolean\n    /** Show navigation arrow buttons on edges. Default: false */\n    arrows?: boolean\n    /** Show gradient fade indicators on edges. Default: true */\n    gradients?: boolean\n    /** Gradient width in pixels. Default: 40 */\n    gradientWidth?: number\n    /** Gradient base color (CSS value). Should match the parent background. Default: \"var(--volt-body)\" */\n    gradientColor?: string\n    /** Show inset shadow on overflow edges. Default: true */\n    shadow?: boolean\n    /** Show a styled scrollbar track. Default: false */\n    scrollbar?: boolean\n  }\n\nexport const ScrollOverflow = React.forwardRef<\n  HTMLDivElement,\n  ScrollOverflowProps\n>(function ScrollOverflow(\n  {\n    className,\n    children,\n    arrows = false,\n    gradients = true,\n    gradientWidth = 40,\n    gradientColor = \"var(--volt-body)\",\n    shadow = true,\n    scrollbar = false,\n    scrollStep,\n    orientation = \"horizontal\",\n    dir = \"ltr\",\n    // Radix-only: its visibility and slotting have no Base UI counterpart (see the prop docs).\n    type,\n    scrollHideDelay: _scrollHideDelay,\n    asChild: _asChild,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  const scrollbarStyles = useScrollbarStyles()\n  const {\n    scrollRef,\n    hasOverflow,\n    canScrollStart,\n    canScrollEnd,\n    scrollToStart,\n    scrollToEnd,\n  } = useScrollOverflow({ scrollStep, orientation })\n\n  const isHorizontal = orientation === \"horizontal\"\n  // Radix's hover scrollbar was the one type that dropped the track (no forceMount) while the\n  // content fit; the others kept it mounted. Base UI's track stays mounted, so hide it likewise.\n  const showTrack = scrollbar && !(type === \"hover\" && !hasOverflow)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // Only handle when the viewport itself is focused, not children\n    if (e.target !== e.currentTarget) return\n\n    const prevKey = isHorizontal ? \"ArrowLeft\" : \"ArrowUp\"\n    const nextKey = isHorizontal ? \"ArrowRight\" : \"ArrowDown\"\n\n    switch (e.key) {\n      case prevKey:\n        e.preventDefault()\n        scrollToStart()\n        break\n      case nextKey:\n        e.preventDefault()\n        scrollToEnd()\n        break\n      case \"Home\":\n        e.preventDefault()\n        scrollRef.current?.scrollTo({\n          [isHorizontal ? \"left\" : \"top\"]: 0,\n          behavior: \"smooth\",\n        })\n        break\n      case \"End\":\n        e.preventDefault()\n        scrollRef.current?.scrollTo({\n          [isHorizontal ? \"left\" : \"top\"]: isHorizontal\n            ? scrollRef.current.scrollWidth\n            : scrollRef.current.scrollHeight,\n          behavior: \"smooth\",\n        })\n        break\n    }\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"scroll-overflow\"\n      {...{ [SLOT_ATTR]: \"scroll-overflow\" }}\n      data-orientation={orientation}\n      data-has-overflow={hasOverflow || undefined}\n      data-can-scroll-start={canScrollStart || undefined}\n      data-can-scroll-end={canScrollEnd || undefined}\n      className={mergeClasses(\n        styles.container,\n        isHorizontal ? styles.containerHorizontal : styles.containerVertical,\n        className\n      )}\n    >\n      {/* Start gradient + shadow */}\n      {gradients && canScrollStart && (\n        <div\n          data-slot=\"scroll-overflow-fade-start\"\n          {...{ [SLOT_ATTR]: \"scroll-overflow-fade-start\" }}\n          aria-hidden=\"true\"\n          className={mergeClasses(\n            styles.fade,\n            isHorizontal\n              ? styles.fadeHorizontalStart\n              : styles.fadeVerticalStart,\n            shadow &&\n              (isHorizontal\n                ? styles.shadowHorizontalStart\n                : styles.shadowVerticalStart)\n          )}\n          style={\n            isHorizontal\n              ? {\n                  width: gradientWidth,\n                  background: `linear-gradient(to right, ${gradientColor}, transparent)`,\n                }\n              : {\n                  height: gradientWidth,\n                  background: `linear-gradient(to bottom, ${gradientColor}, transparent)`,\n                }\n          }\n        />\n      )}\n\n      {/* Start arrow button */}\n      {arrows && canScrollStart && (\n        <button\n          data-slot=\"scroll-overflow-arrow-start\"\n          {...{ [SLOT_ATTR]: \"scroll-overflow-arrow-start\" }}\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={isHorizontal ? \"Scroll left\" : \"Scroll up\"}\n          onClick={scrollToStart}\n          className={mergeClasses(\n            styles.arrowButton,\n            isHorizontal\n              ? styles.arrowHorizontalStart\n              : styles.arrowVerticalStart\n          )}\n        >\n          <span\n            data-slot=\"scroll-overflow-arrow-icon\"\n            {...{ [SLOT_ATTR]: \"scroll-overflow-arrow-icon\" }}\n            className={styles.arrowBadge}\n          >\n            {isHorizontal ? (\n              <ChevronLeftIcon className={styles.arrowIcon} />\n            ) : (\n              <ChevronUpIcon className={styles.arrowIcon} />\n            )}\n          </span>\n        </button>\n      )}\n\n      {/* Base UI ScrollArea; Radix's inline <style> is not rendered, the viewport's styles hide the native scrollbars. */}\n      <DirectionProvider direction={dir}>\n        <CSPProvider disableStyleElements>\n          <Primitive.Root\n            data-slot=\"scroll-overflow-root\"\n            {...{ [SLOT_ATTR]: \"scroll-overflow-root\" }}\n            {...props}\n            dir={dir}\n            className={mergeClasses(\n              styles.scrollAreaRoot,\n              isHorizontal\n                ? styles.scrollAreaRootHorizontal\n                : styles.scrollAreaRootVertical,\n              showTrack &&\n                (isHorizontal\n                  ? styles.scrollAreaRootScrollbarHorizontal\n                  : styles.scrollAreaRootScrollbarVertical)\n            )}\n          >\n            <Primitive.Viewport\n              ref={scrollRef}\n              data-slot=\"scroll-overflow-viewport\"\n              {...{ [SLOT_ATTR]: \"scroll-overflow-viewport\" }}\n              tabIndex={hasOverflow ? 0 : -1}\n              onKeyDown={handleKeyDown}\n              className={mergeClasses(\n                styles.viewport,\n                isHorizontal && styles.viewportHorizontal,\n                scrollbar && styles.viewportFlex,\n                !isHorizontal && styles.viewportVertical\n              )}\n              // Only the axis with a track scrolls, as Radix enabled overflow per mounted scrollbar.\n              style={{\n                overflowX: isHorizontal ? \"scroll\" : \"hidden\",\n                overflowY: isHorizontal ? \"hidden\" : \"scroll\",\n              }}\n            >\n              <Primitive.Content\n                className={styles.content}\n                // Over Base UI's fit-content, as Radix's wrapper filled the viewport.\n                style={{ minWidth: \"100%\" }}\n              >\n                {children}\n              </Primitive.Content>\n            </Primitive.Viewport>\n\n            <Primitive.Scrollbar\n              keepMounted\n              orientation={orientation}\n              data-slot=\"scroll-overflow-scrollbar\"\n              {...{ [SLOT_ATTR]: \"scroll-overflow-scrollbar\" }}\n              className={mergeClasses(\n                scrollbarStyles.track,\n                showTrack ? styles.scrollbar : styles.scrollbarHidden,\n                isHorizontal\n                  ? styles.scrollbarHorizontal\n                  : styles.scrollbarVertical\n              )}\n            >\n              <Primitive.Thumb\n                data-slot=\"scroll-overflow-thumb\"\n                {...{ [SLOT_ATTR]: \"scroll-overflow-thumb\" }}\n                className={mergeClasses(scrollbarStyles.thumb, styles.thumb)}\n              />\n            </Primitive.Scrollbar>\n          </Primitive.Root>\n        </CSPProvider>\n      </DirectionProvider>\n\n      {/* End gradient + shadow */}\n      {gradients && canScrollEnd && (\n        <div\n          data-slot=\"scroll-overflow-fade-end\"\n          {...{ [SLOT_ATTR]: \"scroll-overflow-fade-end\" }}\n          aria-hidden=\"true\"\n          className={mergeClasses(\n            styles.fade,\n            isHorizontal ? styles.fadeHorizontalEnd : styles.fadeVerticalEnd,\n            shadow &&\n              (isHorizontal\n                ? styles.shadowHorizontalEnd\n                : styles.shadowVerticalEnd)\n          )}\n          style={\n            isHorizontal\n              ? {\n                  width: gradientWidth,\n                  background: `linear-gradient(to left, ${gradientColor}, transparent)`,\n                }\n              : {\n                  height: gradientWidth,\n                  background: `linear-gradient(to top, ${gradientColor}, transparent)`,\n                }\n          }\n        />\n      )}\n\n      {/* End arrow button */}\n      {arrows && canScrollEnd && (\n        <button\n          data-slot=\"scroll-overflow-arrow-end\"\n          {...{ [SLOT_ATTR]: \"scroll-overflow-arrow-end\" }}\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={isHorizontal ? \"Scroll right\" : \"Scroll down\"}\n          onClick={scrollToEnd}\n          className={mergeClasses(\n            styles.arrowButton,\n            isHorizontal ? styles.arrowHorizontalEnd : styles.arrowVerticalEnd\n          )}\n        >\n          <span\n            data-slot=\"scroll-overflow-arrow-icon\"\n            {...{ [SLOT_ATTR]: \"scroll-overflow-arrow-icon\" }}\n            className={styles.arrowBadge}\n          >\n            {isHorizontal ? (\n              <ChevronRightIcon className={styles.arrowIcon} />\n            ) : (\n              <ChevronDownIcon className={styles.arrowIcon} />\n            )}\n          </span>\n        </button>\n      )}\n    </div>\n  )\n})\n"],"names":["getScrollBehavior","useScrollOverflow","options","scrollStep","orientation","scrollRef","React","hasOverflow","setHasOverflow","canScrollStart","setCanScrollStart","canScrollEnd","setCanScrollEnd","isHorizontal","updateScrollState","el","scrollLeft","scrollWidth","clientWidth","scrollTop","scrollHeight","clientHeight","observer","child","scrollToStartFn","_a","scrollToEndFn","ChevronLeftIcon","props","jsx","ChevronRightIcon","ChevronUpIcon","ChevronDownIcon","useStyles","makeZenithStyles","nativeControl","shorthands","boxModel","tokens.grayA8","tokens.radiusSm","tokens.gray1","tokens.grayA12","tokens.radiusMd","tokens.accentA8","ScrollOverflow","className","children","arrows","gradients","gradientWidth","gradientColor","shadow","scrollbar","dir","type","_scrollHideDelay","_asChild","ref","styles","scrollbarStyles","useScrollbarStyles","scrollToStart","scrollToEnd","showTrack","handleKeyDown","e","prevKey","nextKey","_b","jsxs","SLOT_ATTR","mergeClasses","DirectionProvider","CSPProvider","Primitive"],"mappings":"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"}
+{"version":3,"file":"scroll-overflow.js","sources":["../../../src/components/scroll-overflow/scroll-overflow.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { CSPProvider } from \"@base-ui/react/csp-provider\"\nimport { DirectionProvider } from \"@base-ui/react/direction-provider\"\nimport { ScrollArea as Primitive } from \"@base-ui/react/scroll-area\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport * as tokens from \"../../tokens\"\nimport { useScrollbarStyles } from \"../scroll-area/scrollbar-styles\"\n\nexport type UseScrollOverflowOptions = {\n  /** Scroll distance per step in pixels. Default: 200 */\n  scrollStep?: number\n  /** Scroll orientation. Default: \"horizontal\" */\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\nexport type UseScrollOverflowReturn = {\n  /** Ref to attach to the scroll container (Base UI Viewport) */\n  scrollRef: React.RefObject<HTMLDivElement | null>\n  /** Whether the content overflows the container */\n  hasOverflow: boolean\n  /** Whether there is hidden content before the visible area (left or top) */\n  canScrollStart: boolean\n  /** Whether there is hidden content after the visible area (right or bottom) */\n  canScrollEnd: boolean\n  /** Scroll toward the start (left or up) by scrollStep */\n  scrollToStart: () => void\n  /** Scroll toward the end (right or down) by scrollStep */\n  scrollToEnd: () => void\n}\n\nfunction getScrollBehavior(): ScrollBehavior {\n  if (typeof window === \"undefined\" || !window.matchMedia) return \"auto\"\n  return window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    ? \"auto\"\n    : \"smooth\"\n}\n\nexport function useScrollOverflow(\n  options: UseScrollOverflowOptions = {}\n): UseScrollOverflowReturn {\n  const { scrollStep = 200, orientation = \"horizontal\" } = options\n  const scrollRef = React.useRef<HTMLDivElement | null>(null)\n  const [hasOverflow, setHasOverflow] = React.useState(false)\n  const [canScrollStart, setCanScrollStart] = React.useState(false)\n  const [canScrollEnd, setCanScrollEnd] = React.useState(false)\n\n  const isHorizontal = orientation === \"horizontal\"\n\n  const updateScrollState = React.useCallback(() => {\n    const el = scrollRef.current\n    if (!el) return\n\n    if (isHorizontal) {\n      const scrollLeft = Math.round(el.scrollLeft)\n      const scrollWidth = el.scrollWidth\n      const clientWidth = el.clientWidth\n\n      setHasOverflow(scrollWidth > clientWidth)\n      setCanScrollStart(scrollLeft > 0)\n      setCanScrollEnd(scrollLeft + clientWidth < scrollWidth - 1)\n    } else {\n      const scrollTop = Math.round(el.scrollTop)\n      const scrollHeight = el.scrollHeight\n      const clientHeight = el.clientHeight\n\n      setHasOverflow(scrollHeight > clientHeight)\n      setCanScrollStart(scrollTop > 0)\n      setCanScrollEnd(scrollTop + clientHeight < scrollHeight - 1)\n    }\n  }, [isHorizontal])\n\n  React.useEffect(() => {\n    const el = scrollRef.current\n    if (!el) return\n\n    updateScrollState()\n\n    let observer: ResizeObserver | null = null\n    if (typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver(() => {\n        updateScrollState()\n      })\n      observer.observe(el)\n      for (const child of el.children) {\n        observer.observe(child)\n      }\n    }\n\n    el.addEventListener(\"scroll\", updateScrollState, { passive: true })\n\n    return () => {\n      observer?.disconnect()\n      el.removeEventListener(\"scroll\", updateScrollState)\n    }\n  }, [updateScrollState])\n\n  const scrollToStartFn = React.useCallback(() => {\n    scrollRef.current?.scrollBy({\n      [isHorizontal ? \"left\" : \"top\"]: -scrollStep,\n      behavior: getScrollBehavior(),\n    })\n  }, [scrollStep, isHorizontal])\n\n  const scrollToEndFn = React.useCallback(() => {\n    scrollRef.current?.scrollBy({\n      [isHorizontal ? \"left\" : \"top\"]: scrollStep,\n      behavior: getScrollBehavior(),\n    })\n  }, [scrollStep, isHorizontal])\n\n  return {\n    scrollRef,\n    hasOverflow,\n    canScrollStart,\n    canScrollEnd,\n    scrollToStart: scrollToStartFn,\n    scrollToEnd: scrollToEndFn,\n  }\n}\n\nconst ChevronLeftIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M 8.86 10.51 C 8.94 10.51 9.02 10.49 9.08 10.43 C 9.14 10.38 9.17 10.3 9.17 10.21 V 5.79 C 9.17 5.7 9.14 5.62 9.08 5.57 C 9.01 5.51 8.94 5.49 8.86 5.49 C 8.84 5.49 8.77 5.52 8.65 5.58 L 6.55 7.68 C 6.5 7.73 6.47 7.78 6.44 7.83 C 6.42 7.88 6.41 7.94 6.41 8 C 6.41 8.06 6.42 8.12 6.44 8.17 C 6.47 8.22 6.5 8.27 6.55 8.32 L 8.65 10.42 C 8.68 10.45 8.71 10.47 8.75 10.49 C 8.78 10.51 8.82 10.51 8.86 10.51 Z\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M7.14 10.51C7.06 10.51 6.98 10.49 6.92 10.43C6.86 10.38 6.83 10.3 6.83 10.21V5.79C6.83 5.7 6.86 5.62 6.92 5.57C6.99 5.51 7.06 5.49 7.14 5.49C7.16 5.49 7.23 5.52 7.35 5.58L9.45 7.68C9.5 7.73 9.53 7.78 9.56 7.83C9.58 7.88 9.59 7.94 9.59 8C9.59 8.06 9.58 8.12 9.56 8.17C9.53 8.22 9.5 8.27 9.45 8.32L7.35 10.42C7.32 10.45 7.29 10.47 7.25 10.49C7.22 10.51 7.18 10.51 7.14 10.51Z\" />\n  </svg>\n)\n\nconst ChevronUpIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M5.49 7.14C5.49 7.06 5.51 6.98 5.57 6.92C5.62 6.86 5.7 6.83 5.79 6.83H10.21C10.3 6.83 10.38 6.86 10.43 6.92C10.49 6.99 10.51 7.06 10.51 7.14C10.51 7.16 10.48 7.23 10.42 7.35L8.32 9.45C8.27 9.5 8.22 9.53 8.17 9.56C8.12 9.58 8.06 9.59 8 9.59C7.94 9.59 7.88 9.58 7.83 9.56C7.78 9.53 7.73 9.5 7.68 9.45L5.58 7.35C5.55 7.32 5.53 7.29 5.51 7.25C5.49 7.22 5.49 7.18 5.49 7.14Z\" />\n  </svg>\n)\n\nconst ChevronDownIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M10.51 8.86C10.51 8.94 10.49 9.02 10.43 9.08C10.38 9.14 10.3 9.17 10.21 9.17H5.79C5.7 9.17 5.62 9.14 5.57 9.08C5.51 9.01 5.49 8.94 5.49 8.86C5.49 8.84 5.52 8.77 5.58 8.65L7.68 6.55C7.73 6.5 7.78 6.47 7.83 6.44C7.88 6.42 7.94 6.41 8 6.41C8.06 6.41 8.12 6.42 8.17 6.44C8.22 6.47 8.27 6.5 8.32 6.55L10.42 8.65C10.45 8.68 10.47 8.71 10.49 8.75C10.51 8.78 10.51 8.82 10.51 8.86Z\" />\n  </svg>\n)\n\nconst useStyles = makeZenithStyles({\n  container: {\n    position: \"relative\",\n    display: \"flex\",\n  },\n  containerHorizontal: {\n    alignItems: \"center\",\n  },\n  containerVertical: {\n    flexDirection: \"column\",\n  },\n  fade: {\n    position: \"absolute\",\n    zIndex: 10,\n    pointerEvents: \"none\",\n  },\n  fadeHorizontalStart: {\n    left: 0,\n    top: 0,\n    bottom: 0,\n  },\n  fadeHorizontalEnd: {\n    right: 0,\n    top: 0,\n    bottom: 0,\n  },\n  fadeVerticalStart: {\n    top: 0,\n    left: 0,\n    right: 0,\n  },\n  fadeVerticalEnd: {\n    bottom: 0,\n    left: 0,\n    right: 0,\n  },\n  shadowHorizontalStart: {\n    boxShadow: \"inset 8px 0 6px -6px rgba(0,0,0,0.08)\",\n  },\n  shadowHorizontalEnd: {\n    boxShadow: \"inset -8px 0 6px -6px rgba(0,0,0,0.08)\",\n  },\n  shadowVerticalStart: {\n    boxShadow: \"inset 0 8px 6px -6px rgba(0,0,0,0.08)\",\n  },\n  shadowVerticalEnd: {\n    boxShadow: \"inset 0 -8px 6px -6px rgba(0,0,0,0.08)\",\n  },\n  arrowButton: {\n    ...nativeControl,\n    position: \"absolute\",\n    zIndex: 20,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    cursor: \"pointer\",\n    backgroundColor: \"transparent\",\n    ...shorthands.borderStyle(\"none\"),\n    ...shorthands.borderWidth(0),\n    ...shorthands.padding(0),\n  },\n  arrowHorizontalStart: {\n    ...boxModel,\n    left: 0,\n    top: 0,\n    bottom: 0,\n    width: \"1.5rem\",\n  },\n  arrowHorizontalEnd: {\n    ...boxModel,\n    right: 0,\n    top: 0,\n    bottom: 0,\n    width: \"1.5rem\",\n  },\n  arrowVerticalStart: {\n    ...boxModel,\n    top: 0,\n    left: 0,\n    right: 0,\n    height: \"1.5rem\",\n  },\n  arrowVerticalEnd: {\n    ...boxModel,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: \"1.5rem\",\n  },\n  arrowBadge: {\n    ...boxModel,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    backgroundColor: tokens.grayA8,\n    ...shorthands.borderRadius(tokens.radiusSm),\n    backdropFilter: \"blur(4px)\",\n    color: tokens.gray1,\n    \":hover\": {\n      backgroundColor: tokens.grayA12,\n    },\n  },\n  arrowIcon: {\n    ...boxModel,\n    width: \"1rem\",\n    height: \"1rem\",\n  },\n  scrollAreaRoot: {\n    ...shorthands.overflow(\"hidden\"),\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n  scrollAreaRootHorizontal: {\n    ...boxModel,\n    minWidth: 0,\n  },\n  scrollAreaRootVertical: {\n    ...boxModel,\n    minHeight: 0,\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  scrollAreaRootScrollbarHorizontal: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  scrollAreaRootScrollbarVertical: {\n    display: \"flex\",\n    flexDirection: \"row\",\n  },\n  viewport: {\n    ...boxModel,\n    ...shorthands.borderRadius(tokens.radiusMd),\n    // The tracks replace the native scrollbars. Zenith's stylesheet hides them, so no inline\n    // <style> needs a nonce (Radix's took the viewport's).\n    scrollbarWidth: \"none\",\n    \"::-webkit-scrollbar\": { display: \"none\" },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineOffset: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  // The content wrapper keeps Radix's display:table, which grows to the content's width.\n  content: { display: \"table\" },\n  viewportHorizontal: {\n    \"& > div\": {\n      display: \"flex\",\n      flexDirection: \"row\",\n    },\n  },\n  viewportVertical: {\n    ...boxModel,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n    minHeight: 0,\n  },\n  viewportFlex: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n  scrollbar: {\n    ...boxModel,\n    transitionProperty: \"color, background-color, border-color\",\n    transitionDuration: \"150ms\",\n  },\n  scrollbarHidden: {\n    display: \"none\",\n  },\n  scrollbarHorizontal: {\n    ...boxModel,\n    height: \"0.5rem\",\n    flexDirection: \"column\",\n    // The 1px inset along the scroll axis is margin, not padding: Base UI sizes the thumb from the\n    // track's offset size without subtracting padding (see ScrollArea's tracks).\n    ...shorthands.padding(\"1px\", \"0\"),\n    ...shorthands.margin(\"0\", \"1px\"),\n  },\n  scrollbarVertical: {\n    ...boxModel,\n    width: \"0.5rem\",\n    flexDirection: \"row\",\n    ...shorthands.padding(\"0\", \"1px\"),\n    ...shorthands.margin(\"1px\", \"0\"),\n  },\n  thumb: {\n    backgroundColor: tokens.grayA8,\n  },\n})\n\n// Declared in Zenith in their Radix-era shape, a div's props, not derived from Base UI's, whose\n// types would carry its internals into the published declarations.\nexport type ScrollOverflowProps = Omit<React.ComponentProps<\"div\">, \"dir\"> &\n  UseScrollOverflowOptions & {\n    /** Text direction of the region and of its thumb position. */\n    dir?: \"ltr\" | \"rtl\"\n    /**\n     * Only `\"hover\"` has an effect, as in earlier releases: with `scrollbar`, the track is not shown\n     * until the content overflows. Every other value looks the same, because the track is always\n     * mounted.\n     */\n    type?: \"auto\" | \"always\" | \"scroll\" | \"hover\"\n    /** Accepted for compatibility and ignored: Base UI manages track visibility itself. */\n    scrollHideDelay?: number\n    /** Accepted for compatibility and ignored: the root's children are the viewport and track. */\n    asChild?: boolean\n    /** Show navigation arrow buttons on edges. Default: false */\n    arrows?: boolean\n    /** Show gradient fade indicators on edges. Default: true */\n    gradients?: boolean\n    /** Gradient width in pixels. Default: 40 */\n    gradientWidth?: number\n    /** Gradient base color (CSS value). Should match the parent background. Default: the Zenith body token. */\n    gradientColor?: string\n    /** Show inset shadow on overflow edges. Default: true */\n    shadow?: boolean\n    /** Show a styled scrollbar track. Default: false */\n    scrollbar?: boolean\n  }\n\nexport const ScrollOverflow = React.forwardRef<\n  HTMLDivElement,\n  ScrollOverflowProps\n>(function ScrollOverflow(\n  {\n    className,\n    children,\n    arrows = false,\n    gradients = true,\n    gradientWidth = 40,\n    gradientColor = tokens.body,\n    shadow = true,\n    scrollbar = false,\n    scrollStep,\n    orientation = \"horizontal\",\n    dir = \"ltr\",\n    // Radix-only: its visibility and slotting have no Base UI counterpart (see the prop docs).\n    type,\n    scrollHideDelay: _scrollHideDelay,\n    asChild: _asChild,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  const scrollbarStyles = useScrollbarStyles()\n  const {\n    scrollRef,\n    hasOverflow,\n    canScrollStart,\n    canScrollEnd,\n    scrollToStart,\n    scrollToEnd,\n  } = useScrollOverflow({ scrollStep, orientation })\n\n  const isHorizontal = orientation === \"horizontal\"\n  // Radix's hover scrollbar was the one type that dropped the track (no forceMount) while the\n  // content fit; the others kept it mounted. Base UI's track stays mounted, so hide it likewise.\n  const showTrack = scrollbar && !(type === \"hover\" && !hasOverflow)\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // Only handle when the viewport itself is focused, not children\n    if (e.target !== e.currentTarget) return\n\n    const prevKey = isHorizontal ? \"ArrowLeft\" : \"ArrowUp\"\n    const nextKey = isHorizontal ? \"ArrowRight\" : \"ArrowDown\"\n\n    switch (e.key) {\n      case prevKey:\n        e.preventDefault()\n        scrollToStart()\n        break\n      case nextKey:\n        e.preventDefault()\n        scrollToEnd()\n        break\n      case \"Home\":\n        e.preventDefault()\n        scrollRef.current?.scrollTo({\n          [isHorizontal ? \"left\" : \"top\"]: 0,\n          behavior: \"smooth\",\n        })\n        break\n      case \"End\":\n        e.preventDefault()\n        scrollRef.current?.scrollTo({\n          [isHorizontal ? \"left\" : \"top\"]: isHorizontal\n            ? scrollRef.current.scrollWidth\n            : scrollRef.current.scrollHeight,\n          behavior: \"smooth\",\n        })\n        break\n    }\n  }\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"scroll-overflow\"\n      {...{ [SLOT_ATTR]: \"scroll-overflow\" }}\n      data-orientation={orientation}\n      data-has-overflow={hasOverflow || undefined}\n      data-can-scroll-start={canScrollStart || undefined}\n      data-can-scroll-end={canScrollEnd || undefined}\n      className={mergeClasses(\n        styles.container,\n        isHorizontal ? styles.containerHorizontal : styles.containerVertical,\n        className\n      )}\n    >\n      {/* Start gradient + shadow */}\n      {gradients && canScrollStart && (\n        <div\n          data-slot=\"scroll-overflow-fade-start\"\n          {...{ [SLOT_ATTR]: \"scroll-overflow-fade-start\" }}\n          aria-hidden=\"true\"\n          className={mergeClasses(\n            styles.fade,\n            isHorizontal\n              ? styles.fadeHorizontalStart\n              : styles.fadeVerticalStart,\n            shadow &&\n              (isHorizontal\n                ? styles.shadowHorizontalStart\n                : styles.shadowVerticalStart)\n          )}\n          style={\n            isHorizontal\n              ? {\n                  width: gradientWidth,\n                  background: `linear-gradient(to right, ${gradientColor}, transparent)`,\n                }\n              : {\n                  height: gradientWidth,\n                  background: `linear-gradient(to bottom, ${gradientColor}, transparent)`,\n                }\n          }\n        />\n      )}\n\n      {/* Start arrow button */}\n      {arrows && canScrollStart && (\n        <button\n          data-slot=\"scroll-overflow-arrow-start\"\n          {...{ [SLOT_ATTR]: \"scroll-overflow-arrow-start\" }}\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={isHorizontal ? \"Scroll left\" : \"Scroll up\"}\n          onClick={scrollToStart}\n          className={mergeClasses(\n            styles.arrowButton,\n            isHorizontal\n              ? styles.arrowHorizontalStart\n              : styles.arrowVerticalStart\n          )}\n        >\n          <span\n            data-slot=\"scroll-overflow-arrow-icon\"\n            {...{ [SLOT_ATTR]: \"scroll-overflow-arrow-icon\" }}\n            className={styles.arrowBadge}\n          >\n            {isHorizontal ? (\n              <ChevronLeftIcon className={styles.arrowIcon} />\n            ) : (\n              <ChevronUpIcon className={styles.arrowIcon} />\n            )}\n          </span>\n        </button>\n      )}\n\n      {/* Base UI ScrollArea; Radix's inline <style> is not rendered, the viewport's styles hide the native scrollbars. */}\n      <DirectionProvider direction={dir}>\n        <CSPProvider disableStyleElements>\n          <Primitive.Root\n            data-slot=\"scroll-overflow-root\"\n            {...{ [SLOT_ATTR]: \"scroll-overflow-root\" }}\n            {...props}\n            dir={dir}\n            className={mergeClasses(\n              styles.scrollAreaRoot,\n              isHorizontal\n                ? styles.scrollAreaRootHorizontal\n                : styles.scrollAreaRootVertical,\n              showTrack &&\n                (isHorizontal\n                  ? styles.scrollAreaRootScrollbarHorizontal\n                  : styles.scrollAreaRootScrollbarVertical)\n            )}\n          >\n            <Primitive.Viewport\n              ref={scrollRef}\n              data-slot=\"scroll-overflow-viewport\"\n              {...{ [SLOT_ATTR]: \"scroll-overflow-viewport\" }}\n              tabIndex={hasOverflow ? 0 : -1}\n              onKeyDown={handleKeyDown}\n              className={mergeClasses(\n                styles.viewport,\n                isHorizontal && styles.viewportHorizontal,\n                scrollbar && styles.viewportFlex,\n                !isHorizontal && styles.viewportVertical\n              )}\n              // Only the axis with a track scrolls, as Radix enabled overflow per mounted scrollbar.\n              style={{\n                overflowX: isHorizontal ? \"scroll\" : \"hidden\",\n                overflowY: isHorizontal ? \"hidden\" : \"scroll\",\n              }}\n            >\n              <Primitive.Content\n                className={styles.content}\n                // Over Base UI's fit-content, as Radix's wrapper filled the viewport.\n                style={{ minWidth: \"100%\" }}\n              >\n                {children}\n              </Primitive.Content>\n            </Primitive.Viewport>\n\n            <Primitive.Scrollbar\n              keepMounted\n              orientation={orientation}\n              data-slot=\"scroll-overflow-scrollbar\"\n              {...{ [SLOT_ATTR]: \"scroll-overflow-scrollbar\" }}\n              className={mergeClasses(\n                scrollbarStyles.track,\n                showTrack ? styles.scrollbar : styles.scrollbarHidden,\n                isHorizontal\n                  ? styles.scrollbarHorizontal\n                  : styles.scrollbarVertical\n              )}\n            >\n              <Primitive.Thumb\n                data-slot=\"scroll-overflow-thumb\"\n                {...{ [SLOT_ATTR]: \"scroll-overflow-thumb\" }}\n                className={mergeClasses(scrollbarStyles.thumb, styles.thumb)}\n              />\n            </Primitive.Scrollbar>\n          </Primitive.Root>\n        </CSPProvider>\n      </DirectionProvider>\n\n      {/* End gradient + shadow */}\n      {gradients && canScrollEnd && (\n        <div\n          data-slot=\"scroll-overflow-fade-end\"\n          {...{ [SLOT_ATTR]: \"scroll-overflow-fade-end\" }}\n          aria-hidden=\"true\"\n          className={mergeClasses(\n            styles.fade,\n            isHorizontal ? styles.fadeHorizontalEnd : styles.fadeVerticalEnd,\n            shadow &&\n              (isHorizontal\n                ? styles.shadowHorizontalEnd\n                : styles.shadowVerticalEnd)\n          )}\n          style={\n            isHorizontal\n              ? {\n                  width: gradientWidth,\n                  background: `linear-gradient(to left, ${gradientColor}, transparent)`,\n                }\n              : {\n                  height: gradientWidth,\n                  background: `linear-gradient(to top, ${gradientColor}, transparent)`,\n                }\n          }\n        />\n      )}\n\n      {/* End arrow button */}\n      {arrows && canScrollEnd && (\n        <button\n          data-slot=\"scroll-overflow-arrow-end\"\n          {...{ [SLOT_ATTR]: \"scroll-overflow-arrow-end\" }}\n          type=\"button\"\n          tabIndex={-1}\n          aria-label={isHorizontal ? \"Scroll right\" : \"Scroll down\"}\n          onClick={scrollToEnd}\n          className={mergeClasses(\n            styles.arrowButton,\n            isHorizontal ? styles.arrowHorizontalEnd : styles.arrowVerticalEnd\n          )}\n        >\n          <span\n            data-slot=\"scroll-overflow-arrow-icon\"\n            {...{ [SLOT_ATTR]: \"scroll-overflow-arrow-icon\" }}\n            className={styles.arrowBadge}\n          >\n            {isHorizontal ? (\n              <ChevronRightIcon className={styles.arrowIcon} />\n            ) : (\n              <ChevronDownIcon className={styles.arrowIcon} />\n            )}\n          </span>\n        </button>\n      )}\n    </div>\n  )\n})\n"],"names":["getScrollBehavior","useScrollOverflow","options","scrollStep","orientation","scrollRef","React","hasOverflow","setHasOverflow","canScrollStart","setCanScrollStart","canScrollEnd","setCanScrollEnd","isHorizontal","updateScrollState","el","scrollLeft","scrollWidth","clientWidth","scrollTop","scrollHeight","clientHeight","observer","child","scrollToStartFn","_a","scrollToEndFn","ChevronLeftIcon","props","jsx","ChevronRightIcon","ChevronUpIcon","ChevronDownIcon","useStyles","makeZenithStyles","nativeControl","shorthands","boxModel","tokens.grayA8","tokens.radiusSm","tokens.gray1","tokens.grayA12","tokens.radiusMd","tokens.accentA8","ScrollOverflow","className","children","arrows","gradients","gradientWidth","gradientColor","tokens.body","shadow","scrollbar","dir","type","_scrollHideDelay","_asChild","ref","styles","scrollbarStyles","useScrollbarStyles","scrollToStart","scrollToEnd","showTrack","handleKeyDown","e","prevKey","nextKey","_b","jsxs","SLOT_ATTR","mergeClasses","DirectionProvider","CSPProvider","Primitive"],"mappings":"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"}