@bitrise/bitkit-v2 0.3.481-beta.3101 → 0.3.481-beta.3105

package/dist/theme/slot-recipes/Filter.recipe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Filter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Filter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst chipButton: SystemStyleObject = {\n  alignItems: 'center',\n  alignSelf: 'stretch',\n  display: 'flex',\n  _hover: {\n    background: 'background/hover',\n    _active: {\n      background: 'background/active',\n    },\n  },\n  _active: {\n    background: 'background/active',\n  },\n  _disabled: {\n    cursor: 'not-allowed',\n    '& :is(span, svg)': {\n      color: 'text/disabled',\n    },\n    _hover: {\n      background: 'transparent',\n    },\n  },\n};\n\n// The keyboard focus ring for a wrapper whose input has no outline of its own. Chakra's `focusRing`\n// only fires on the focused element itself, so the global ring variables are applied directly.\nconst wrapperFocusRing: SystemStyleObject = {\n  outlineColor: 'var(--focus-ring-color)',\n  outlineOffset: 'var(--focus-ring-offset)',\n  outlineStyle: 'var(--focus-ring-style)',\n  outlineWidth: 'var(--focus-ring-width)',\n};\n\nconst switchItemDisabled: SystemStyleObject = {\n  color: 'text/disabled',\n  cursor: 'not-allowed',\n  '& svg': {\n    color: 'icon/disabled',\n  },\n  _hover: {\n    background: 'transparent',\n    color: 'text/disabled',\n    _active: {\n      background: 'transparent',\n    },\n  },\n  _active: {\n    background: 'transparent',\n  },\n  _checked: {\n    _hover: {\n      background: 'background/primary',\n      _active: {\n        background: 'background/primary',\n      },\n    },\n    _active: {\n      background: 'background/primary',\n    },\n  },\n};\n\nconst filterSlotRecipe = defineSlotRecipe({\n  className: 'filter',\n  slots: [\n    'root',\n    'content',\n    'filters',\n    'icon',\n    'items',\n    'searchBlock',\n    'search',\n    'searchInput',\n    'switch',\n    'switchItem',\n    'switchItemText',\n    'chip',\n    'chipTrigger',\n    'chipLabel',\n    'chipValue',\n    'chipIcon',\n    'chipChevron',\n    'chipRemove',\n    'popoverContent',\n    'addMenu',\n    'addMenuItem',\n    'addMenuLabel',\n    'addMenuIcon',\n    'addSheetBackdrop',\n    'addSheetPositioner',\n    'addSheet',\n    'addSheetItem',\n    'addSheetItemReason',\n    'calendarFooter',\n    'popoverSearch',\n    'popoverBody',\n    'popoverFooter',\n    'popoverFooterStart',\n    'checkboxList',\n    'listHelperText',\n    'loading',\n    'pattern',\n    'patternResults',\n    'patternResultsLabel',\n    'mobileBar',\n    'mobileTrigger',\n    'mobileSearch',\n    'mobileSearchInput',\n    'mobileHeader',\n    'mobileTitle',\n    'mobilePanelHeader',\n    'mobilePanelOverline',\n    'mobilePanelTitle',\n    'mobileBody',\n    'mobileFooter',\n    'mobileListCheck',\n    'mobileListCheckbox',\n    'field',\n    'fieldLabel',\n    'fieldControl',\n    'fieldTrigger',\n    'fieldIcon',\n    'fieldValue',\n    'fieldChevron',\n    'fieldRemove',\n  ],\n  base: {\n    // No padding of its own: placed like any block, its edges line up with what's around it.\n    root: {\n      background: 'background/primary',\n      display: 'flex',\n      justifyContent: 'center',\n    },\n    content: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flex: '1',\n      gap: '16',\n      minWidth: 0,\n    },\n    filters: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flex: '1',\n      gap: '12',\n      minWidth: 0,\n    },\n    icon: {\n      color: 'icon/tertiary',\n      // Flex, so the inline svg's line box adds no extra height.\n      display: 'flex',\n      flexShrink: 0,\n      padding: '4',\n    },\n    items: {\n      alignItems: 'center',\n      display: 'flex',\n      flex: '1',\n      flexWrap: 'wrap',\n      gap: '12',\n      minWidth: 0,\n    },\n    searchBlock: {\n      alignSelf: 'stretch',\n      borderColor: 'border/minimal',\n      borderInlineStartWidth: '1',\n      display: 'flex',\n      flexShrink: 0,\n      paddingInlineStart: '16',\n    },\n    search: {\n      alignItems: 'center',\n      background: 'background/primary',\n      borderRadius: '4',\n      cursor: 'text',\n      color: 'icon/tertiary',\n      display: 'flex',\n      gap: '8',\n      // As tall as the chips, so the bar is no taller than a row of them.\n      height: '32',\n      paddingInline: '8',\n      width: rem(148),\n      _hover: {\n        background: 'background/secondary',\n      },\n      '&:has(input:focus-visible)': wrapperFocusRing,\n    },\n    searchInput: {\n      background: 'transparent',\n      color: 'input/text/inputValue',\n      flex: '1',\n      minWidth: 0,\n      outline: 'none',\n      textStyle: 'body/md/regular',\n      _placeholder: {\n        color: 'input/text/placeholder',\n      },\n      // The clear button replaces the native cancel glyph of `type=\"search\"`.\n      '&::-webkit-search-cancel-button': {\n        appearance: 'none',\n      },\n    },\n    switch: {\n      background: 'background/secondary',\n      borderRadius: '4',\n      display: 'inline-flex',\n      flexShrink: 0,\n      position: 'relative',\n    },\n    switchItem: {\n      alignItems: 'center',\n      borderRadius: '4',\n      color: 'text/secondary',\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '4',\n      height: '32',\n      paddingInline: '8',\n      position: 'relative',\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n      // An item's own `iconColor` is left alone, except when disabled.\n      '& svg:not([data-own-color])': {\n        color: 'icon/tertiary',\n      },\n      // Divider after an unselected item, hidden next to the selected or hovered one.\n      _after: {\n        background: 'border/regular',\n        content: '\"\"',\n        height: '16',\n        insetInlineEnd: 0,\n        position: 'absolute',\n        top: '8',\n        width: '1',\n      },\n      '&:last-of-type, &[data-state=checked], &:hover, &:has(+ [data-state=checked]), &:has(+ :hover)': {\n        _after: {\n          display: 'none',\n        },\n      },\n      '&:has(input:focus-visible)': wrapperFocusRing,\n      _hover: {\n        background: 'background/hover',\n        color: 'text/primary',\n        '& svg:not([data-own-color])': {\n          color: 'icon/secondary',\n        },\n        _active: {\n          background: 'background/active',\n        },\n      },\n      _active: {\n        background: 'background/active',\n        color: 'text/primary',\n      },\n      _checked: {\n        background: 'background/primary',\n        // Inset, so the selected item is no taller than the others.\n        boxShadow: 'inset 0 0 0 1px var(--colors-border\\\\/strong)',\n        color: 'text/primary',\n        '& svg:not([data-own-color])': {\n          color: 'icon/secondary',\n        },\n        _hover: {\n          background: 'background/primary',\n        },\n      },\n      // Read-only while the page loads, so the item keeps a focus handed to it; it looks disabled.\n      _disabled: switchItemDisabled,\n      _readOnly: switchItemDisabled,\n    },\n    switchItemText: {\n      paddingInline: '4',\n    },\n    chip: {\n      alignItems: 'center',\n      background: 'background/primary',\n      borderColor: 'border/strong',\n      borderRadius: '4',\n      borderWidth: '1',\n      display: 'inline-flex',\n      height: '32',\n      maxWidth: rem(320),\n      minWidth: 0,\n      overflow: 'hidden',\n      textStyle: 'body/md/regular',\n      '&:has(button:is(:disabled, [aria-disabled=true]))': {\n        borderColor: 'border/disabled',\n      },\n      // The chip's popover is open: Zag marks the trigger inside it as expanded.\n      '&:has([aria-expanded=true])': {\n        boxShadow: '0 0 0 0.125rem var(--focus-ring-color)',\n        // Figma's selected chip stays white, even under the pointer that just opened it.\n        '& button, & button:hover': {\n          background: 'background/primary',\n        },\n      },\n      // The date chip's trigger sits inside the calendar's root and control divs; they stretch like a direct child would.\n      '& [data-scope=date-picker]:is([data-part=root], [data-part=control])': {\n        alignSelf: 'stretch',\n        flex: '1',\n        minWidth: 0,\n      },\n    },\n    chipTrigger: {\n      ...chipButton,\n      flex: '1',\n      gap: '4',\n      minWidth: 0,\n      paddingInlineEnd: '8',\n      paddingInlineStart: '12',\n      whiteSpace: 'nowrap',\n      '&:has([data-chip-icon])': {\n        paddingInlineStart: '8',\n      },\n      '&:is(:hover, :active) [data-chip-icon]': {\n        color: 'icon/secondary',\n      },\n    },\n    chipLabel: {\n      color: 'text/secondary',\n      flexShrink: 0,\n    },\n    chipValue: {\n      color: 'text/body',\n      minWidth: 0,\n      truncate: true,\n    },\n    chipIcon: {\n      color: 'icon/tertiary',\n      flexShrink: 0,\n      marginInlineEnd: '4',\n    },\n    chipChevron: {\n      color: 'icon/primary',\n      flexShrink: 0,\n      marginInlineStart: '8',\n    },\n    chipRemove: {\n      ...chipButton,\n      color: 'icon/primary',\n      flexShrink: 0,\n      paddingInlineEnd: '8',\n      paddingInlineStart: '4',\n    },\n    popoverContent: {\n      // The popover's 60vh cap, or less where the space next to the bar is shorter.\n      maxHeight: 'min(60vh, var(--available-height, 60vh))',\n      // As wide as its content: at least its chip and 320px, at most 800px.\n      maxWidth: rem(800),\n      minWidth: 'max(var(--reference-width, 0px), 20rem)',\n      width: 'max-content',\n      // The wildcard pattern's explanation would otherwise stretch it to its widest.\n      '&:has([data-filter-pattern])': {\n        width: rem(480),\n      },\n      // The footer's top padding is the gap under the list, so the list adds none of its own.\n      '& [data-scope=listbox][data-part=content]': {\n        paddingBlockEnd: 0,\n      },\n    },\n    addMenu: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      maxHeight: 'var(--available-height)',\n      outline: 'none',\n      overflowY: 'auto',\n      paddingBlock: '8',\n      width: rem(240),\n      zIndex: 'popover',\n    },\n    addMenuItem: {\n      alignItems: 'center',\n      color: 'text/body',\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '4',\n      minHeight: '40',\n      paddingBlock: '8',\n      paddingInline: '16',\n      textStyle: 'body/md/regular',\n      userSelect: 'none',\n      _highlighted: {\n        background: 'background/hover',\n        _active: {\n          background: 'background/active',\n        },\n      },\n      _active: {\n        background: 'background/active',\n      },\n      _disabled: {\n        color: 'text/disabled',\n        cursor: 'not-allowed',\n        _highlighted: {\n          background: 'transparent',\n        },\n        // Not applicable yet: `aria-disabled` but reachable, so the keyboard highlight still shows.\n        '&[data-not-applicable]': {\n          color: 'text/tertiary',\n          _highlighted: {\n            background: 'background/hover',\n          },\n        },\n      },\n      // The chevron only shows on the row under the pointer or keyboard.\n      '&:not([data-highlighted]) [data-add-chevron]': {\n        visibility: 'hidden',\n      },\n    },\n    addMenuLabel: {\n      color: 'text/tertiary',\n      paddingBlock: '8',\n      paddingInline: '16',\n      textStyle: 'heading/h6',\n    },\n    addMenuIcon: {\n      color: 'icon/tertiary',\n      flexShrink: 0,\n      marginInlineStart: 'auto',\n    },\n    addSheetBackdrop: {\n      background: 'utilities/overlay-light',\n      inset: 0,\n      position: 'fixed',\n      zIndex: 'calc({zIndex.dialogOverlay} + var(--layer-index, 0))',\n    },\n    addSheetPositioner: {\n      alignItems: 'flex-end',\n      display: 'flex',\n      inset: 0,\n      justifyContent: 'stretch',\n      padding: '16',\n      position: 'fixed',\n      zIndex: 'calc({zIndex.dialog} + var(--layer-index, 0))',\n    },\n    addSheet: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      maxHeight: '80dvh',\n      outline: 'none',\n      overflowY: 'auto',\n      paddingBlock: '8',\n    },\n    addSheetItem: {\n      ...chipButton,\n      alignSelf: 'auto',\n      color: 'text/body',\n      gap: '12',\n      minHeight: '48',\n      paddingBlock: '8',\n      paddingInline: '16',\n      textAlign: 'start',\n      textStyle: 'body/lg/regular',\n      _disabled: {\n        color: 'text/disabled',\n        cursor: 'not-allowed',\n        _hover: {\n          background: 'transparent',\n        },\n        '&[data-not-applicable]': {\n          color: 'text/tertiary',\n          '& :is(span, svg)': {\n            color: 'text/tertiary',\n          },\n        },\n      },\n    },\n    addSheetItemReason: {\n      color: 'text/tertiary',\n      textStyle: 'body/sm/regular',\n    },\n    calendarFooter: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '8',\n      marginBlockStart: '24',\n    },\n    popoverSearch: {\n      flexShrink: 0,\n      paddingBlockEnd: '8',\n      paddingBlockStart: '8',\n      paddingInline: '12',\n    },\n    // When the popover is capped by the space available, the list (or pattern results) gives way and\n    // scrolls on its own, rather than running under the footer: every part may shrink below its content.\n    popoverBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      '& > *, & [data-scope=listbox]:is([data-part=root], [data-part=content])': {\n        minHeight: 0,\n      },\n      '& [data-scope=listbox][data-part=root]': {\n        display: 'flex',\n        flexDirection: 'column',\n      },\n    },\n    popoverFooter: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '8',\n      paddingBlockEnd: '16',\n      paddingBlockStart: '24',\n      paddingInline: '16',\n    },\n    popoverFooterStart: {\n      flex: '1',\n    },\n    checkboxList: {\n      maxHeight: rem(200),\n      overflowY: 'auto',\n      // Room for the last checkbox's check mark, drawn 1px past its box, so a short list doesn't scroll.\n      paddingBlockEnd: '1',\n      paddingBlockStart: '8',\n      paddingInline: '20',\n      // An option's icon: secondary, primary while hovered, interactive once checked.\n      '& [data-option-icon]': {\n        color: 'icon/secondary',\n      },\n      '& [data-scope=checkbox][data-part=root]:hover [data-option-icon]': {\n        color: 'icon/primary',\n      },\n      '& [data-scope=checkbox][data-part=root][data-state=checked] [data-option-icon]': {\n        color: 'icon/interactive',\n      },\n    },\n    listHelperText: {\n      color: 'text/secondary',\n      textStyle: 'body/sm/regular',\n    },\n    loading: {\n      paddingBlock: '8',\n      paddingInline: '16',\n    },\n    pattern: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '24',\n      paddingBlockStart: '8',\n      paddingInline: '16',\n    },\n    patternResults: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n      maxHeight: rem(176),\n      minHeight: 0,\n      overflowY: 'auto',\n    },\n    patternResultsLabel: {\n      color: 'text/primary',\n      textStyle: 'comp/input/label',\n    },\n    mobileBar: {\n      alignItems: 'center',\n      borderBlockEndWidth: '1',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      gap: '12',\n      justifyContent: 'space-between',\n      padding: '16',\n    },\n    mobileTrigger: {\n      ...chipButton,\n      alignSelf: 'auto',\n      background: 'background/primary',\n      borderColor: 'border/strong',\n      borderRadius: '4',\n      borderWidth: '1',\n      color: 'text/primary',\n      gap: '8',\n      height: '32',\n      paddingInline: '8',\n      textStyle: 'comp/button/sm',\n      _icon: {\n        color: 'icon/primary',\n      },\n      _disabled: {\n        borderColor: 'border/disabled',\n        color: 'text/disabled',\n        _icon: {\n          color: 'icon/disabled',\n        },\n      },\n    },\n    mobileSearch: {\n      alignItems: 'center',\n      borderBlockEndWidth: '1',\n      borderColor: 'border/minimal',\n      cursor: 'text',\n      color: 'icon/tertiary',\n      display: 'flex',\n      gap: '12',\n      height: rem(56),\n      paddingInline: '16',\n      // Drawn inside, since the row runs edge to edge.\n      '&:has(input:focus-visible)': {\n        ...wrapperFocusRing,\n        outlineOffset: 'calc(var(--focus-ring-width) * -1)',\n      },\n    },\n    mobileSearchInput: {\n      background: 'transparent',\n      color: 'input/text/inputValue',\n      flex: '1',\n      minWidth: 0,\n      outline: 'none',\n      textStyle: 'body/lg/regular',\n      _placeholder: {\n        color: 'input/text/placeholder',\n      },\n      '&::-webkit-search-cancel-button': {\n        appearance: 'none',\n      },\n    },\n    mobileHeader: {\n      alignItems: 'center',\n      borderBlockEndWidth: '1',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '12',\n      // Matches the docked drawer's body and footer inset.\n      paddingBlock: '16',\n      paddingInline: { base: '16', tablet: '24' },\n    },\n    mobileTitle: {\n      color: 'text/primary',\n      flex: '1',\n      textStyle: 'heading/mobile/h2',\n    },\n    mobilePanelHeader: {\n      alignItems: 'center',\n      borderBlockEndWidth: '1',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '12',\n      paddingBlock: '12',\n      // Matches the docked drawer's footer inset.\n      paddingInline: { base: '16', tablet: '24' },\n    },\n    mobilePanelOverline: {\n      color: 'text/tertiary',\n      textStyle: 'heading/h6',\n    },\n    mobilePanelTitle: {\n      color: 'text/primary',\n      textStyle: 'heading/mobile/h3',\n    },\n    // The docked drawer pads the body and footer itself.\n    mobileBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n    },\n    mobileFooter: {\n      display: 'flex',\n      gap: '12',\n      '& > *': {\n        flex: '1',\n      },\n    },\n    // Drawn in front of the label on mobile, with its column kept on unselected rows so the labels line up.\n    mobileListCheck: {\n      color: 'icon/interactive',\n      display: 'flex',\n      flexShrink: 0,\n      '&[data-state=unchecked]': {\n        visibility: 'hidden',\n      },\n    },\n    mobileListCheckbox: {\n      flexShrink: 0,\n    },\n    field: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n    },\n    fieldLabel: {\n      color: 'text/primary',\n      textStyle: 'comp/input/label',\n    },\n    fieldControl: {\n      background: 'background/primary',\n      borderColor: 'border/strong',\n      borderRadius: '4',\n      borderWidth: '1',\n      display: 'flex',\n      height: '48',\n      overflow: 'hidden',\n      '&:has(button:is(:disabled, [aria-disabled=true]))': {\n        borderColor: 'border/disabled',\n      },\n    },\n    fieldTrigger: {\n      ...chipButton,\n      flex: '1',\n      gap: '8',\n      minWidth: 0,\n      paddingInline: '16',\n      textAlign: 'start',\n      textStyle: 'body/lg/regular',\n    },\n    fieldIcon: {\n      color: 'icon/secondary',\n      flexShrink: 0,\n    },\n    fieldValue: {\n      color: 'text/body',\n      flex: '1',\n      minWidth: 0,\n      truncate: true,\n    },\n    fieldChevron: {\n      color: 'icon/primary',\n      flexShrink: 0,\n    },\n    fieldRemove: {\n      ...chipButton,\n      color: 'icon/primary',\n      flexShrink: 0,\n      justifyContent: 'center',\n      width: '48',\n    },\n  },\n  variants: {\n    // Under a page header: a bottom border and the page's inline padding. `capped` is the centred\n    // column, `full` the full-width one.\n    pageLayout: {\n      capped: {\n        root: {\n          borderBlockEndWidth: '1',\n          borderColor: 'border/regular',\n          paddingBlock: '12',\n          paddingInline: { base: '16', tablet: '32' },\n        },\n      },\n      full: {\n        root: {\n          borderBlockEndWidth: '1',\n          borderColor: 'border/regular',\n          paddingBlock: '12',\n          paddingInline: { base: '16', tablet: '32' },\n        },\n      },\n    },\n    contentAlign: {\n      center: {},\n      start: {\n        root: {\n          justifyContent: 'flex-start',\n        },\n      },\n    },\n  },\n});\n\nexport default filterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,aAAgC;CACpC,YAAY;CACZ,WAAW;CACX,SAAS;CACT,QAAQ;EACN,YAAY;EACZ,SAAS,EACP,YAAY,oBACd;CACF;CACA,SAAS,EACP,YAAY,oBACd;CACA,WAAW;EACT,QAAQ;EACR,oBAAoB,EAClB,OAAO,gBACT;EACA,QAAQ,EACN,YAAY,cACd;CACF;AACF;AAIA,IAAM,mBAAsC;CAC1C,cAAc;CACd,eAAe;CACf,cAAc;CACd,cAAc;AAChB;AAEA,IAAM,qBAAwC;CAC5C,OAAO;CACP,QAAQ;CACR,SAAS,EACP,OAAO,gBACT;CACA,QAAQ;EACN,YAAY;EACZ,OAAO;EACP,SAAS,EACP,YAAY,cACd;CACF;CACA,SAAS,EACP,YAAY,cACd;CACA,UAAU;EACR,QAAQ;GACN,YAAY;GACZ,SAAS,EACP,YAAY,qBACd;EACF;EACA,SAAS,EACP,YAAY,qBACd;CACF;AACF;AAEA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EAEJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,gBAAgB;EAClB;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,UAAU;EACZ;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,UAAU;EACZ;EACA,MAAM;GACJ,OAAO;GAEP,SAAS;GACT,YAAY;GACZ,SAAS;EACX;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,MAAM;GACN,UAAU;GACV,KAAK;GACL,UAAU;EACZ;EACA,aAAa;G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"}

package/dist/theme/slot-recipes/Listbox.recipe.d.ts

@@ -1,22 +0,0 @@
-declare const listboxSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "empty", {
-    size: {
-        md: {};
-        lg: {
-            content: {
-                maxHeight: "none";
-                paddingBlock: "8";
-            };
-            item: {
-                minHeight: "48";
-                textStyle: "body/lg/regular";
-                _selected: {
-                    textStyle: "body/lg/regular";
-                };
-            };
-            empty: {
-                textStyle: "body/lg/regular";
-            };
-        };
-    };
-}>;
-export default listboxSlotRecipe;

package/dist/theme/slot-recipes/Listbox.recipe.js

@@ -1,108 +0,0 @@
-import { rem } from "../themeUtils.js";
-import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
-import { listboxAnatomy } from "@chakra-ui/react/anatomy";
-//#region lib/theme/slot-recipes/Listbox.recipe.ts
-var listboxSlotRecipe = defineSlotRecipe({
-	className: "listbox",
-	slots: listboxAnatomy.keys(),
-	base: {
-		root: {
-			display: "flex",
-			flexDirection: "column",
-			width: "100%"
-		},
-		content: {
-			display: "flex",
-			flexDirection: "column",
-			maxHeight: rem(200),
-			outline: "none",
-			overflowY: "auto",
-			paddingBlockEnd: "16"
-		},
-		item: {
-			alignItems: "center",
-			color: "text/body",
-			cursor: "pointer",
-			display: "flex",
-			gap: "12",
-			minHeight: "40",
-			paddingBlock: "8",
-			paddingInline: "24",
-			textAlign: "start",
-			textStyle: "body/md/regular",
-			userSelect: "none",
-			"& [data-option-icon]": { color: "icon/secondary" },
-			_highlighted: {
-				background: "background/hover",
-				"& [data-option-icon]": { color: "icon/primary" }
-			},
-			_hover: {
-				background: "background/hover",
-				"& [data-option-icon]": { color: "icon/primary" },
-				_selected: {
-					background: "background/selected-hover",
-					"& [data-option-icon]": { color: "icon/interactive" }
-				}
-			},
-			_selected: {
-				background: "background/selected",
-				color: "text/primary",
-				textStyle: "body/md/semibold",
-				"& [data-option-icon]": { color: "icon/interactive" },
-				_highlighted: {
-					background: "background/selected-hover",
-					"& [data-option-icon]": { color: "icon/interactive" }
-				}
-			},
-			_disabled: {
-				color: "text/disabled",
-				cursor: "not-allowed",
-				_highlighted: { background: "transparent" }
-			}
-		},
-		itemText: {
-			flex: "1",
-			minWidth: 0,
-			truncate: true
-		},
-		itemIndicator: {
-			color: "icon/interactive",
-			display: "flex",
-			flexShrink: 0
-		},
-		itemGroup: {},
-		itemGroupLabel: {},
-		empty: {
-			color: "text/secondary",
-			paddingBlock: "8",
-			paddingInline: "24",
-			textStyle: "body/md/regular"
-		},
-		label: {
-			color: "text/primary",
-			textStyle: "comp/input/label"
-		},
-		valueText: { truncate: true },
-		input: {}
-	},
-	variants: { size: {
-		md: {},
-		lg: {
-			content: {
-				maxHeight: "none",
-				paddingBlock: "8"
-			},
-			item: {
-				minHeight: "48",
-				textStyle: "body/lg/regular",
-				_selected: { textStyle: "body/lg/regular" }
-			},
-			empty: { textStyle: "body/lg/regular" }
-		}
-	} },
-	defaultVariants: { size: "md" }
-});
-//#endregion
-export { listboxSlotRecipe as default };
-
-//# sourceMappingURL=Listbox.recipe.js.map

package/dist/theme/slot-recipes/Listbox.recipe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Listbox.recipe.ts"],"sourcesContent":["import { listboxAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst listboxSlotRecipe = defineSlotRecipe({\n  className: 'listbox',\n  slots: listboxAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'column',\n      maxHeight: rem(200),\n      outline: 'none',\n      overflowY: 'auto',\n      paddingBlockEnd: '16',\n    },\n    item: {\n      alignItems: 'center',\n      color: 'text/body',\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '12',\n      minHeight: '40',\n      paddingBlock: '8',\n      paddingInline: '24',\n      textAlign: 'start',\n      textStyle: 'body/md/regular',\n      userSelect: 'none',\n      // An option's icon: secondary, primary while hovered or highlighted, interactive once selected.\n      '& [data-option-icon]': {\n        color: 'icon/secondary',\n      },\n      _highlighted: {\n        background: 'background/hover',\n        '& [data-option-icon]': {\n          color: 'icon/primary',\n        },\n      },\n      // Zag only moves the highlight with the keyboard here, so the pointer gets its own hover.\n      _hover: {\n        background: 'background/hover',\n        '& [data-option-icon]': {\n          color: 'icon/primary',\n        },\n        _selected: {\n          background: 'background/selected-hover',\n          '& [data-option-icon]': {\n            color: 'icon/interactive',\n          },\n        },\n      },\n      _selected: {\n        background: 'background/selected',\n        color: 'text/primary',\n        textStyle: 'body/md/semibold',\n        '& [data-option-icon]': {\n          color: 'icon/interactive',\n        },\n        _highlighted: {\n          background: 'background/selected-hover',\n          '& [data-option-icon]': {\n            color: 'icon/interactive',\n          },\n        },\n      },\n      _disabled: {\n        color: 'text/disabled',\n        cursor: 'not-allowed',\n        _highlighted: {\n          background: 'transparent',\n        },\n      },\n    },\n    itemText: {\n      flex: '1',\n      minWidth: 0,\n      truncate: true,\n    },\n    itemIndicator: {\n      color: 'icon/interactive',\n      display: 'flex',\n      flexShrink: 0,\n    },\n    itemGroup: {},\n    // A group's label is a `BitkitGroupHeading`, which brings its own styles.\n    itemGroupLabel: {},\n    empty: {\n      color: 'text/secondary',\n      paddingBlock: '8',\n      paddingInline: '24',\n      textStyle: 'body/md/regular',\n    },\n    label: {\n      color: 'text/primary',\n      textStyle: 'comp/input/label',\n    },\n    valueText: {\n      truncate: true,\n    },\n    input: {},\n  },\n  variants: {\n    size: {\n      md: {},\n      // The full-screen mobile filter list: taller rows, larger text, unbounded height.\n      lg: {\n        content: {\n          maxHeight: 'none',\n          paddingBlock: '8',\n        },\n        item: {\n          minHeight: '48',\n          textStyle: 'body/lg/regular',\n          _selected: {\n            textStyle: 'body/lg/regular',\n          },\n        },\n        empty: {\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default listboxSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO,eAAe,KAAK;CAC3B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;EACT;EACA,SAAS;GACP,SAAS;GACT,eAAe;GACf,WAAW,IAAI,GAAG;GAClB,SAAS;GACT,WAAW;GACX,iBAAiB;EACnB;EACA,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,SAAS;GACT,KAAK;GACL,WAAW;GACX,cAAc;GACd,eAAe;GACf,WAAW;GACX,WAAW;GACX,YAAY;GAEZ,wBAAwB,EACtB,OAAO,iBACT;GACA,cAAc;IACZ,YAAY;IACZ,wBAAwB,EACtB,OAAO,eACT;GACF;GAEA,QAAQ;IACN,YAAY;IACZ,wBAAwB,EACtB,OAAO,eACT;IACA,WAAW;KACT,YAAY;KACZ,wBAAwB,EACtB,OAAO,mBACT;IACF;GACF;GACA,WAAW;IACT,YAAY;IACZ,OAAO;IACP,WAAW;IACX,wBAAwB,EACtB,OAAO,mBACT;IACA,cAAc;KACZ,YAAY;KACZ,wBAAwB,EACtB,OAAO,mBACT;IACF;GACF;GACA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,cAAc,EACZ,YAAY,cACd;GACF;EACF;EACA,UAAU;GACR,MAAM;GACN,UAAU;GACV,UAAU;EACZ;EACA,eAAe;GACb,OAAO;GACP,SAAS;GACT,YAAY;EACd;EACA,WAAW,CAAC;EAEZ,gBAAgB,CAAC;EACjB,OAAO;GACL,OAAO;GACP,cAAc;GACd,eAAe;GACf,WAAW;EACb;EACA,OAAO;GACL,OAAO;GACP,WAAW;EACb;EACA,WAAW,EACT,UAAU,KACZ;EACA,OAAO,CAAC;CACV;CACA,UAAU,EACR,MAAM;EACJ,IAAI,CAAC;EAEL,IAAI;GACF,SAAS;IACP,WAAW;IACX,cAAc;GAChB;GACA,MAAM;IACJ,WAAW;IACX,WAAW;IACX,WAAW,EACT,WAAW,kBACb;GACF;GACA,OAAO,EACL,WAAW,kBACb;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}