@hashicorp/mds-react 0.9.3 → 0.9.4

package/components/combo-box-primitive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/combo-box-primitive/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseId,\n\tuseState,\n} from 'react'\nimport { TextInputBase } from '../form/text-input'\n\ntype TComboBoxItem = {\n\tid: string\n\tvalue: string\n\tlabel: string\n}\n\nconst idWithPrefix = (prefix: string, id: string) => {\n\treturn `${prefix}__${id}`\n}\n\n/**\n * Something to note as you move through the code\n * The distinction between the native browser focus and the visually focused item\n *\n * The native browser focus only ever alternates between the toggle and the search input, focus should never be on an individual {@link ComboBox.Item}\n * The currently selected item is visually identified with css and marked in the accessibility tree with `aria-selected`\n *\n * You can see more in the [combobox aria guide](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/).\n *\n * To make this terse in our implementation, we use the term `vFocus` to refer to the visually focused {@link ComboBox.Item}\n */\nconst NOTHING_VFOCUSED = -1\n\ntype ComboBoxIds = {\n\ttoggle?: string\n\tpopover?: string\n\tlistbox?: string\n}\n\nfunction assertUniqueIds(ids: ComboBoxIds) {\n\tconst idToKeysMap = new Map<string, string[]>()\n\tfor (const [key, id] of Object.entries(ids)) {\n\t\tif (!id) continue\n\t\tconst existingKeys = idToKeysMap.get(id) || []\n\t\tidToKeysMap.set(id, [...existingKeys, key])\n\t}\n\n\t// tells the caller specifically which ids are duplicated\n\tfor (const [id, keys] of idToKeysMap) {\n\t\tif (keys.length > 1) {\n\t\t\tthrow new Error(\n\t\t\t\t`ComboBox: id '${id}' is duplicated in ${keys.join(', ')}`\n\t\t\t)\n\t\t}\n\t}\n}\n\n/**\n * internally, we generate them if not provided\n * so we can assert truthiness\n */\ntype InternalComboBoxIds = {\n\ttoggle: string\n\tpopover: string\n\tlistbox: string\n}\n\ninterface ComboBoxContext {\n\taddItem: (item: TComboBoxItem) => void\n\tselectItem: (item: TComboBoxItem) => void\n\tvFocusByIdx: (idx: number) => void\n\tvFocus: (item: TComboBoxItem) => void\n\tvFocusNext: () => void\n\tvFocusPrev: () => void\n\tgetSelectedItem: () => TComboBoxItem | null\n\tgetVFocusedItem: () => TComboBoxItem | null\n\tgetItems: () => TComboBoxItem[]\n\tremoveItem: (item: TComboBoxItem) => void\n\tsearchInputRef: React.RefObject<HTMLInputElement>\n\ttoggleRef: React.RefObject<HTMLDivElement>\n\tlistRef: React.RefObject<HTMLUListElement>\n\tisOpen: boolean\n\tclosePopover: () => void\n\topenPopover: () => void\n\thandleVFocusKeyboardControls: (e: React.KeyboardEvent) => void\n\tids: React.MutableRefObject<InternalComboBoxIds>\n}\n\nconst ComboBoxContext = createContext<ComboBoxContext | null>(null)\n\nconst useComboBox = (): ComboBoxContext => {\n\tconst ctx = useContext(ComboBoxContext)\n\tif (!ctx) {\n\t\tthrow new Error('useComboBox must be used within a ComboBoxProvider')\n\t}\n\treturn ctx\n}\n\ninterface ComboBoxProviderProps {\n\tchildren: React.ReactNode\n\t/**\n\t * This does **not** loop the items, it loops the focus when the items are exhausted.\n\t * Meaning that if set to `true` and the user navigates to the last {@link ComboBox.Item} and presses `ArrowDown`,\n\t * the focus will not loop back around to the first {@link ComboBox.Item}, it will return focus to the {@link ComboBox.Trigger} and close the popover.\n\t * Otherwise, if set to `false` and the user navigates to the last {@link ComboBox.Item} and presses `ArrowDown`,\n\t * it will just remain there.\n\t *\n\t * @default true\n\t */\n\tkeyboardFocusLoop?: boolean\n\tids?: ComboBoxIds\n\tonChangeVFocusedOption?: (option: TComboBoxItem) => void\n\tonChangeSelectedOption?: (option: TComboBoxItem) => void\n}\n\nconst ComboBoxProvider = ({\n\tchildren,\n\tkeyboardFocusLoop = true,\n\tids: providedIds = {},\n\tonChangeVFocusedOption,\n\tonChangeSelectedOption,\n}: ComboBoxProviderProps) => {\n\tassertUniqueIds(providedIds)\n\n\tconst itemsRef = useRef<TComboBoxItem[]>([])\n\tconst internalUsedIds = useRef(new Set<TComboBoxItem['id']>())\n\tconst [selectedItem, _setSelectedItem] = useState<TComboBoxItem | null>(null)\n\tconst [vFocusedItemIdx, _setVFocusedItemIdx] = useState(NOTHING_VFOCUSED)\n\tconst toggleRef = useRef<HTMLDivElement>(null)\n\tconst searchInputRef = useRef<HTMLInputElement>(null)\n\tconst [isOpen, setIsOpen] = useState(false)\n\tconst listRef = useRef<HTMLUListElement>(null)\n\n\tconst fallBackToggleId = idWithPrefix('hashi-combo-box-toggle', useId())\n\tconst fallBackPopoverId = idWithPrefix('hashi-combo-box-popover', useId())\n\tconst fallBackListboxId = idWithPrefix('hashi-combo-box-listbox', useId())\n\n\t// proxy the react state to simulate event listeners\n\tconst setSelectedItem = useCallback(\n\t\t(item: TComboBoxItem) => {\n\t\t\t_setSelectedItem(item)\n\t\t\tonChangeSelectedOption?.(item)\n\t\t},\n\t\t[onChangeSelectedOption]\n\t)\n\n\tconst setVFocusedItemIdx = useCallback(\n\t\t(idx: number) => {\n\t\t\t_setVFocusedItemIdx(idx)\n\t\t\tonChangeVFocusedOption?.(itemsRef.current[idx])\n\t\t},\n\t\t[onChangeVFocusedOption]\n\t)\n\n\tconst ids = useRef<InternalComboBoxIds>({\n\t\ttoggle: providedIds.toggle ?? fallBackToggleId,\n\t\tpopover: providedIds.popover ?? fallBackPopoverId,\n\t\tlistbox: providedIds.listbox ?? fallBackListboxId,\n\t})\n\n\tconst vFocusByIdx = useCallback(\n\t\t(idx: number) => {\n\t\t\tsetVFocusedItemIdx(idx)\n\t\t},\n\t\t[setVFocusedItemIdx]\n\t)\n\n\tconst vFocusNext = useCallback(() => {\n\t\tconst items = itemsRef.current\n\t\tif (vFocusedItemIdx === NOTHING_VFOCUSED) return 0\n\t\tconst potentialNextIndex = vFocusedItemIdx + 1\n\t\tconst isAtEnd = potentialNextIndex >= items.length\n\t\tlet idx\n\t\tif (isAtEnd && keyboardFocusLoop) {\n\t\t\tidx = NOTHING_VFOCUSED\n\t\t\tsetIsOpen(false)\n\t\t} else {\n\t\t\tidx = isAtEnd ? vFocusedItemIdx : potentialNextIndex\n\t\t}\n\n\t\tvFocusByIdx(idx)\n\t}, [keyboardFocusLoop, vFocusedItemIdx, vFocusByIdx])\n\n\tconst vFocusPrev = useCallback(() => {\n\t\tif (vFocusedItemIdx === NOTHING_VFOCUSED) return 0\n\t\tconst potentialPreviousIndex = vFocusedItemIdx - 1\n\t\tconst isAtStart = potentialPreviousIndex < 0\n\t\tlet idx\n\t\tif (isAtStart && keyboardFocusLoop) {\n\t\t\tidx = NOTHING_VFOCUSED\n\t\t\tsetIsOpen(false)\n\t\t} else {\n\t\t\tidx = isAtStart ? vFocusedItemIdx : potentialPreviousIndex\n\t\t}\n\n\t\tvFocusByIdx(idx)\n\t}, [keyboardFocusLoop, vFocusedItemIdx, vFocusByIdx])\n\n\tconst vFocus = useCallback(\n\t\t(item: TComboBoxItem) => {\n\t\t\tconst foundItemIndex = itemsRef.current.findIndex((i) => i.id === item.id)\n\t\t\tif (foundItemIndex === -1) {\n\t\t\t\tconsole.error('ComboBox: Item not found', item)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tsetVFocusedItemIdx(foundItemIndex)\n\t\t},\n\t\t[setVFocusedItemIdx]\n\t)\n\n\tconst getVFocusedItem = useCallback(() => {\n\t\tif (vFocusedItemIdx === NOTHING_VFOCUSED) return null\n\t\treturn itemsRef.current[vFocusedItemIdx] || null\n\t}, [vFocusedItemIdx])\n\n\tconst selectItem = useCallback(\n\t\t(item: TComboBoxItem) => {\n\t\t\tconst foundItemIndex = itemsRef.current.findIndex((i) => i.id === item.id)\n\t\t\tif (foundItemIndex === -1) {\n\t\t\t\tconsole.error(\n\t\t\t\t\t'ComboBox: Item not found, Selected item not updated',\n\t\t\t\t\titem\n\t\t\t\t)\n\t\t\t\treturn\n\t\t\t}\n\t\t\tsetSelectedItem(item)\n\t\t\tsetIsOpen(false)\n\t\t},\n\t\t[setSelectedItem]\n\t)\n\n\tconst getSelectedItem = useCallback(() => {\n\t\treturn selectedItem\n\t}, [selectedItem])\n\n\tconst addItem = useCallback((item: TComboBoxItem) => {\n\t\tif (internalUsedIds.current.has(item.id)) {\n\t\t\tconst existing = itemsRef.current.find((i) => i.id === item.id)\n\t\t\tconst attemptedToAdd = item\n\t\t\tconst dupes = JSON.stringify({\n\t\t\t\texisting,\n\t\t\t\tattemptedToAdd,\n\t\t\t})\n\t\t\tconst errMessage = `Each ComboBox.Item must have a unique id.\\n Found items with duplicate ids: ${dupes}`\n\t\t\tthrow Error(errMessage)\n\t\t}\n\t\tinternalUsedIds.current.add(item.id)\n\t\titemsRef.current.push(item)\n\t}, [])\n\n\tconst getItems = useCallback(() => {\n\t\treturn itemsRef.current\n\t}, [])\n\n\tconst removeItem = useCallback((item: TComboBoxItem) => {\n\t\tinternalUsedIds.current.delete(item.id)\n\t\titemsRef.current = itemsRef.current.filter((i) => i.id !== item.id)\n\t}, [])\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\tsearchInputRef.current?.focus()\n\t\t}\n\t}, [isOpen, searchInputRef, toggleRef])\n\n\t// if someone navigates to an item, via the keyboard, scroll it into view\n\tuseEffect(() => {\n\t\tconst vFocusedItem = getVFocusedItem()\n\t\tconst list = listRef.current\n\t\tif (vFocusedItem && list) {\n\t\t\tconst itemElement = list.querySelector(\n\t\t\t\t`[data-combo-box-item-id=\"${vFocusedItem.id}\"]`\n\t\t\t)\n\t\t\titemElement?.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n\t\t}\n\t}, [getVFocusedItem])\n\n\tconst closePopover = useCallback(() => {\n\t\tsetIsOpen(false)\n\t\tsetVFocusedItemIdx(NOTHING_VFOCUSED)\n\t}, [setVFocusedItemIdx])\n\n\tconst openPopover = useCallback(() => {\n\t\tsetIsOpen(true)\n\t}, [])\n\n\t// we need this event handler in several places because\n\t// it has to be attached to a focused element\n\t// if there is a search input in use, that will be the focused element\n\t// otherwise, it will be the toggle element\n\tconst handleVFocusKeyboardControls = (e: React.KeyboardEvent) => {\n\t\tconst isScrollingKey = e.key === 'ArrowDown' || e.key === 'ArrowUp'\n\t\tconst isSpaceKey = e.key === ' '\n\t\tconst hasSearchInput = searchInputRef.current !== null\n\t\tconst isSpacePressWithoutSearchInput = isSpaceKey && !hasSearchInput\n\t\tif (isScrollingKey || isSpacePressWithoutSearchInput) {\n\t\t\te.preventDefault()\n\t\t}\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape': {\n\t\t\t\tclosePopover()\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tconst nothingVFocused = getVFocusedItem() === null\n\t\t\t\t// if someone presses down on the search input whilst nothing is vFocused, vFocus the first item\n\t\t\t\tif (isOpen && nothingVFocused) {\n\t\t\t\t\tvFocusByIdx(0)\n\t\t\t\t} else {\n\t\t\t\t\tvFocusNext()\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tvFocusPrev()\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'Enter': {\n\t\t\t\tconst currItem = getVFocusedItem()\n\t\t\t\tif (currItem) {\n\t\t\t\t\tselectItem(currItem)\n\t\t\t\t}\n\t\t\t\tclosePopover()\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tdefault:\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\treturn (\n\t\t<ComboBoxContext.Provider\n\t\t\tvalue={{\n\t\t\t\taddItem,\n\t\t\t\tselectItem,\n\t\t\t\tvFocus,\n\t\t\t\tvFocusByIdx,\n\t\t\t\tvFocusNext,\n\t\t\t\tvFocusPrev,\n\t\t\t\tgetSelectedItem,\n\t\t\t\tgetVFocusedItem,\n\t\t\t\tgetItems,\n\t\t\t\tremoveItem,\n\t\t\t\tsearchInputRef,\n\t\t\t\ttoggleRef,\n\t\t\t\tlistRef,\n\t\t\t\tisOpen,\n\t\t\t\tclosePopover,\n\t\t\t\topenPopover,\n\t\t\t\tids,\n\t\t\t\thandleVFocusKeyboardControls,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</ComboBoxContext.Provider>\n\t)\n}\n\ninterface ComboBoxItemProps\n\textends Omit<\n\t\tReact.HTMLAttributes<HTMLLIElement>,\n\t\t'role' | 'aria-selected' | 'onClick' | 'onKeyDown' | 'onMouseEnter'\n\t> {\n\tvalue: string\n\tlabel: string\n}\n\nconst ComboBoxItem = ({\n\tid: providedId,\n\tvalue,\n\tlabel,\n\tchildren,\n\t...restProps\n}: React.PropsWithChildren<ComboBoxItemProps>) => {\n\tconst generatedId = idWithPrefix('hashi-combo-box-item', useId())\n\tconst id = providedId ?? generatedId\n\tconst { addItem, removeItem, getVFocusedItem, vFocus, selectItem } =\n\t\tuseComboBox()\n\n\tuseEffect(() => {\n\t\taddItem({ id, value, label })\n\t\treturn () => removeItem({ id, value, label })\n\t}, [addItem, id, removeItem, value, label])\n\n\tconst isVFocused = getVFocusedItem()?.id === id\n\n\treturn (\n\t\t<li\n\t\t\tdata-combo-box-item-id={id}\n\t\t\trole=\"option\"\n\t\t\taria-selected={isVFocused}\n\t\t\tdata-vfocused={isVFocused}\n\t\t\tonClick={() => selectItem({ id, value, label })}\n\t\t\tonMouseEnter={() => vFocus({ id, value, label })}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t{children}\n\t\t</li>\n\t)\n}\n\ninterface ComboBoxTriggerProps {\n\tchildren: React.ReactNode\n\tclassName?: string\n}\n\nconst ComboBoxTrigger = ({ children, className }: ComboBoxTriggerProps) => {\n\tconst {\n\t\ttoggleRef,\n\t\topenPopover,\n\t\tclosePopover,\n\t\tisOpen,\n\t\tids,\n\t\thandleVFocusKeyboardControls,\n\t\tsearchInputRef,\n\t} = useComboBox()\n\n\tconst handleClick = (e: React.MouseEvent) => {\n\t\te.stopPropagation() // an external click may be registered as an outside click which will close the popover\n\t\tif (isOpen) {\n\t\t\tclosePopover()\n\t\t} else {\n\t\t\topenPopover()\n\t\t}\n\t}\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tconst isOpenKey =\n\t\t\te.key === 'Enter' || e.key === 'ArrowDown' || e.key === ' '\n\t\tconst isClosed = isOpen === false\n\n\t\tif (isOpenKey && isClosed) {\n\t\t\te.preventDefault()\n\t\t\topenPopover()\n\t\t\treturn\n\t\t}\n\n\t\tconst hasSearchInput = searchInputRef.current !== null\n\t\t// if there is a search input, the event handler will be bound there\n\t\tif (!hasSearchInput && isOpen) {\n\t\t\thandleVFocusKeyboardControls(e)\n\t\t}\n\t}\n\n\tconst getOnBlur = () => {\n\t\treturn (e: React.FocusEvent) => {\n\t\t\tconst isClickInside = e.relatedTarget?.closest('[data-combo-box-popover]')\n\t\t\tif (isClickInside) return\n\t\t\tconst hasSearchInput = searchInputRef.current !== null\n\t\t\tif (!hasSearchInput) {\n\t\t\t\tclosePopover()\n\t\t\t}\n\t\t}\n\t}\n\n\treturn (\n\t\t<div\n\t\t\trole=\"combobox\"\n\t\t\tonClick={handleClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\ttabIndex={0}\n\t\t\tref={toggleRef}\n\t\t\taria-haspopup=\"listbox\"\n\t\t\taria-expanded={isOpen}\n\t\t\taria-controls={ids.current.popover}\n\t\t\tclassName={className}\n\t\t\tonBlur={getOnBlur()}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\ninterface ComboBoxValueProps {\n\tplaceholder?: string\n}\n\nconst ComboBoxValue = ({\n\tplaceholder = 'Select an option',\n}: ComboBoxValueProps) => {\n\tconst { getSelectedItem } = useComboBox()\n\treturn <>{getSelectedItem()?.label ?? placeholder}</>\n}\n\ninterface ComboBoxPopoverProps {\n\tchildren: React.ReactNode\n\tclassName?: string\n}\n\nconst ComboBoxPopover = ({ children, className }: ComboBoxPopoverProps) => {\n\tconst { isOpen, ids, closePopover } = useComboBox()\n\n\tuseEffect(() => {\n\t\tconst handleClickOutside = (e: MouseEvent) => {\n\t\t\tif (!isOpen) return\n\t\t\tconst target = e.target as HTMLElement\n\t\t\tconst isClickInside = target.closest('[data-combo-box-popover]')\n\t\t\tif (isClickInside) return\n\t\t\tclosePopover()\n\t\t}\n\n\t\tdocument.addEventListener('click', handleClickOutside)\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('click', handleClickOutside)\n\t\t}\n\t}, [isOpen, closePopover])\n\n\tif (!isOpen) return null\n\n\treturn (\n\t\t<div id={ids.current.popover} data-combo-box-popover className={className}>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\ninterface ComboBoxListProps extends React.PropsWithChildren {\n\t/**\n\t * Not rendered, used to hint assistive technologies,\n\t * indicate the type of options available in the popover\n\t * eg. Schools | Languages | Countries\n\t */\n\tlabel: string\n\tclassName?: string\n\tmaxHeight?: `${number}em` | `${number}px` | `${number}%`\n\tonScroll?: (e: React.UIEvent<HTMLUListElement>) => void\n}\n\nconst ComboBoxList = ({\n\tlabel,\n\tchildren,\n\tclassName = '',\n\tmaxHeight,\n\tonScroll,\n}: ComboBoxListProps) => {\n\tconst { ids, listRef } = useComboBox()\n\n\treturn (\n\t\t<ul\n\t\t\tid={ids.current.listbox}\n\t\t\taria-label={label}\n\t\t\trole=\"listbox\"\n\t\t\ttabIndex={-1}\n\t\t\tref={listRef}\n\t\t\tclassName={className}\n\t\t\tstyle={{ maxHeight }}\n\t\t\tonScroll={onScroll}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t)\n}\n\ninterface ComboBoxSearchInputProps {\n\tplaceholder?: string\n\tvalue?: string\n\tonChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n\tonBlur?: () => void\n}\n\nconst ComboBoxSearchInput = ({\n\tplaceholder = 'Search',\n\tvalue,\n\tonChange,\n\tonBlur,\n}: ComboBoxSearchInputProps) => {\n\tconst {\n\t\tsearchInputRef,\n\t\tgetVFocusedItem,\n\t\thandleVFocusKeyboardControls,\n\t\tclosePopover,\n\t} = useComboBox()\n\n\treturn (\n\t\t<TextInputBase\n\t\t\tfield={{\n\t\t\t\ttype: 'search',\n\t\t\t\tref: searchInputRef,\n\t\t\t\tautoComplete: 'off',\n\t\t\t\t'aria-haspopup': 'listbox',\n\t\t\t\t'aria-autocomplete': 'list',\n\t\t\t\trole: 'combobox',\n\t\t\t\t'aria-activedescendant': getVFocusedItem()?.id ?? '',\n\t\t\t\tplaceholder,\n\t\t\t\tvalue,\n\t\t\t\tonChange,\n\t\t\t\tonKeyDown: handleVFocusKeyboardControls,\n\t\t\t\tonBlur: (e) => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tconst isClickInside = e.relatedTarget?.closest(\n\t\t\t\t\t\t'[data-combo-box-popover]'\n\t\t\t\t\t)\n\t\t\t\t\tif (isClickInside) return\n\t\t\t\t\tclosePopover()\n\t\t\t\t\tonBlur?.()\n\t\t\t\t},\n\t\t\t}}\n\t\t/>\n\t)\n}\n\nexport type { TComboBoxItem, ComboBoxListProps, ComboBoxSearchInputProps }\n\nexport const ComboBox = Object.freeze({\n\tRoot: ComboBoxProvider,\n\tTrigger: ComboBoxTrigger,\n\tPopover: ComboBoxPopover,\n\tSearchInput: ComboBoxSearchInput,\n\tList: ComboBoxList,\n\tItem: ComboBoxItem,\n\tValue: ComboBoxValue,\n})\n"],"names":["idWithPrefix","prefix","id","NOTHING_VFOCUSED","assertUniqueIds","ids","idToKeysMap","key","existingKeys","keys","ComboBoxContext","createContext","ctx","useContext","ComboBoxProvider","children","keyboardFocusLoop","providedIds","onChangeVFocusedOption","onChangeSelectedOption","itemsRef","internalUsedIds","useRef","selectedItem","_setSelectedItem","useState","vFocusedItemIdx","toggleRef","searchInputRef","isOpen","setIsOpen","listRef","fallBackToggleId","useId","fallBackPopoverId","fallBackListboxId","useCallback","item","setVFocusedItemIdx","idx","_setVFocusedItemIdx","vFocusByIdx","vFocusNext","items","potentialNextIndex","isAtEnd","vFocusPrev","potentialPreviousIndex","isAtStart","foundItemIndex","i","getVFocusedItem","setSelectedItem","addItem","existing","errMessage","getItems","removeItem","useEffect","vFocusedItem","list","closePopover","openPopover","handleVFocusKeyboardControls","isScrollingKey","isSpaceKey","hasSearchInput","nothingVFocused","currItem","selectItem","jsx","vFocus","getSelectedItem","ComboBoxItem","providedId","value","label","restProps","generatedId","useComboBox","isVFocused","ComboBoxTrigger","className","handleClick","e","getOnBlur","handleKeyDown","placeholder","Fragment","ComboBoxPopover","handleClickOutside","ComboBoxList","maxHeight","onScroll","ComboBoxSearchInput","onChange","onBlur","TextInputBase","ComboBox","ComboBoxValue"],"mappings":"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"}

package/components/dialog-primitive/dialog.module.scss.js

@@ -0,0 +1,12 @@
+const s = "wrapper__Hnt2o", r = "dismiss__hfQfE", a = "overlay__cUa2F", o = {
+  wrapper: s,
+  dismiss: r,
+  overlay: a
+};
+export {
+  o as default,
+  r as dismiss,
+  a as overlay,
+  s as wrapper
+};
+//# sourceMappingURL=dialog.module.scss.js.map

package/components/dialog-primitive/dialog.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/dialog-primitive/index.js

@@ -0,0 +1,15 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import a from "classnames";
+import { DismissButton as l } from "../dismiss-button/index.js";
+import r from "./dialog.module.scss.js";
+const c = ({ className: s }) => /* @__PURE__ */ o("div", { className: a(r.overlay, s) }), p = ({ children: s, className: m, onDismiss: i, ...e }) => /* @__PURE__ */ t("dialog", { className: a(r.wrapper, m), ...e, children: [
+  /* @__PURE__ */ o(l, { onClick: i, className: r.dismiss }),
+  s
+] }), u = {
+  Overlay: c,
+  Wrapper: p
+};
+export {
+  u as Dialog
+};
+//# sourceMappingURL=index.js.map

package/components/dialog-primitive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dialog-primitive/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { DismissButton } from '../dismiss-button'\nimport type { DetailedHTMLProps, DialogHTMLAttributes } from 'react'\nimport s from './dialog.module.scss'\n\ninterface OverlayProps {\n\tclassName?: string\n}\n\nconst Overlay = ({ className }: OverlayProps) => {\n\treturn <div className={classNames(s.overlay, className)}></div>\n}\n\ninterface DialogProps\n\textends DetailedHTMLProps<\n\t\tDialogHTMLAttributes<HTMLDialogElement>,\n\t\tHTMLDialogElement\n\t> {\n\tonDismiss: () => void\n}\n\nconst Wrapper = ({ children, className, onDismiss, ...rest }: DialogProps) => {\n\treturn (\n\t\t<dialog className={classNames(s.wrapper, className)} {...rest}>\n\t\t\t<DismissButton onClick={onDismiss} className={s.dismiss} />\n\t\t\t{children}\n\t\t</dialog>\n\t)\n}\n\nconst Dialog = {\n\tOverlay,\n\tWrapper,\n}\n\nexport { Dialog }\n"],"names":["Overlay","className","classNames","s","Wrapper","children","onDismiss","rest","jsxs","jsx","DismissButton","Dialog"],"mappings":";;;;AASA,MAAMA,IAAU,CAAC,EAAE,WAAAC,0BACV,OAAA,EAAI,WAAWC,EAAWC,EAAE,SAASF,CAAS,GAAG,GAWpDG,IAAU,CAAC,EAAE,UAAAC,GAAU,WAAAJ,GAAW,WAAAK,GAAW,GAAGC,QAEpD,gBAAAC,EAAC,YAAO,WAAWN,EAAWC,EAAE,SAASF,CAAS,GAAI,GAAGM,GACxD,UAAA;AAAA,EAAA,gBAAAE,EAACC,GAAA,EAAc,SAASJ,GAAW,WAAWH,EAAE,SAAS;AAAA,EACxDE;AAAA,GACF,GAIIM,IAAS;AAAA,EACd,SAAAX;AAAA,EACA,SAAAI;AACD;"}

package/components/disclosure-primitive/index.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as i, Fragment as g } from "react/jsx-runtime";
+import { useState as P, useId as x, useEffect as D, useCallback as f, useMemo as C } from "react";
+import N from "classnames";
+import { useDisclosurePrimitive as T, DisclosurePrimitiveContext as h } from "./use-disclosure-primitive.js";
+import j from "./styles.module.css.js";
+const y = ({
+  onClose: e,
+  children: t,
+  className: p,
+  trackedIsOpen: o = !1,
+  containsInteractive: r = !1,
+  ariaLabel: c = "Toggle display",
+  ...a
+}) => {
+  const [n, s] = P(o), l = "content-" + x();
+  D(() => {
+    s(o);
+  }, [o]);
+  const m = f(() => {
+    s(!1), e && e();
+  }, [s, e]), u = f(() => {
+    s((d) => !d);
+  }, [s]), v = C(
+    () => ({
+      isOpen: n,
+      onClickToggle: u,
+      closeDisclosure: m,
+      contentId: l,
+      containsInteractive: r,
+      ariaLabel: c
+    }),
+    [
+      n,
+      u,
+      m,
+      l,
+      r,
+      c
+    ]
+  );
+  return /* @__PURE__ */ i(h.Provider, { value: v, children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: N(j["disclosure-primitive"], p),
+      ...a,
+      children: t
+    }
+  ) });
+}, E = ({ children: e }) => {
+  const { isOpen: t } = T();
+  return t ? /* @__PURE__ */ i(g, { children: e }) : null;
+}, b = { Provider: y, Content: E };
+export {
+  b as DisclosurePrimitive
+};
+//# sourceMappingURL=index.js.map

package/components/disclosure-primitive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/disclosure-primitive/index.tsx"],"sourcesContent":["'use client'\n\nimport type { PropsWithChildren } from 'react'\nimport {\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\tuseCallback,\n\tuseId,\n\ttype HTMLAttributes,\n} from 'react'\nimport classNames from 'classnames'\nimport {\n\tDisclosurePrimitiveContext,\n\tuseDisclosurePrimitive,\n\ttype DisclosurePrimitiveContextState,\n} from './use-disclosure-primitive'\nimport s from './styles.module.css'\n\ninterface DisclosurePrimitiveProviderProps\n\textends HTMLAttributes<HTMLDivElement> {\n\t/**\n\t * Callback fired when the disclosure is closed (optional)\n\t */\n\tonClose?: () => void\n\t/**\n\t * Hook into this trackedIsOpen property to access the state of isOpen\n\t * @default false\n\t * */\n\ttrackedIsOpen?: boolean\n\tcontainsInteractive?: boolean\n\tariaLabel?: string\n}\n\nconst Provider = ({\n\tonClose,\n\tchildren,\n\tclassName,\n\ttrackedIsOpen = false,\n\tcontainsInteractive = false,\n\tariaLabel = 'Toggle display',\n\t...rest\n}: DisclosurePrimitiveProviderProps) => {\n\tconst [isOpen, setIsOpen] = useState(trackedIsOpen)\n\tconst contentId = 'content-' + useId()\n\n\t// update the provider state if the trackedIsOpen prop changes\n\tuseEffect(() => {\n\t\tsetIsOpen(trackedIsOpen)\n\t}, [trackedIsOpen])\n\n\tconst closeDisclosure = useCallback(() => {\n\t\tsetIsOpen(false)\n\t\tif (onClose) {\n\t\t\tonClose()\n\t\t}\n\t}, [setIsOpen, onClose])\n\n\tconst onClickToggle = useCallback(() => {\n\t\tsetIsOpen((prevState) => !prevState)\n\t}, [setIsOpen])\n\n\tconst contextValue: DisclosurePrimitiveContextState = useMemo(\n\t\t() => ({\n\t\t\tisOpen,\n\t\t\tonClickToggle,\n\t\t\tcloseDisclosure,\n\t\t\tcontentId,\n\t\t\tcontainsInteractive,\n\t\t\tariaLabel,\n\t\t}),\n\t\t[\n\t\t\tisOpen,\n\t\t\tonClickToggle,\n\t\t\tcloseDisclosure,\n\t\t\tcontentId,\n\t\t\tcontainsInteractive,\n\t\t\tariaLabel,\n\t\t]\n\t)\n\n\treturn (\n\t\t<DisclosurePrimitiveContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(s['disclosure-primitive'], className)}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</DisclosurePrimitiveContext.Provider>\n\t)\n}\n\nconst Content = ({ children }: PropsWithChildren) => {\n\tconst { isOpen } = useDisclosurePrimitive()\n\tif (!isOpen) {\n\t\treturn null\n\t}\n\n\treturn <>{children}</>\n}\n\nconst DisclosurePrimitive = { Provider, Content }\n\nexport { DisclosurePrimitive }\n"],"names":["Provider","onClose","children","className","trackedIsOpen","containsInteractive","ariaLabel","rest","isOpen","setIsOpen","contentId","useId","useEffect","closeDisclosure","useCallback","prevState","contextValue","useMemo","onClickToggle","jsx","DisclosurePrimitiveContext","classNames","s","useDisclosurePrimitive","Fragment"],"mappings":";;;;;;AAkCkB,MACjBA,IAAA,CAAA;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAA;AAAA,EACA,qBAAAC,IAAY;AAAA,EACZ,WAAAC,IAAG;AAAA,EACJ,GAAAC;AACC,MAAA;AACA,QAAM,CAAAC,GAAAC,CAAY,MAAaL,CAAM,GAGrCM,IAAgB,aAAAC,EAAA;AACf,EAAAC,EAAA,MAAU;AACX,IAAAH,EAAIL,CAAc;AAAA,EAElB,GAAA,CAAAA,CAAM,CAAA;AACL,QAAAS,IAAeC,EAAA,MAAA;AACf,IAAAL,IAAa,QAEbR,EAAA;AAAA,EAGD,GAAA,CAAAQ,GAAMR,CAAgB,CAAA,OACVa,QAAwB;AACpC,IAAAL,EAAI,CAASM,MAAC,CAAAA,CAAA;AAAA,EAEd,GAAA,CAAAN,CAAM,CAAA,GACLO,IAAOC;AAAA,IAAA,OACN;AAAA,MACA,QAAAT;AAAA,MACA,eAAAU;AAAA,MACA,iBAAAL;AAAA,MACA,WAAAH;AAAA,MACA,qBAAAL;AAAA,MACD,WAAAC;AAAA,IACA;AAAA,IAAA;AAAA,MAECE;AAAA,MACAU;AAAA,MACAL;AAAA,MACAH;AAAA,MACAL;AAAA,MAAAC;AAAA,IAEF;AAAA,EAEA;AAEE,SAAC,gBAAAa,EAAAC,EAAA,UAAA,EAAA,OAAAJ,GAAA,UAAA,gBAAAG;AAAA,IAAA;AAAA,IAAA;AAAA,MAEC,WAAGE,EAAAC,EAAA,sBAAA,GAAAnB,CAAA;AAAA,MAEH,GAAAI;AAAA,MAAA,UAAAL;AAAA;EAIL,EAAA,CAAA;AAEA,OACS,CAAA,EAAO,UAAAA;AACf,QAAK,EAAA,QAAAM,EAAQ,IAAAe,EAAA;AACZ,aAIF,gBAAAJ,EAAAK,GAAA,EAAA,UAAAtB,EAAA,CAAA,IAHC;AAKD;"}

package/components/disclosure-primitive/styles.module.css.js

@@ -0,0 +1,7 @@
+const i = {
+  "disclosure-primitive": "disclosure-primitive__v-DS4"
+};
+export {
+  i as default
+};
+//# sourceMappingURL=styles.module.css.js.map

package/components/disclosure-primitive/styles.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/disclosure-primitive/use-disclosure-primitive.js

@@ -0,0 +1,17 @@
+"use client";
+import { createContext as t, useContext as o } from "react";
+const i = t(void 0);
+i.displayName = "DisclosurePrimitiveContext";
+function s() {
+  const e = o(i);
+  if (e === void 0)
+    throw new Error(
+      "useDisclosurePrimitive must be used within a DisclosurePrimitiveContext.Provider"
+    );
+  return e;
+}
+export {
+  i as DisclosurePrimitiveContext,
+  s as useDisclosurePrimitive
+};
+//# sourceMappingURL=use-disclosure-primitive.js.map

package/components/disclosure-primitive/use-disclosure-primitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-disclosure-primitive.js","sources":["../../../src/components/disclosure-primitive/use-disclosure-primitive.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext, type MouseEventHandler } from 'react'\n\nexport interface DisclosurePrimitiveContextState {\n\tisOpen: boolean\n\tonClickToggle: MouseEventHandler<HTMLButtonElement>\n\tcloseDisclosure: () => void\n\tcontentId: string\n\tcontainsInteractive: boolean\n\tariaLabel: string\n}\n\nexport const DisclosurePrimitiveContext = createContext<\n\tDisclosurePrimitiveContextState | undefined\n>(undefined)\nDisclosurePrimitiveContext.displayName = 'DisclosurePrimitiveContext'\n\nexport function useDisclosurePrimitive(): DisclosurePrimitiveContextState {\n\tconst context = useContext(DisclosurePrimitiveContext)\n\tif (context === undefined) {\n\t\tthrow new Error(\n\t\t\t'useDisclosurePrimitive must be used within a DisclosurePrimitiveContext.Provider'\n\t\t)\n\t}\n\treturn context\n}\n"],"names":["DisclosurePrimitiveContext","createContext","useDisclosurePrimitive","context","useContext"],"mappings":";;AAgBA,MAAAA,IAA2BC,EAAc,MAAA;AAElCD,gBAAmE;AACzE,SAAME;AACN,QAAIC,IAAYC,EAAWJ,CAAA;AAC1B,MAAAG,MAAU;AAAA,UACT,IAAA;AAAA,MACD;AAAA,IACD;AAED,SAAAA;;"}

package/components/dismiss-button/index.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "classnames";
+import { FlightIcon as r } from "../flight-icon/index.js";
+import e from "./styles.module.scss.js";
+const c = ({
+  ariaLabel: t = "Dismiss",
+  onClick: o,
+  className: i
+}) => /* @__PURE__ */ s(
+  "button",
+  {
+    className: m(e["dismiss-button"], i),
+    type: "button",
+    "aria-label": t,
+    onClick: o,
+    children: /* @__PURE__ */ s(r, { size: 16, name: "x" })
+  }
+);
+export {
+  c as DismissButton
+};
+//# sourceMappingURL=index.js.map

package/components/dismiss-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dismiss-button/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { FlightIcon } from '../flight-icon'\nimport s from './styles.module.scss'\n\ninterface DismissButtonProps {\n\tariaLabel?: string\n\tonClick: React.MouseEventHandler<HTMLButtonElement>\n\tclassName?: string\n}\n\nconst DismissButton = ({\n\tariaLabel = 'Dismiss',\n\tonClick,\n\tclassName,\n}: DismissButtonProps) => {\n\treturn (\n\t\t<button\n\t\t\tclassName={classNames(s['dismiss-button'], className)}\n\t\t\ttype=\"button\"\n\t\t\taria-label={ariaLabel}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<FlightIcon size={16} name=\"x\" />\n\t\t</button>\n\t)\n}\n\nexport type { DismissButtonProps }\nexport { DismissButton }\n"],"names":["DismissButton","ariaLabel","onClick","className","jsx","classNames","s","FlightIcon"],"mappings":";;;;AAUA,MAAMA,IAAgB,CAAC;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,WAAAC;AACD,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,gBAAgB,GAAGH,CAAS;AAAA,IACpD,MAAK;AAAA,IACL,cAAYF;AAAA,IACZ,SAAAC;AAAA,IAEA,UAAA,gBAAAE,EAACG,GAAA,EAAW,MAAM,IAAI,MAAK,IAAA,CAAI;AAAA,EAAA;AAAA;"}

package/components/dismiss-button/styles.module.scss.js

@@ -0,0 +1,7 @@
+const s = {
+  "dismiss-button": "dismiss-button__Asa3H"
+};
+export {
+  s as default
+};
+//# sourceMappingURL=styles.module.scss.js.map

package/components/dismiss-button/styles.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/dropdown/index.js

@@ -0,0 +1,79 @@
+import { jsx as n } from "react/jsx-runtime";
+import s from "classnames";
+import { Content as N, Provider as f } from "../menu-primitive/index.js";
+import { ToggleButton as w } from "./toggle-button/index.js";
+import { ListItem as u } from "./list-item/index.js";
+import t from "./styles.module.css.js";
+const a = ({
+  isFullWidth: o,
+  onClose: e,
+  children: r,
+  className: i,
+  ...l
+}) => /* @__PURE__ */ n(
+  f,
+  {
+    className: s(
+      {
+        [t["width-full"]]: o
+      },
+      i
+    ),
+    onClose: e,
+    isFullWidth: o,
+    ...l,
+    children: r
+  }
+), d = ({
+  listPosition: o = "bottom-right",
+  width: e,
+  height: r,
+  children: i
+}) => /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(
+  "div",
+  {
+    className: s(
+      t.content,
+      t[`content-position-${o}`],
+      { [t["content-fixed-width"]]: !!e }
+    ),
+    style: { width: e, height: r },
+    children: i
+  }
+) }), m = ({ children: o }) => /* @__PURE__ */ n("ul", { className: t.list, children: o }), p = ({
+  hasDivider: o,
+  children: e,
+  ...r
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: s(t.header, {
+      [t["header-with-divider"]]: o
+    }),
+    ...r,
+    children: e
+  }
+), c = ({
+  hasDivider: o,
+  children: e,
+  ...r
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: s(t.footer, {
+      [t["footer-with-divider"]]: o
+    }),
+    ...r,
+    children: e
+  }
+);
+a.displayName = "Dropdown.Root";
+d.displayName = "Dropdown.Content";
+m.displayName = "Dropdown.List";
+p.displayName = "Dropdown.Header";
+c.displayName = "Dropdown.Footer";
+const x = { Root: a, ToggleButton: w, Content: d, List: m, Header: p, Footer: c, ListItem: u };
+export {
+  x as Dropdown
+};
+//# sourceMappingURL=index.js.map

package/components/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dropdown/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport * as MenuPrimitive from '../menu-primitive'\nimport { ToggleButton } from './toggle-button'\nimport type { DropdownToggleButtonProps } from './toggle-button'\nimport { ListItem } from './list-item'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport s from './styles.module.css'\n\ninterface DropdownProps extends HTMLAttributes<HTMLDivElement> {\n\t/**\n\t * If true, container is given full width styles. (Added by web presence team)\n\t */\n\tisFullWidth?: boolean\n\t/**\n\t * Callback function invoked when the Dropdown is closed, if provided.\n\t */\n\tonClose?: () => void\n}\n\nconst Root = ({\n\tisFullWidth,\n\tonClose,\n\tchildren,\n\tclassName,\n\t...rest\n}: DropdownProps) => {\n\treturn (\n\t\t<MenuPrimitive.Provider\n\t\t\tclassName={classNames(\n\t\t\t\t{\n\t\t\t\t\t[s['width-full']]: isFullWidth,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClose={onClose}\n\t\t\tisFullWidth={isFullWidth}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</MenuPrimitive.Provider>\n\t)\n}\n\ninterface DropdownContentProps {\n\tlistPosition?:\n\t\t| 'right'\n\t\t| 'left'\n\t\t| 'bottom-left'\n\t\t| 'bottom-right'\n\t\t| 'top-left'\n\t\t| 'top-right'\n\twidth?: `${number}px` | `${number}em` | `${number}%`\n\t/**\n\t * If a height prop is provided then the list will have a fixed height.\n\t */\n\theight?: `${number}px` | `${number}em`\n\tchildren: ReactNode\n}\n\nconst Content = ({\n\tlistPosition = 'bottom-right',\n\twidth,\n\theight,\n\tchildren,\n}: DropdownContentProps) => {\n\treturn (\n\t\t<MenuPrimitive.Content>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts.content,\n\t\t\t\t\ts[`content-position-${listPosition}`],\n\t\t\t\t\t{ [s['content-fixed-width']]: !!width }\n\t\t\t\t)}\n\t\t\t\tstyle={{ width, height }}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</MenuPrimitive.Content>\n\t)\n}\n\nconst List = ({ children }: { children: ReactNode }) => {\n\treturn <ul className={s.list}>{children}</ul>\n}\n\ninterface DropdownHeaderFooterProps extends HTMLAttributes<HTMLDivElement> {\n\thasDivider?: boolean\n}\n\nconst Header = ({\n\thasDivider,\n\tchildren,\n\t...rest\n}: DropdownHeaderFooterProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.header, {\n\t\t\t\t[s['header-with-divider']]: hasDivider,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nconst Footer = ({\n\thasDivider,\n\tchildren,\n\t...rest\n}: DropdownHeaderFooterProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.footer, {\n\t\t\t\t[s['footer-with-divider']]: hasDivider,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nRoot.displayName = 'Dropdown.Root'\nContent.displayName = 'Dropdown.Content'\nList.displayName = 'Dropdown.List'\nHeader.displayName = 'Dropdown.Header'\nFooter.displayName = 'Dropdown.Footer'\n\nconst Dropdown = { Root, ToggleButton, Content, List, Header, Footer, ListItem }\n\nexport type {\n\tDropdownProps,\n\tDropdownContentProps,\n\tDropdownHeaderFooterProps,\n\tDropdownToggleButtonProps,\n}\nexport { Dropdown }\n"],"names":["Root","isFullWidth","onClose","children","className","rest","jsx","MenuPrimitive.Provider","classNames","s","Content","listPosition","width","height","MenuPrimitive.Content","List","Header","hasDivider","Footer","Dropdown","ToggleButton","ListItem"],"mappings":";;;;;;AAmBA,MAAMA,IAAO,CAAC;AAAA,EACb,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACA,WAAWC;AAAA,MACV;AAAA,QACC,CAACC,EAAE,YAAY,CAAC,GAAGR;AAAA,MAAA;AAAA,MAEpBG;AAAA,IAAA;AAAA,IAED,SAAAF;AAAA,IACA,aAAAD;AAAA,IACC,GAAGI;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA,GAqBEO,IAAU,CAAC;AAAA,EAChB,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAV;AACD,MAEE,gBAAAG,EAACQ,GAAA,EACA,UAAA,gBAAAR;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE;AAAA,MACVC,EAAE;AAAA,MACFA,EAAE,oBAAoBE,CAAY,EAAE;AAAA,MACpC,EAAE,CAACF,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAACG,EAAA;AAAA,IAAM;AAAA,IAEvC,OAAO,EAAE,OAAAA,GAAO,QAAAC,EAAA;AAAA,IAEf,UAAAV;AAAA,EAAA;AAAA,GAEH,GAIIY,IAAO,CAAC,EAAE,UAAAZ,QACR,gBAAAG,EAAC,MAAA,EAAG,WAAWG,EAAE,MAAO,UAAAN,GAAS,GAOnCa,IAAS,CAAC;AAAA,EACf,YAAAC;AAAA,EACA,UAAAd;AAAA,EACA,GAAGE;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE,EAAWC,EAAE,QAAQ;AAAA,MAC/B,CAACA,EAAE,qBAAqB,CAAC,GAAGQ;AAAA,IAAA,CAC5B;AAAA,IACA,GAAGZ;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA,GAKEe,IAAS,CAAC;AAAA,EACf,YAAAD;AAAA,EACA,UAAAd;AAAA,EACA,GAAGE;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE,EAAWC,EAAE,QAAQ;AAAA,MAC/B,CAACA,EAAE,qBAAqB,CAAC,GAAGQ;AAAA,IAAA,CAC5B;AAAA,IACA,GAAGZ;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;AAKJH,EAAK,cAAc;AACnBU,EAAQ,cAAc;AACtBK,EAAK,cAAc;AACnBC,EAAO,cAAc;AACrBE,EAAO,cAAc;AAErB,MAAMC,IAAW,EAAE,MAAAnB,GAAM,cAAAoB,GAAc,SAAAV,GAAS,MAAAK,GAAM,QAAAC,GAAQ,QAAAE,GAAQ,UAAAG,EAAA;"}

package/components/dropdown/list-item/custom.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "classnames";
+import m from "./styles.module.css.js";
+const r = ({ children: s }) => /* @__PURE__ */ t("li", { className: o(m["list-item"], m.custom), children: s });
+r.displayName = "Dropdown.ListItem.Custom";
+export {
+  r as ListItemCustom
+};
+//# sourceMappingURL=custom.js.map

package/components/dropdown/list-item/custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.js","sources":["../../../../src/components/dropdown/list-item/custom.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport s from './styles.module.css'\n\ninterface ListItemCustomProps {\n\tchildren: ReactNode\n}\n\nconst ListItemCustom = ({ children }: ListItemCustomProps) => {\n\treturn <li className={classNames(s['list-item'], s.custom)}>{children}</li>\n}\n\nListItemCustom.displayName = 'Dropdown.ListItem.Custom'\n\nexport type { ListItemCustomProps }\nexport { ListItemCustom }\n"],"names":["ListItemCustom","children","jsx","classNames","s"],"mappings":";;;AAQA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,QAClB,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,MAAM,GAAI,UAAAH,EAAA,CAAS;AAGvED,EAAe,cAAc;"}

package/components/dropdown/list-item/index.js

@@ -0,0 +1,14 @@
+import { ListItemInteractive as t } from "./interactive.js";
+import { ListItemTitle as m } from "./title.js";
+import { ListItemSeparator as r } from "./separator.js";
+import { ListItemCustom as e } from "./custom.js";
+const I = {
+  Interactive: t,
+  Title: m,
+  Separator: r,
+  Custom: e
+};
+export {
+  I as ListItem
+};
+//# sourceMappingURL=index.js.map

package/components/dropdown/list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/dropdown/list-item/index.tsx"],"sourcesContent":["import { ListItemInteractive } from './interactive'\nimport { ListItemTitle } from './title'\nimport { ListItemSeparator } from './separator'\nimport { ListItemCustom } from './custom'\n\nconst ListItem = {\n\tInteractive: ListItemInteractive,\n\tTitle: ListItemTitle,\n\tSeparator: ListItemSeparator,\n\tCustom: ListItemCustom,\n}\n\nexport { ListItem }\n"],"names":["ListItem","ListItemInteractive","ListItemTitle","ListItemSeparator","ListItemCustom"],"mappings":";;;;AAKA,MAAMA,IAAW;AAAA,EAChB,aAAaC;AAAA,EACb,OAAOC;AAAA,EACP,WAAWC;AAAA,EACX,QAAQC;AACT;"}

package/components/dropdown/list-item/interactive.js

@@ -0,0 +1,49 @@
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import t from "classnames";
+import { FlightIcon as a } from "../../flight-icon/index.js";
+import { Interactive as d } from "../../interactive/index.js";
+import e from "./styles.module.css.js";
+const v = ({
+  text: r,
+  color: m = "action",
+  icon: c,
+  isLoading: l,
+  trailingIcon: n,
+  ...o
+}) => /* @__PURE__ */ i(
+  "li",
+  {
+    className: t(e["list-item"], e.interactive, e[`color-${m}`]),
+    children: l ? /* @__PURE__ */ s("div", { className: e["loading-wrapper"], children: [
+      /* @__PURE__ */ i(
+        a,
+        {
+          name: "loading",
+          className: t(e["interactive-icon"], e.leading)
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: t(e["interactive-text"], e["text-regular"]), children: r })
+    ] }) : /* @__PURE__ */ s(d, { ...o, children: [
+      c && /* @__PURE__ */ i(
+        a,
+        {
+          name: c,
+          className: t(e["interactive-icon"], e.leading)
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: t(e["interactive-text"], e["text-large"]), children: r }),
+      n && /* @__PURE__ */ i(
+        a,
+        {
+          name: n,
+          className: t(e["interactive-icon"], e.trailing)
+        }
+      )
+    ] })
+  }
+);
+v.displayName = "Dropdown.ListItem.Interactive";
+export {
+  v as ListItemInteractive
+};
+//# sourceMappingURL=interactive.js.map

package/components/dropdown/list-item/interactive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive.js","sources":["../../../../src/components/dropdown/list-item/interactive.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { FlightIcon } from '../../flight-icon'\nimport { Interactive, type InteractiveProps } from '../../interactive'\nimport s from './styles.module.css'\n\ninterface ListItemInteractiveProps extends Omit<InteractiveProps, 'children'> {\n\t/**\n\t * Text to be used in the item. If no text value is defined, an error will be thrown.\n\t */\n\ttext: string\n\t/**\n\t * Color applied to the text and (optional) icons.\n\t */\n\tcolor?: 'action' | 'critical'\n\t/**\n\t * Leading icon. Acceptable value: any [icon](https://helios.hashicorp.design/icons/library) name.\n\t */\n\ticon?: string\n\t/**\n\t * Trailing icon. Acceptable value: any [icon](https://helios.hashicorp.design/icons/library) name.\n\t */\n\ttrailingIcon?: string\n\t/**\n\t * Controls if the item is in “loading” state. When in this state, the item is not actually interactive, but you can pass the other expected arguments for the item (they’re simply ignored).\n\t */\n\tisLoading?: boolean\n}\n\nconst ListItemInteractive = ({\n\ttext,\n\tcolor = 'action',\n\ticon,\n\tisLoading,\n\ttrailingIcon,\n\t...rest\n}: ListItemInteractiveProps) => {\n\treturn (\n\t\t<li\n\t\t\tclassName={classNames(s['list-item'], s.interactive, s[`color-${color}`])}\n\t\t>\n\t\t\t{isLoading ? (\n\t\t\t\t<div className={s['loading-wrapper']}>\n\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\tname=\"loading\"\n\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.leading)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className={classNames(s['interactive-text'], s['text-regular'])}>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<Interactive {...rest}>\n\t\t\t\t\t{icon && (\n\t\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\t\tname={icon}\n\t\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.leading)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={classNames(s['interactive-text'], s['text-large'])}>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</div>\n\t\t\t\t\t{trailingIcon && (\n\t\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\t\tname={trailingIcon}\n\t\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.trailing)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Interactive>\n\t\t\t)}\n\t\t</li>\n\t)\n}\n\nListItemInteractive.displayName = 'Dropdown.ListItem.Interactive'\n\nexport type { ListItemInteractiveProps }\nexport { ListItemInteractive }\n"],"names":["ListItemInteractive","text","color","icon","isLoading","trailingIcon","rest","jsx","classNames","s","jsxs","FlightIcon","Interactive"],"mappings":";;;;;AA4BA,MAAMA,IAAsB,CAAC;AAAA,EAC5B,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,aAAaA,EAAE,SAASP,CAAK,EAAE,CAAC;AAAA,IAEvE,cACA,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAE,iBAAiB,GAClC,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAWH,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvD,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,cAAc,CAAC,GACjE,UAAAR,EAAA,CACF;AAAA,IAAA,EAAA,CACD,IAEA,gBAAAS,EAACE,GAAA,EAAa,GAAGN,GACf,UAAA;AAAA,MAAAH,KACA,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAMR;AAAA,UACN,WAAWK,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAGxD,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,YAAY,CAAC,GAC/D,UAAAR,EAAA,CACF;AAAA,MACCI,KACA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAMN;AAAA,UACN,WAAWG,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACxD,EAAA,CAEF;AAAA,EAAA;AAAA;AAMJT,EAAoB,cAAc;"}

package/components/dropdown/list-item/separator.js

@@ -0,0 +1,17 @@
+import { jsx as a } from "react/jsx-runtime";
+import e from "classnames";
+import r from "./styles.module.css.js";
+const o = (t) => /* @__PURE__ */ a(
+  "li",
+  {
+    className: e(r["list-item"], r.separator),
+    "aria-hidden": "true",
+    role: "separator",
+    ...t
+  }
+);
+o.displayName = "Dropdown.ListItem.Separator";
+export {
+  o as ListItemSeparator
+};
+//# sourceMappingURL=separator.js.map

package/components/dropdown/list-item/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sources":["../../../../src/components/dropdown/list-item/separator.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport s from './styles.module.css'\n\ntype ListItemSeparatorProps = Omit<\n\tHTMLAttributes<HTMLLIElement>,\n\t'className' | 'aria-hidden' | 'role'\n>\n\nconst ListItemSeparator = (props: ListItemSeparatorProps) => {\n\treturn (\n\t\t<li\n\t\t\tclassName={classNames(s['list-item'], s.separator)}\n\t\t\taria-hidden=\"true\"\n\t\t\trole=\"separator\"\n\t\t\t{...props}\n\t\t></li>\n\t)\n}\n\nListItemSeparator.displayName = 'Dropdown.ListItem.Separator'\n\nexport type { ListItemSeparatorProps }\nexport { ListItemSeparator }\n"],"names":["ListItemSeparator","props","jsx","classNames","s"],"mappings":";;;AASA,MAAMA,IAAoB,CAACC,MAEzB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,SAAS;AAAA,IACjD,eAAY;AAAA,IACZ,MAAK;AAAA,IACJ,GAAGH;AAAA,EAAA;AAAA;AAKPD,EAAkB,cAAc;"}

package/components/dropdown/list-item/styles.module.css.js

@@ -0,0 +1,26 @@
+const t = "interactive__IkSoP", e = "custom__lrM-c", i = "leading__uGWjP", a = "trailing__46J03", o = "separator__cop56", r = "title__XkdBJ mds-typography-legacy-body-100 mds-typography-font-weight-semibold", c = {
+  "list-item": "list-item__p6gnG",
+  interactive: t,
+  "color-action": "color-action__zG8cO",
+  "color-critical": "color-critical__3USEd",
+  custom: e,
+  "interactive-icon": "interactive-icon__2sVuv",
+  leading: i,
+  trailing: a,
+  "interactive-text": "interactive-text__9tKHU",
+  "loading-wrapper": "loading-wrapper__RMG87",
+  "text-regular": "text-regular__nmwqr mds-typography-legacy-body-100 mds-typography-font-weight-regular",
+  "text-large": "text-large__gU2cx mds-typography-legacy-body-200 mds-typography-font-weight-medium",
+  separator: o,
+  title: r
+};
+export {
+  e as custom,
+  c as default,
+  t as interactive,
+  i as leading,
+  o as separator,
+  r as title,
+  a as trailing
+};
+//# sourceMappingURL=styles.module.css.js.map

package/components/dropdown/list-item/styles.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/components/dropdown/list-item/title.js

@@ -0,0 +1,9 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "classnames";
+import t from "./styles.module.css.js";
+const r = ({ text: i, ...e }) => /* @__PURE__ */ m("li", { className: s(t["list-item"], t.title), ...e, children: i });
+r.displayName = "Dropdown.ListItem.Title";
+export {
+  r as ListItemTitle
+};
+//# sourceMappingURL=title.js.map

package/components/dropdown/list-item/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sources":["../../../../src/components/dropdown/list-item/title.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport s from './styles.module.css'\n\ninterface ListItemTitleProps\n\textends Omit<HTMLAttributes<HTMLLIElement>, 'className'> {\n\ttext: string\n}\n\nconst ListItemTitle = ({ text, ...rest }: ListItemTitleProps) => {\n\treturn (\n\t\t<li className={classNames(s['list-item'], s.title)} {...rest}>\n\t\t\t{text}\n\t\t</li>\n\t)\n}\n\nListItemTitle.displayName = 'Dropdown.ListItem.Title'\n\nexport type { ListItemTitleProps }\nexport { ListItemTitle }\n"],"names":["ListItemTitle","text","rest","jsx","classNames","s"],"mappings":";;;AASA,MAAMA,IAAgB,CAAC,EAAE,MAAAC,GAAM,GAAGC,QAEhC,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,KAAK,GAAI,GAAGH,GACtD,UAAAD,EAAA,CACF;AAIFD,EAAc,cAAc;"}

package/components/dropdown/styles.module.css.js

@@ -0,0 +1,24 @@
+const t = "content__L3Jzb", o = "list__vHKnu", i = "header__FQALL", n = "footer__X0WK4", e = {
+  "width-full": "width-full__yhNyZ",
+  content: t,
+  "content-fixed-width": "content-fixed-width__QTWZ3",
+  "content-position-bottom-right": "content-position-bottom-right__7p2zs",
+  "content-position-right": "content-position-right__LV4dD",
+  "content-position-bottom-left": "content-position-bottom-left__ihVMS",
+  "content-position-left": "content-position-left__ICQX2",
+  "content-position-top-right": "content-position-top-right__xbinW",
+  "content-position-top-left": "content-position-top-left__AR6-v",
+  list: o,
+  header: i,
+  footer: n,
+  "header-with-divider": "header-with-divider__hHDYL",
+  "footer-with-divider": "footer-with-divider__TqV8J"
+};
+export {
+  t as content,
+  e as default,
+  n as footer,
+  i as header,
+  o as list
+};
+//# sourceMappingURL=styles.module.css.js.map

package/components/dropdown/styles.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/components/dropdown/toggle-button/index.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import y from "classnames";
+import { Badge as v } from "../../badge/index.js";
+import { BadgeCount as B } from "../../badge-count/index.js";
+import { Toggle as T } from "../../menu-primitive/index.js";
+import { useMenuPrimitive as z } from "../../menu-primitive/use-menu-primitive.js";
+import { FlightIcon as a } from "../../flight-icon/index.js";
+import o from "./styles.module.scss.js";
+const C = ({
+  text: p,
+  color: t = "primary",
+  size: i = "medium",
+  icon: r,
+  isFullWidth: c,
+  count: n,
+  badge: m,
+  badgeIcon: d,
+  disabled: l,
+  ...g
+}) => {
+  const { isOpen: u, onClickToggle: f } = z(), s = t === "primary" || l ? "filled" : "inverted", h = i === "small" ? 12 : 16;
+  return /* @__PURE__ */ e(T, { children: /* @__PURE__ */ x(
+    "button",
+    {
+      "aria-expanded": u,
+      type: "button",
+      className: y(
+        o["toggle-button"],
+        o[`size-${i}`],
+        o[`color-${t}`],
+        {
+          [o["width-full"]]: c
+        }
+      ),
+      onClick: f,
+      disabled: l,
+      ...g,
+      children: [
+        r && /* @__PURE__ */ e(a, { name: r, size: h }),
+        /* @__PURE__ */ e("div", { className: o.text, children: p }),
+        n && /* @__PURE__ */ e(B, { text: n, size: "small", type: s }),
+        m && /* @__PURE__ */ e(v, { text: m, icon: d, size: "small", type: s }),
+        /* @__PURE__ */ e(N, {})
+      ]
+    }
+  ) });
+};
+C.displayName = "Dropdown.ToggleButton";
+const N = () => /* @__PURE__ */ e(a, { name: "chevron-down", isInlineBlock: !1 });
+export {
+  C as ToggleButton
+};
+//# sourceMappingURL=index.js.map

package/components/dropdown/toggle-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/dropdown/toggle-button/index.tsx"],"sourcesContent":["'use client'\n\nimport classNames from 'classnames'\nimport { Badge } from '../../badge'\nimport { BadgeCount } from '../../badge-count'\nimport { Toggle } from '../../menu-primitive'\nimport { useMenuPrimitive } from '../../menu-primitive/use-menu-primitive'\nimport type { FlightIconName } from '../../flight-icon'\nimport { FlightIcon } from '../../flight-icon'\nimport type { ButtonHTMLAttributes } from 'react'\nimport s from './styles.module.scss'\n\ninterface DropdownToggleButtonProps\n\textends ButtonHTMLAttributes<HTMLButtonElement> {\n\t/**\n\t * Text of the ToggleButton. If no text value is defined, an error will be thrown.\n\t */\n\ttext: string\n\tcolor?: 'primary' | 'secondary'\n\tsize?: 'small' | 'medium'\n\ticon?: string\n\tisFullWidth?: boolean\n\t/**\n\t * Displays an optional count indicator using the Badge Count component.\n\t */\n\tcount?: string\n\t/**\n\t * Displays an optional badge indicator using the Badge component.\n\t */\n\tbadge?: string\n\t/**\n\t * Appends an icon to the optional badge indicator.\n\t */\n\tbadgeIcon?: FlightIconName\n}\n\nconst ToggleButton = ({\n\ttext,\n\tcolor = 'primary',\n\tsize = 'medium',\n\ticon,\n\tisFullWidth,\n\tcount,\n\tbadge,\n\tbadgeIcon,\n\tdisabled,\n\t...rest\n}: DropdownToggleButtonProps) => {\n\tconst { isOpen, onClickToggle } = useMenuPrimitive()\n\tconst badgeType = color === 'primary' || disabled ? 'filled' : 'inverted'\n\tconst iconSize = size === 'small' ? 12 : 16\n\n\treturn (\n\t\t<Toggle>\n\t\t\t<button\n\t\t\t\taria-expanded={isOpen}\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts['toggle-button'],\n\t\t\t\t\ts[`size-${size}`],\n\t\t\t\t\ts[`color-${color}`],\n\t\t\t\t\t{\n\t\t\t\t\t\t[s['width-full']]: isFullWidth,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t\tonClick={onClickToggle}\n\t\t\t\tdisabled={disabled}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{icon && <FlightIcon name={icon} size={iconSize} />}\n\t\t\t\t<div className={s.text}>{text}</div>\n\t\t\t\t{count && <BadgeCount text={count} size=\"small\" type={badgeType} />}\n\t\t\t\t{badge && (\n\t\t\t\t\t<Badge text={badge} icon={badgeIcon} size=\"small\" type={badgeType} />\n\t\t\t\t)}\n\t\t\t\t<Chevron />\n\t\t\t</button>\n\t\t</Toggle>\n\t)\n}\n\nToggleButton.displayName = 'Dropdown.ToggleButton'\n\nconst Chevron = () => {\n\treturn <FlightIcon name=\"chevron-down\" isInlineBlock={false} />\n}\n\nexport type { DropdownToggleButtonProps }\nexport { ToggleButton }\n"],"names":["ToggleButton","text","color","size","icon","isFullWidth","count","badge","badgeIcon","disabled","rest","isOpen","onClickToggle","useMenuPrimitive","badgeType","iconSize","jsx","Toggle","jsxs","classNames","s","BadgeCount","Badge","Chevron","FlightIcon"],"mappings":";;;;;;;;;AAoCsB,MACrBA,IAAA,CAAA;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC,IAAO;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAM,EAAA,QAAAC,GAAA,eAAAC,EAAsB,IAAAC,EAAa,GACnCC,IAAWZ,MAAS,aAAeO,IAAA,WAAA,YAEzCM,IAAAZ,gBACE,KACA;AAAA,SAAC,gBAAAa,EAAAC,GAAA,EAAA,UAAA,gBAAAC;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,iBAAKP;AAAA,MACL,MAAA;AAAA,MAAW,WACRQ;AAAA,QACFC,EAAE,eAAc;AAAA,QAChBA,EAAE,SAAS,EAAK;AAAA,QAChBA,EAAA,SAAAlB,CAAA,EAAA;AAAA,QAAA;AAAA,UACoB,CAAAkB,EAAA,YAAA,CAAA,GAAAf;AAAA,QAErB;AAAA,MACA;AAAA,MACA,SAAAO;AAAA,MACC,UAAAH;AAAA,MAEA;MAAA,UAAA;AAAA,QAAgDL,KAChD,gBAAAY,KAAe,EAAE,MAAOZ,GAAA,MAAAW,EAAK,CAAA;AAAA,QAC7B,gBAAAC,EAAA,SAAU,WAAAI,QAAW,UAAanB,EAAK,CAAA;AAAA,QACvCK,KACA,gBAAAU,EAACK,GAAM,EAAA,MAAMf,SAAa,SAAW,MAAKQ,EAAQ,CAAA;AAAA,QAAiBP,KAEnE,gBAAAS,EAAAM,GAAQ,EAAA,MAAAf,GAAA,MAAAC,GAAA,MAAA,SAAA,MAAAM,EAAA,CAAA;AAAA,QAAA,gBAAAE,EAAAO,GAAA,CAAA,CAAA;AAAA,MAAA;AAAA;EAIb,EAAA,CAAA;AAEA;AAEAvB,gBAAsB;AACrB,MAAAuB,IAAA,MACD,gBAAAP,EAAAQ,GAAA,EAAA,MAAA,gBAAA,eAAA,GAAA,CAAA;"}

package/components/dropdown/toggle-button/styles.module.scss.js

@@ -0,0 +1,14 @@
+const t = "text__t2BuD", o = {
+  "toggle-button": "toggle-button__0Aljq",
+  "color-primary": "color-primary__gQeWN",
+  "color-secondary": "color-secondary__PGdzj",
+  "width-full": "width-full__K1gGu",
+  text: t,
+  "size-small": "size-small__-mqBv",
+  "size-medium": "size-medium__A-yPf"
+};
+export {
+  o as default,
+  t as text
+};
+//# sourceMappingURL=styles.module.scss.js.map

package/components/dropdown/toggle-button/styles.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}