@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.21

package/dist/components/section-notice/SectionNotice.module.scss.js

@@ -0,0 +1,18 @@
+import './SectionNotice.css';const t = {
+  "section-notice": "_section-notice_1x4j7_2",
+  "section-notice__content": "_section-notice__content_1x4j7_11",
+  "section-notice__icon": "_section-notice__icon_1x4j7_18",
+  "section-notice__body": "_section-notice__body_1x4j7_25",
+  "section-notice__title": "_section-notice__title_1x4j7_34",
+  "section-notice__description": "_section-notice__description_1x4j7_47",
+  "section-notice__actions": "_section-notice__actions_1x4j7_53",
+  "section-notice__dismiss": "_section-notice__dismiss_1x4j7_59",
+  "section-notice--type-warning": "_section-notice--type-warning_1x4j7_64",
+  "section-notice--type-danger": "_section-notice--type-danger_1x4j7_71",
+  "section-notice--type-success": "_section-notice--type-success_1x4j7_78",
+  "section-notice--type-hint": "_section-notice--type-hint_1x4j7_85"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=SectionNotice.module.scss.js.map

package/dist/components/section-notice/SectionNotice.module.scss.js.map

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

package/dist/components/section-notice/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SectionNotice.cjs");exports.SectionNotice=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/section-notice/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/section-notice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/section-notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/section-notice/index.js

@@ -0,0 +1,5 @@
+import { default as t } from "./SectionNotice.js";
+export {
+  t as SectionNotice
+};
+//# sourceMappingURL=index.js.map

package/dist/components/section-notice/index.js.map

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

package/dist/components/select/Select.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),s=require("react"),__Pe=require("@mattermost/compass-icons/components/chevron-down.js"),Pe=__Pe?.default??__Pe,G=require("../icon/Icon.cjs"),ge=require("../menu-item/MenuItem.cjs"),M=require("../popover-menu/PopoverMenu.cjs"),ke=require("../../hooks/use-anchored-popup-portal.cjs"),Ie=require("../../hooks/use-outside-close.cjs"),ye=require("../../hooks/use-popover-transition.cjs"),Se=require("../../utils/menuItemProps.cjs"),we=require("../../utils/string.cjs"),n=require("./Select.module.scss.cjs"),X=280;function De({option:u,menuItemProps:v,listboxId:I,selected:_,active:y,onSelect:b,onHover:S,dividerAfter:d=!1}){return l.jsxs(l.Fragment,{children:[l.jsx("li",{className:n.default.select__option,role:"presentation",children:l.jsx(ge.default,{...Se.mergeMenuItemProps(v,u.menuItemProps),id:`${I}-option-${u.value}`,role:"option",label:u.label,secondaryLabel:u.secondaryLabel,leadingElement:u.leadingVisual!=null,leadingVisual:u.leadingVisual,trailingElement:_,active:y,disabled:u.disabled,"aria-selected":_,onMouseDown:j=>j.preventDefault(),onMouseEnter:S,onPointerUp:()=>{u.disabled||b(u)}})}),d?l.jsx("li",{role:"presentation",children:l.jsx(M.PopoverMenuDivider,{"aria-hidden":"true"})}):null]})}const Re=s.forwardRef(function({options:v,menuItemProps:I,value:_,defaultValue:y="",onChange:b,placeholder:S,label:d,leadingIcon:j,size:J="medium",invalid:q=!1,disabled:h=!1,id:Q,name:C,className:W="","aria-label":E,listboxLabel:Y="Options",portalContainer:Z=null,zIndex:ee},P){const te=s.useId(),w=Q??te,m=`${w}-listbox`,N=s.useRef(null),O=s.useRef(null),A=s.useRef(null),le=s.useCallback(e=>{A.current=e,typeof P=="function"?P(e):P&&(P.current=e)},[P]),D=_!==void 0,[se,ne]=s.useState(y),f=D?_:se,[r,V]=s.useState(!1),[ae,$]=s.useState(!1),[c,p]=s.useState(-1),g=s.useRef(!1),re=s.useCallback(e=>{e!==c&&(g.current=!0,p(e))},[c]),R=s.useMemo(()=>v.find(e=>e.value===f),[v,f]),o=s.useMemo(()=>v.filter(e=>e.value!==""),[v]),B=f!=="",{mounted:H,visible:oe}=ye.usePopoverTransition(r),{placement:ce,maxHeight:ue,style:ie,portalRef:F,renderPortal:de}=ke.useAnchoredPopupPortal(O,H,{preferredHeight:X,maxHeightCap:X,portalContainer:Z,zIndex:ee}),x=s.useCallback(()=>{V(!1),p(-1)},[]),k=s.useCallback(()=>{h||V(!0)},[h]);Ie.useOutsideClose(N,r,x,F),s.useEffect(()=>{r&&p(e=>{if(o.length===0)return-1;if(e>=0&&e<o.length)return e;const t=o.findIndex(i=>i.value===f);if(t>=0)return t;const a=o.findIndex(i=>!i.disabled);return a>=0?a:0})},[r,o,f]);const T=s.useCallback(e=>{D||ne(e),b==null||b(e)},[D,b]),z=s.useCallback(e=>{var t;e.disabled||(T(e.value),x(),(t=A.current)==null||t.focus())},[T,x]),U=s.useCallback(e=>{g.current=!1;const t=o.map((a,i)=>({o:a,i})).filter(({o:a})=>!a.disabled);if(t.length===0){p(-1);return}p(a=>{const i=t.findIndex(({i:je})=>je===a),_e=i<0?e>0?0:t.length-1:(i+e+t.length)%t.length;return t[_e].i})},[o]);s.useEffect(()=>{var a;if(!r||c<0)return;if(g.current){g.current=!1;return}const e=o[c];if(!e)return;const t=document.getElementById(`${m}-option-${e.value}`);(a=t==null?void 0:t.scrollIntoView)==null||a.call(t,{block:"nearest"})},[r,c,o,m]);const fe=e=>{var t;if(!h)switch(e.key){case"ArrowDown":e.preventDefault(),r?U(1):k();break;case"ArrowUp":e.preventDefault(),r?U(-1):k();break;case"Home":if(r&&o.length>0){e.preventDefault();const a=o.findIndex(i=>!i.disabled);p(a>=0?a:0)}break;case"End":if(r&&o.length>0){e.preventDefault();for(let a=o.length-1;a>=0;a--)if(!((t=o[a])!=null&&t.disabled)){p(a);break}}break;case"Enter":case" ":e.preventDefault(),r&&c>=0&&o[c]?z(o[c]):r||k();break;case"Escape":r&&(e.preventDefault(),x());break;case"Tab":x();break}},pe=ae||r||B,K=(R==null?void 0:R.label)??S??"",ve=!B&&K!=="",L=c>=0?o[c]:void 0,be=r&&L!=null?`${m}-option-${L.value}`:void 0,he=n.default[`select--size-${we.toKebab(J)}`],me=[n.default.select,he,q?n.default["select--invalid"]:"",d!=null&&pe?n.default["select--label-floated"]:"",j!=null?n.default["select--has-leading-icon"]:"",r?n.default["select--open"]:"",h?n.default["select--disabled"]:"",W].filter(Boolean).join(" "),xe=[n.default.select__control,ve?n.default["select__control--placeholder"]:""].filter(Boolean).join(" ");return l.jsxs("div",{className:me,ref:N,children:[l.jsxs("div",{className:n.default.select__wrapper,ref:O,children:[d!=null&&l.jsx("label",{className:n.default.select__label,htmlFor:w,children:d}),l.jsxs("button",{ref:le,id:w,type:"button",role:"combobox",className:xe,disabled:h,"aria-haspopup":"listbox","aria-expanded":r,"aria-controls":m,"aria-activedescendant":be,"aria-invalid":q?!0:void 0,"aria-label":E,onClick:()=>r?x():k(),onFocus:()=>$(!0),onBlur:()=>$(!1),onKeyDown:fe,children:[j!=null&&l.jsx("span",{className:n.default["select__leading-icon"],"aria-hidden":!0,children:l.jsx(G.IconSlotContext.Provider,{value:{size:"16"},children:j})}),l.jsx("span",{className:n.default.select__value,children:K}),l.jsx("span",{className:n.default["select__trailing-icon"],"aria-hidden":!0,children:l.jsx(G.default,{size:"12",glyph:l.jsx(Pe,{})})})]})]}),C!=null&&!h&&l.jsx("input",{type:"hidden",name:C,value:f}),H&&de(l.jsx("div",{ref:F,className:[n.default.select__popup,ce==="above"?n.default["select__popup--above"]:"",oe?n.default["select__popup--visible"]:""].filter(Boolean).join(" "),style:ie,children:l.jsx(M.default,{className:n.default.select__menu,children:l.jsx(M.PopoverMenuScroll,{maxHeight:ue,children:l.jsx("ul",{id:m,className:n.default.select__list,role:"listbox","aria-label":typeof d=="string"?d:E??Y,children:o.map((e,t)=>l.jsx(De,{option:e,menuItemProps:I,listboxId:m,selected:e.value===f,active:t===c,onSelect:z,onHover:()=>re(t),dividerAfter:e.dividerAfter},e.value))})})})}))]})});exports.default=Re;
+//# sourceMappingURL=Select.cjs.map

package/dist/components/select/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import type { KeyboardEvent, ReactNode } from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport type {\n  MenuItemOwnedProps,\n  MenuItemPassthroughProps,\n} from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { mergeMenuItemProps } from '@/utils/menuItemProps';\nimport { toKebab } from '@/utils/string';\nimport styles from './Select.module.scss';\n\nexport type SelectSize = 'small' | 'medium' | 'large';\n\n// Select rows use `onPointerUp`, so `onClick` is left for callers.\ntype SelectMenuItemProps = MenuItemPassthroughProps<\n  Exclude<MenuItemOwnedProps, 'onClick'>\n>;\n\nexport type SelectOption = {\n  value: string;\n  /** Kept as `string` like `ComboboxOption.label` (which drives filtering), so option lists can be shared. */\n  label: string;\n  disabled?: boolean;\n  leadingVisual?: ReactNode;\n  /** Accepts translated nodes. */\n  secondaryLabel?: ReactNode;\n  /** When true, renders a menu divider after this option. */\n  dividerAfter?: boolean;\n  /**\n   * Extra `MenuItem` props for this row (e.g. `secondaryLabelPosition`, `tag`,\n   * `trailingVisual`, `className`). Overrides the `menuItemProps` set on the\n   * Select; the props Select owns (ARIA, selection, handlers) can't be set.\n   */\n  menuItemProps?: SelectMenuItemProps;\n};\n\nexport interface SelectProps {\n  options: SelectOption[];\n  /**\n   * `MenuItem` props applied to every option row, e.g.\n   * `menuItemProps={{ secondaryLabelPosition: 'inline' }}`. A row's own\n   * `menuItemProps` wins.\n   */\n  menuItemProps?: SelectMenuItemProps;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  /** Shown on the trigger when no value is selected. Empty-value options are not listed in the menu. */\n  placeholder?: string;\n  label?: ReactNode;\n  /** Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Select provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  size?: SelectSize;\n  invalid?: boolean;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  className?: string;\n  'aria-label'?: string;\n  /**\n   * Accessible name for the options list when `label` isn't a string and no\n   * `aria-label` is set. Default: \"Options\".\n   */\n  listboxLabel?: string;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nfunction SelectOptionRow({\n  option,\n  menuItemProps,\n  listboxId,\n  selected,\n  active,\n  onSelect,\n  onHover,\n  dividerAfter = false,\n}: {\n  option: SelectOption;\n  menuItemProps?: SelectMenuItemProps;\n  listboxId: string;\n  selected: boolean;\n  active: boolean;\n  onSelect: (option: SelectOption) => void;\n  onHover: () => void;\n  dividerAfter?: boolean;\n}) {\n  return (\n    <>\n      <li className={styles.select__option} role=\"presentation\">\n        <MenuItem\n          {...mergeMenuItemProps(menuItemProps, option.menuItemProps)}\n          id={`${listboxId}-option-${option.value}`}\n          role=\"option\"\n          label={option.label}\n          secondaryLabel={option.secondaryLabel}\n          leadingElement={option.leadingVisual != null}\n          leadingVisual={option.leadingVisual}\n          trailingElement={selected}\n          active={active}\n          disabled={option.disabled}\n          aria-selected={selected}\n          onMouseDown={(ev) => ev.preventDefault()}\n          onMouseEnter={onHover}\n          onPointerUp={() => {\n            if (!option.disabled) onSelect(option);\n          }}\n        />\n      </li>\n      {dividerAfter ? (\n        <li role=\"presentation\">\n          <PopoverMenuDivider aria-hidden=\"true\" />\n        </li>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, ];\n */\nconst Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    menuItemProps,\n    value: valueProp,\n    defaultValue = '',\n    onChange,\n    placeholder,\n    label,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    disabled = false,\n    id: idProp,\n    name,\n    className = '',\n    'aria-label': ariaLabel,\n    listboxLabel = 'Options',\n    portalContainer = null,\n    zIndex,\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const setButtonRef = useCallback(\n    (node: HTMLButtonElement | null) => {\n      buttonRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const value = isControlled ? valueProp! : uncontrolledValue;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  // Hover moves the highlight without scrolling; only keyboard changes scroll the row into view.\n  const activatedByPointer = useRef(false);\n  const hoverRow = useCallback(\n    (index: number) => {\n      if (index === activeIndex) return;\n      activatedByPointer.current = true;\n      setActiveIndex(index);\n    },\n    [activeIndex],\n  );\n\n  const selectedOption = useMemo(\n    () => options.find((o) => o.value === value),\n    [options, value],\n  );\n\n  const listOptions = useMemo(\n    () => options.filter((o) => o.value !== ''),\n    [options],\n  );\n\n  const hasValue = value !== '';\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n  }, []);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (listOptions.length === 0) return -1;\n      if (prev >= 0 && prev < listOptions.length) return prev;\n      const selectedIdx = listOptions.findIndex((o) => o.value === value);\n      if (selectedIdx >= 0) return selectedIdx;\n      const firstEnabled = listOptions.findIndex((o) => !o.disabled);\n      return firstEnabled >= 0 ? firstEnabled : 0;\n    });\n  }, [isOpen, listOptions, value]);\n\n  const commitValue = useCallback(\n    (next: string) => {\n      if (!isControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange],\n  );\n\n  const selectOption = useCallback(\n    (option: SelectOption) => {\n      if (option.disabled) return;\n      commitValue(option.value);\n      close();\n      buttonRef.current?.focus();\n    },\n    [commitValue, close],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      activatedByPointer.current = false;\n      const enabled = listOptions\n        .map((o, i) => ({ o, i }))\n        .filter(({ o }) => !o.disabled);\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [listOptions],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    if (activatedByPointer.current) {\n      activatedByPointer.current = false;\n      return;\n    }\n    const option = listOptions[activeIndex];\n    if (!option) return;\n    const el = document.getElementById(`${listboxId}-option-${option.value}`);\n    el?.scrollIntoView?.({ block: 'nearest' });\n  }, [isOpen, activeIndex, listOptions, listboxId]);\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(-1);\n        break;\n      case 'Home':\n        if (isOpen && listOptions.length > 0) {\n          e.preventDefault();\n          const idx = listOptions.findIndex((o) => !o.disabled);\n          setActiveIndex(idx >= 0 ? idx : 0);\n        }\n        break;\n      case 'End':\n        if (isOpen && listOptions.length > 0) {\n          e.preventDefault();\n          for (let i = listOptions.length - 1; i >= 0; i--) {\n            if (!listOptions[i]?.disabled) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (isOpen && activeIndex >= 0 && listOptions[activeIndex]) {\n          selectOption(listOptions[activeIndex]);\n        } else if (!isOpen) {\n          open();\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const labelFloated = isFocused || isOpen || hasValue;\n  const displayLabel = selectedOption?.label ?? placeholder ?? '';\n  const showPlaceholderStyle = !hasValue && displayLabel !== '';\n\n  const activeOption = activeIndex >= 0 ? listOptions[activeIndex] : undefined;\n  const activeDescendant =\n    isOpen && activeOption != null\n      ? `${listboxId}-option-${activeOption.value}`\n      : undefined;\n\n  const sizeClass = styles[`select--size-${toKebab(size)}`];\n  const rootClass = [\n    styles.select,\n    sizeClass,\n    invalid ? styles['select--invalid'] : '',\n    label != null && labelFloated ? styles['select--label-floated'] : '',\n    leadingIcon != null ? styles['select--has-leading-icon'] : '',\n    isOpen ? styles['select--open'] : '',\n    disabled ? styles['select--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const controlClass = [\n    styles.select__control,\n    showPlaceholderStyle ? styles['select__control--placeholder'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div className={styles.select__wrapper} ref={anchorRef}>\n        {label != null && (\n          <label className={styles.select__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        <button\n          ref={setButtonRef}\n          id={id}\n          type=\"button\"\n          role=\"combobox\"\n          className={controlClass}\n          disabled={disabled}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={listboxId}\n          aria-activedescendant={activeDescendant}\n          aria-invalid={invalid ? true : undefined}\n          aria-label={ariaLabel}\n          onClick={() => (isOpen ? close() : open())}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          onKeyDown={handleKeyDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles['select__leading-icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingIcon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <span className={styles.select__value}>{displayLabel}</span>\n          <span className={styles['select__trailing-icon']} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </button>\n      </div>\n\n      {name != null && !disabled && (\n        <input type=\"hidden\" name={name} value={value} />\n      )}\n\n      {popupMounted &&\n        renderPortal(\n          <div\n            ref={portalRef}\n            className={[\n              styles.select__popup,\n              placement === 'above' ? styles['select__popup--above'] : '',\n              popupVisible ? styles['select__popup--visible'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={popupStyle}\n          >\n            <PopoverMenu className={styles.select__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                <ul\n                  id={listboxId}\n                  className={styles.select__list}\n                  role=\"listbox\"\n                  aria-label={\n                    typeof label === 'string'\n                      ? label\n                      : (ariaLabel ?? listboxLabel)\n                  }\n                >\n                  {listOptions.map((option, index) => (\n                    <SelectOptionRow\n                      key={option.value}\n                      option={option}\n                      menuItemProps={menuItemProps}\n                      listboxId={listboxId}\n                      selected={option.value === value}\n                      active={index === activeIndex}\n                      onSelect={selectOption}\n                      onHover={() => hoverRow(index)}\n                      dividerAfter={option.dividerAfter}\n                    />\n                  ))}\n                </ul>\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Select;\n"],"names":["POPUP_MAX_HEIGHT","SelectOptionRow","option","menuItemProps","listboxId","selected","active","onSelect","onHover","dividerAfter","jsxs","Fragment","jsx","styles","MenuItem","mergeMenuItemProps","ev","PopoverMenuDivider","Select","forwardRef","options","valueProp","defaultValue","onChange","placeholder","label","leadingIcon","size","invalid","disabled","idProp","name","className","ariaLabel","listboxLabel","portalContainer","zIndex","ref","generatedId","useId","id","rootRef","useRef","anchorRef","buttonRef","setButtonRef","useCallback","node","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","activatedByPointer","hoverRow","index","selectedOption","useMemo","o","listOptions","hasValue","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","firstEnabled","commitValue","next","selectOption","_a","moveActive","delta","enabled","currentPos","i","nextPos","el","handleKeyDown","idx","labelFloated","displayLabel","showPlaceholderStyle","activeOption","activeDescendant","sizeClass","toKebab","rootClass","controlClass","IconSlotContext","Icon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll"],"mappings":"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"}

package/dist/components/select/Select.css

@@ -0,0 +1 @@
+._select_1udb3_2{position:relative;display:flex;flex-direction:column;width:100%}._select__wrapper_1udb3_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:pointer}._select_1udb3_2:not(._select--disabled_1udb3_16):hover:not(:focus-within) ._select__wrapper_1udb3_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._select_1udb3_2:focus-within ._select__wrapper_1udb3_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._select--disabled_1udb3_16 ._select__wrapper_1udb3_8{opacity:.56;cursor:not-allowed}._select__label_1udb3_26{position:absolute;left:var(--spacing-xs);top:50%;z-index:1;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._select--label-floated_1udb3_47 ._select__label_1udb3_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._select_1udb3_2:focus-within ._select__label_1udb3_26{color:var(--button-bg)}._select__control_1udb3_56{display:flex;align-items:center;width:100%;margin:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:var(--center-channel-color);text-align:left;cursor:pointer;gap:var(--spacing-xs)}._select__control_1udb3_56:focus{outline:none}._select__control_1udb3_56:focus-visible{outline:none}._select__control_1udb3_56:disabled{cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),.64)}._select__control--placeholder_1udb3_82 ._select__value_1udb3_82{color:rgba(var(--center-channel-color-rgb),.64)}._select__value_1udb3_82{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._select__leading-icon_1udb3_92{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._select__trailing-icon_1udb3_99{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64);margin-right:var(--spacing-xxxs);transition:transform var(--duration-quick) var(--ease-transition)}._select--open_1udb3_108 ._select__trailing-icon_1udb3_99{transform:rotate(180deg)}._select__popup_1udb3_111{opacity:0;transform:scale(.9);transform-origin:top center;transition:opacity var(--duration-quick) var(--ease-exit),transform var(--duration-quick) var(--ease-exit);pointer-events:none}._select__popup--above_1udb3_118{transform-origin:bottom center}._select__popup--visible_1udb3_121{opacity:1;transform:scale(1);pointer-events:auto;transition:opacity var(--duration-quick) var(--ease-entrance),transform var(--duration-quick) var(--ease-entrance)}._select__popup_1udb3_111 ._select__menu_1udb3_127{width:100%;min-width:100%;max-width:none}._select__list_1udb3_132{margin:0;padding:0;list-style:none}._select__option_1udb3_137{display:block;width:100%;list-style:none}._select__option_1udb3_137[aria-disabled=true]{cursor:not-allowed}._select__option-content--disabled_1udb3_145{opacity:.4}._select--size-small_1udb3_148 ._select__wrapper_1udb3_8{min-height:32px}._select--size-small_1udb3_148 ._select__control_1udb3_56{padding:var(--spacing-xs) var(--spacing-m);gap:var(--spacing-xs);font-size:var(--font-size-75);line-height:var(--line-height-75)}._select--size-small_1udb3_148 ._select__trailing-icon_1udb3_99 svg{width:var(--icon-size-12);height:var(--icon-size-12)}._select--size-small_1udb3_148._select--label-floated_1udb3_47 ._select__label_1udb3_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._select--size-medium_1udb3_167 ._select__wrapper_1udb3_8{min-height:40px}._select--size-medium_1udb3_167 ._select__control_1udb3_56{padding:var(--spacing-s) var(--spacing-l);gap:var(--spacing-s);font-size:var(--font-size-100);line-height:var(--line-height-100)}._select--size-medium_1udb3_167 ._select__label_1udb3_26{font-size:var(--font-size-100);left:var(--spacing-m)}._select--size-medium_1udb3_167 ._select__trailing-icon_1udb3_99 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._select--size-medium_1udb3_167._select--label-floated_1udb3_47 ._select__label_1udb3_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._select--size-large_1udb3_190 ._select__wrapper_1udb3_8{min-height:48px}._select--size-large_1udb3_190 ._select__control_1udb3_56{padding:var(--spacing-m) var(--spacing-l);gap:var(--spacing-s);font-size:var(--font-size-200);line-height:var(--line-height-200)}._select--size-large_1udb3_190 ._select__label_1udb3_26{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._select--size-large_1udb3_190 ._select__trailing-icon_1udb3_99 svg{width:var(--icon-size-16);height:var(--icon-size-16)}._select--size-large_1udb3_190._select--label-floated_1udb3_47 ._select__label_1udb3_26{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._select_1udb3_2:has(._select__label_1udb3_26):not(._select--label-floated_1udb3_47) ._select__value_1udb3_82{color:transparent}._select--invalid_1udb3_217 ._select__wrapper_1udb3_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._select--invalid_1udb3_217:focus-within ._select__wrapper_1udb3_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._select--invalid_1udb3_217 ._select__label_1udb3_26{color:var(--error-text, var(--color-danger))}._select--invalid_1udb3_217:focus-within ._select__label_1udb3_26{color:var(--error-text, var(--color-danger))}._select--has-leading-icon_1udb3_229 ._select__label_1udb3_26{left:calc(var(--spacing-m) + var(--icon-size-16) + var(--spacing-xs) - var(--spacing-xxxs))}._select--has-leading-icon_1udb3_229._select--label-floated_1udb3_47 ._select__label_1udb3_26{left:var(--spacing-xs)}._select--has-leading-icon_1udb3_229._select--size-medium_1udb3_167 ._select__label_1udb3_26,._select--has-leading-icon_1udb3_229._select--size-large_1udb3_190 ._select__label_1udb3_26{left:calc(var(--spacing-m) + var(--icon-size-16) + var(--spacing-s))}._select--has-leading-icon_1udb3_229._select--size-medium_1udb3_167._select--label-floated_1udb3_47 ._select__label_1udb3_26,._select--has-leading-icon_1udb3_229._select--size-large_1udb3_190._select--label-floated_1udb3_47 ._select__label_1udb3_26{left:var(--spacing-m)}

package/dist/components/select/Select.d.ts

@@ -0,0 +1,61 @@
+import { ReactNode } from 'react';
+import { MenuItemOwnedProps, MenuItemPassthroughProps } from '../menu-item/MenuItem';
+export type SelectSize = 'small' | 'medium' | 'large';
+type SelectMenuItemProps = MenuItemPassthroughProps<Exclude<MenuItemOwnedProps, 'onClick'>>;
+export type SelectOption = {
+    value: string;
+    /** Kept as `string` like `ComboboxOption.label` (which drives filtering), so option lists can be shared. */
+    label: string;
+    disabled?: boolean;
+    leadingVisual?: ReactNode;
+    /** Accepts translated nodes. */
+    secondaryLabel?: ReactNode;
+    /** When true, renders a menu divider after this option. */
+    dividerAfter?: boolean;
+    /**
+     * Extra `MenuItem` props for this row (e.g. `secondaryLabelPosition`, `tag`,
+     * `trailingVisual`, `className`). Overrides the `menuItemProps` set on the
+     * Select; the props Select owns (ARIA, selection, handlers) can't be set.
+     */
+    menuItemProps?: SelectMenuItemProps;
+};
+export interface SelectProps {
+    options: SelectOption[];
+    /**
+     * `MenuItem` props applied to every option row, e.g.
+     * `menuItemProps={{ secondaryLabelPosition: 'inline' }}`. A row's own
+     * `menuItemProps` wins.
+     */
+    menuItemProps?: SelectMenuItemProps;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    /** Shown on the trigger when no value is selected. Empty-value options are not listed in the menu. */
+    placeholder?: string;
+    label?: ReactNode;
+    /** Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Select provides the correct size via context. */
+    leadingIcon?: ReactNode;
+    size?: SelectSize;
+    invalid?: boolean;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+    'aria-label'?: string;
+    /**
+     * Accessible name for the options list when `label` isn't a string and no
+     * `aria-label` is set. Default: "Options".
+     */
+    listboxLabel?: string;
+    /** Portal mount node for the menu; defaults to `document.body`. */
+    portalContainer?: HTMLElement | null;
+    /** Stacking order for the portaled menu. */
+    zIndex?: number;
+}
+/**
+ * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'
+ * }, { value: 'design', label: 'Design' }, ];
+ */
+declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default Select;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AActD,OAAO,KAAK,EACV,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,gCAAgC,CAAC;AAYxC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAGtD,KAAK,mBAAmB,GAAG,wBAAwB,CACjD,OAAO,CAAC,kBAAkB,EAAE,SAAS,CAAC,CACvC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB;;;;OAIG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yGAAyG;IACzG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAsDD;;;GAGG;AACH,QAAA,MAAM,MAAM,2GAmVV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/components/select/Select.js

@@ -0,0 +1,273 @@
+import { jsxs as k, jsx as o, Fragment as we } from "react/jsx-runtime";
+import { forwardRef as De, useId as ke, useRef as w, useCallback as p, useState as D, useMemo as J, useEffect as Q } from "react";
+import __Ne from "@mattermost/compass-icons/components/chevron-down.js";const Ne=__Ne&&__Ne.default?__Ne.default:__Ne;
+import Ee, { IconSlotContext as Me } from "../icon/Icon.js";
+import Re from "../menu-item/MenuItem.js";
+import Se, { PopoverMenuScroll as Ve, PopoverMenuDivider as Ae } from "../popover-menu/PopoverMenu.js";
+import { useAnchoredPopupPortal as Oe } from "../../hooks/use-anchored-popup-portal.js";
+import { useOutsideClose as $e } from "../../hooks/use-outside-close.js";
+import { usePopoverTransition as Be } from "../../hooks/use-popover-transition.js";
+import { mergeMenuItemProps as He } from "../../utils/menuItemProps.js";
+import { toKebab as Fe } from "../../utils/string.js";
+import l from "./Select.module.scss.js";
+const W = 280;
+function je({
+  option: i,
+  menuItemProps: m,
+  listboxId: N,
+  selected: g,
+  active: E,
+  onSelect: v,
+  onHover: M,
+  dividerAfter: u = !1
+}) {
+  return /* @__PURE__ */ k(we, { children: [
+    /* @__PURE__ */ o("li", { className: l.select__option, role: "presentation", children: /* @__PURE__ */ o(
+      Re,
+      {
+        ...He(m, i.menuItemProps),
+        id: `${N}-option-${i.value}`,
+        role: "option",
+        label: i.label,
+        secondaryLabel: i.secondaryLabel,
+        leadingElement: i.leadingVisual != null,
+        leadingVisual: i.leadingVisual,
+        trailingElement: g,
+        active: E,
+        disabled: i.disabled,
+        "aria-selected": g,
+        onMouseDown: (I) => I.preventDefault(),
+        onMouseEnter: M,
+        onPointerUp: () => {
+          i.disabled || v(i);
+        }
+      }
+    ) }),
+    u ? /* @__PURE__ */ o("li", { role: "presentation", children: /* @__PURE__ */ o(Ae, { "aria-hidden": "true" }) }) : null
+  ] });
+}
+const Ye = De(function({
+  options: m,
+  menuItemProps: N,
+  value: g,
+  defaultValue: E = "",
+  onChange: v,
+  placeholder: M,
+  label: u,
+  leadingIcon: I,
+  size: Y = "medium",
+  invalid: A = !1,
+  disabled: b = !1,
+  id: Z,
+  name: O,
+  className: ee = "",
+  "aria-label": $,
+  listboxLabel: te = "Options",
+  portalContainer: le = null,
+  zIndex: ne
+}, x) {
+  const se = ke(), R = Z ?? se, h = `${R}-listbox`, B = w(null), H = w(null), F = w(null), re = p(
+    (e) => {
+      F.current = e, typeof x == "function" ? x(e) : x && (x.current = e);
+    },
+    [x]
+  ), S = g !== void 0, [oe, ae] = D(E), d = S ? g : oe, [s, j] = D(!1), [ie, C] = D(!1), [a, f] = D(-1), y = w(!1), ce = p(
+    (e) => {
+      e !== a && (y.current = !0, f(e));
+    },
+    [a]
+  ), V = J(
+    () => m.find((e) => e.value === d),
+    [m, d]
+  ), r = J(
+    () => m.filter((e) => e.value !== ""),
+    [m]
+  ), z = d !== "", { mounted: U, visible: ue } = Be(s), {
+    placement: de,
+    maxHeight: fe,
+    style: pe,
+    portalRef: K,
+    renderPortal: me
+  } = Oe(H, U, {
+    preferredHeight: W,
+    maxHeightCap: W,
+    portalContainer: le,
+    zIndex: ne
+  }), _ = p(() => {
+    j(!1), f(-1);
+  }, []), P = p(() => {
+    b || j(!0);
+  }, [b]);
+  $e(B, s, _, K), Q(() => {
+    s && f((e) => {
+      if (r.length === 0) return -1;
+      if (e >= 0 && e < r.length) return e;
+      const t = r.findIndex((c) => c.value === d);
+      if (t >= 0) return t;
+      const n = r.findIndex((c) => !c.disabled);
+      return n >= 0 ? n : 0;
+    });
+  }, [s, r, d]);
+  const T = p(
+    (e) => {
+      S || ae(e), v == null || v(e);
+    },
+    [S, v]
+  ), L = p(
+    (e) => {
+      var t;
+      e.disabled || (T(e.value), _(), (t = F.current) == null || t.focus());
+    },
+    [T, _]
+  ), G = p(
+    (e) => {
+      y.current = !1;
+      const t = r.map((n, c) => ({ o: n, i: c })).filter(({ o: n }) => !n.disabled);
+      if (t.length === 0) {
+        f(-1);
+        return;
+      }
+      f((n) => {
+        const c = t.findIndex(({ i: Pe }) => Pe === n), ye = c < 0 ? e > 0 ? 0 : t.length - 1 : (c + e + t.length) % t.length;
+        return t[ye].i;
+      });
+    },
+    [r]
+  );
+  Q(() => {
+    var n;
+    if (!s || a < 0) return;
+    if (y.current) {
+      y.current = !1;
+      return;
+    }
+    const e = r[a];
+    if (!e) return;
+    const t = document.getElementById(`${h}-option-${e.value}`);
+    (n = t == null ? void 0 : t.scrollIntoView) == null || n.call(t, { block: "nearest" });
+  }, [s, a, r, h]);
+  const ve = (e) => {
+    var t;
+    if (!b)
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), s ? G(1) : P();
+          break;
+        case "ArrowUp":
+          e.preventDefault(), s ? G(-1) : P();
+          break;
+        case "Home":
+          if (s && r.length > 0) {
+            e.preventDefault();
+            const n = r.findIndex((c) => !c.disabled);
+            f(n >= 0 ? n : 0);
+          }
+          break;
+        case "End":
+          if (s && r.length > 0) {
+            e.preventDefault();
+            for (let n = r.length - 1; n >= 0; n--)
+              if (!((t = r[n]) != null && t.disabled)) {
+                f(n);
+                break;
+              }
+          }
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault(), s && a >= 0 && r[a] ? L(r[a]) : s || P();
+          break;
+        case "Escape":
+          s && (e.preventDefault(), _());
+          break;
+        case "Tab":
+          _();
+          break;
+      }
+  }, be = ie || s || z, X = (V == null ? void 0 : V.label) ?? M ?? "", he = !z && X !== "", q = a >= 0 ? r[a] : void 0, _e = s && q != null ? `${h}-option-${q.value}` : void 0, ge = l[`select--size-${Fe(Y)}`], Ie = [
+    l.select,
+    ge,
+    A ? l["select--invalid"] : "",
+    u != null && be ? l["select--label-floated"] : "",
+    I != null ? l["select--has-leading-icon"] : "",
+    s ? l["select--open"] : "",
+    b ? l["select--disabled"] : "",
+    ee
+  ].filter(Boolean).join(" "), xe = [
+    l.select__control,
+    he ? l["select__control--placeholder"] : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ k("div", { className: Ie, ref: B, children: [
+    /* @__PURE__ */ k("div", { className: l.select__wrapper, ref: H, children: [
+      u != null && /* @__PURE__ */ o("label", { className: l.select__label, htmlFor: R, children: u }),
+      /* @__PURE__ */ k(
+        "button",
+        {
+          ref: re,
+          id: R,
+          type: "button",
+          role: "combobox",
+          className: xe,
+          disabled: b,
+          "aria-haspopup": "listbox",
+          "aria-expanded": s,
+          "aria-controls": h,
+          "aria-activedescendant": _e,
+          "aria-invalid": A ? !0 : void 0,
+          "aria-label": $,
+          onClick: () => s ? _() : P(),
+          onFocus: () => C(!0),
+          onBlur: () => C(!1),
+          onKeyDown: ve,
+          children: [
+            I != null && /* @__PURE__ */ o("span", { className: l["select__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ o(Me.Provider, { value: { size: "16" }, children: I }) }),
+            /* @__PURE__ */ o("span", { className: l.select__value, children: X }),
+            /* @__PURE__ */ o("span", { className: l["select__trailing-icon"], "aria-hidden": !0, children: /* @__PURE__ */ o(Ee, { size: "12", glyph: /* @__PURE__ */ o(Ne, {}) }) })
+          ]
+        }
+      )
+    ] }),
+    O != null && !b && /* @__PURE__ */ o("input", { type: "hidden", name: O, value: d }),
+    U && me(
+      /* @__PURE__ */ o(
+        "div",
+        {
+          ref: K,
+          className: [
+            l.select__popup,
+            de === "above" ? l["select__popup--above"] : "",
+            ue ? l["select__popup--visible"] : ""
+          ].filter(Boolean).join(" "),
+          style: pe,
+          children: /* @__PURE__ */ o(Se, { className: l.select__menu, children: /* @__PURE__ */ o(Ve, { maxHeight: fe, children: /* @__PURE__ */ o(
+            "ul",
+            {
+              id: h,
+              className: l.select__list,
+              role: "listbox",
+              "aria-label": typeof u == "string" ? u : $ ?? te,
+              children: r.map((e, t) => /* @__PURE__ */ o(
+                je,
+                {
+                  option: e,
+                  menuItemProps: N,
+                  listboxId: h,
+                  selected: e.value === d,
+                  active: t === a,
+                  onSelect: L,
+                  onHover: () => ce(t),
+                  dividerAfter: e.dividerAfter
+                },
+                e.value
+              ))
+            }
+          ) }) })
+        }
+      )
+    )
+  ] });
+});
+export {
+  Ye as default
+};
+//# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/components/select/Select.tsx"],"sourcesContent":["import type { KeyboardEvent, ReactNode } from 'react';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport type {\n  MenuItemOwnedProps,\n  MenuItemPassthroughProps,\n} from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n  PopoverMenuDivider,\n  PopoverMenuScroll,\n} from '@/components/popover-menu/PopoverMenu';\nimport { useAnchoredPopupPortal } from '@/hooks/use-anchored-popup-portal';\nimport { useOutsideClose } from '@/hooks/use-outside-close';\nimport { usePopoverTransition } from '@/hooks/use-popover-transition';\nimport { mergeMenuItemProps } from '@/utils/menuItemProps';\nimport { toKebab } from '@/utils/string';\nimport styles from './Select.module.scss';\n\nexport type SelectSize = 'small' | 'medium' | 'large';\n\n// Select rows use `onPointerUp`, so `onClick` is left for callers.\ntype SelectMenuItemProps = MenuItemPassthroughProps<\n  Exclude<MenuItemOwnedProps, 'onClick'>\n>;\n\nexport type SelectOption = {\n  value: string;\n  /** Kept as `string` like `ComboboxOption.label` (which drives filtering), so option lists can be shared. */\n  label: string;\n  disabled?: boolean;\n  leadingVisual?: ReactNode;\n  /** Accepts translated nodes. */\n  secondaryLabel?: ReactNode;\n  /** When true, renders a menu divider after this option. */\n  dividerAfter?: boolean;\n  /**\n   * Extra `MenuItem` props for this row (e.g. `secondaryLabelPosition`, `tag`,\n   * `trailingVisual`, `className`). Overrides the `menuItemProps` set on the\n   * Select; the props Select owns (ARIA, selection, handlers) can't be set.\n   */\n  menuItemProps?: SelectMenuItemProps;\n};\n\nexport interface SelectProps {\n  options: SelectOption[];\n  /**\n   * `MenuItem` props applied to every option row, e.g.\n   * `menuItemProps={{ secondaryLabelPosition: 'inline' }}`. A row's own\n   * `menuItemProps` wins.\n   */\n  menuItemProps?: SelectMenuItemProps;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  /** Shown on the trigger when no value is selected. Empty-value options are not listed in the menu. */\n  placeholder?: string;\n  label?: ReactNode;\n  /** Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Select provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  size?: SelectSize;\n  invalid?: boolean;\n  disabled?: boolean;\n  id?: string;\n  name?: string;\n  className?: string;\n  'aria-label'?: string;\n  /**\n   * Accessible name for the options list when `label` isn't a string and no\n   * `aria-label` is set. Default: \"Options\".\n   */\n  listboxLabel?: string;\n  /** Portal mount node for the menu; defaults to `document.body`. */\n  portalContainer?: HTMLElement | null;\n  /** Stacking order for the portaled menu. */\n  zIndex?: number;\n}\n\nconst POPUP_MAX_HEIGHT = 280;\n\nfunction SelectOptionRow({\n  option,\n  menuItemProps,\n  listboxId,\n  selected,\n  active,\n  onSelect,\n  onHover,\n  dividerAfter = false,\n}: {\n  option: SelectOption;\n  menuItemProps?: SelectMenuItemProps;\n  listboxId: string;\n  selected: boolean;\n  active: boolean;\n  onSelect: (option: SelectOption) => void;\n  onHover: () => void;\n  dividerAfter?: boolean;\n}) {\n  return (\n    <>\n      <li className={styles.select__option} role=\"presentation\">\n        <MenuItem\n          {...mergeMenuItemProps(menuItemProps, option.menuItemProps)}\n          id={`${listboxId}-option-${option.value}`}\n          role=\"option\"\n          label={option.label}\n          secondaryLabel={option.secondaryLabel}\n          leadingElement={option.leadingVisual != null}\n          leadingVisual={option.leadingVisual}\n          trailingElement={selected}\n          active={active}\n          disabled={option.disabled}\n          aria-selected={selected}\n          onMouseDown={(ev) => ev.preventDefault()}\n          onMouseEnter={onHover}\n          onPointerUp={() => {\n            if (!option.disabled) onSelect(option);\n          }}\n        />\n      </li>\n      {dividerAfter ? (\n        <li role=\"presentation\">\n          <PopoverMenuDivider aria-hidden=\"true\" />\n        </li>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * { value: 'town-square', label: 'Town Square' }, { value: 'off-topic', label: 'Off-Topic'\n * }, { value: 'design', label: 'Design' }, ];\n */\nconst Select = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    menuItemProps,\n    value: valueProp,\n    defaultValue = '',\n    onChange,\n    placeholder,\n    label,\n    leadingIcon,\n    size = 'medium',\n    invalid = false,\n    disabled = false,\n    id: idProp,\n    name,\n    className = '',\n    'aria-label': ariaLabel,\n    listboxLabel = 'Options',\n    portalContainer = null,\n    zIndex,\n  },\n  ref,\n) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const listboxId = `${id}-listbox`;\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n  const setButtonRef = useCallback(\n    (node: HTMLButtonElement | null) => {\n      buttonRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const value = isControlled ? valueProp! : uncontrolledValue;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  // Hover moves the highlight without scrolling; only keyboard changes scroll the row into view.\n  const activatedByPointer = useRef(false);\n  const hoverRow = useCallback(\n    (index: number) => {\n      if (index === activeIndex) return;\n      activatedByPointer.current = true;\n      setActiveIndex(index);\n    },\n    [activeIndex],\n  );\n\n  const selectedOption = useMemo(\n    () => options.find((o) => o.value === value),\n    [options, value],\n  );\n\n  const listOptions = useMemo(\n    () => options.filter((o) => o.value !== ''),\n    [options],\n  );\n\n  const hasValue = value !== '';\n\n  const { mounted: popupMounted, visible: popupVisible } =\n    usePopoverTransition(isOpen);\n\n  const {\n    placement,\n    maxHeight,\n    style: popupStyle,\n    portalRef,\n    renderPortal,\n  } = useAnchoredPopupPortal(anchorRef, popupMounted, {\n    preferredHeight: POPUP_MAX_HEIGHT,\n    maxHeightCap: POPUP_MAX_HEIGHT,\n    portalContainer,\n    zIndex,\n  });\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n    setActiveIndex(-1);\n  }, []);\n\n  const open = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled]);\n\n  useOutsideClose(rootRef, isOpen, close, portalRef);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setActiveIndex((prev) => {\n      if (listOptions.length === 0) return -1;\n      if (prev >= 0 && prev < listOptions.length) return prev;\n      const selectedIdx = listOptions.findIndex((o) => o.value === value);\n      if (selectedIdx >= 0) return selectedIdx;\n      const firstEnabled = listOptions.findIndex((o) => !o.disabled);\n      return firstEnabled >= 0 ? firstEnabled : 0;\n    });\n  }, [isOpen, listOptions, value]);\n\n  const commitValue = useCallback(\n    (next: string) => {\n      if (!isControlled) setUncontrolledValue(next);\n      onChange?.(next);\n    },\n    [isControlled, onChange],\n  );\n\n  const selectOption = useCallback(\n    (option: SelectOption) => {\n      if (option.disabled) return;\n      commitValue(option.value);\n      close();\n      buttonRef.current?.focus();\n    },\n    [commitValue, close],\n  );\n\n  const moveActive = useCallback(\n    (delta: number) => {\n      activatedByPointer.current = false;\n      const enabled = listOptions\n        .map((o, i) => ({ o, i }))\n        .filter(({ o }) => !o.disabled);\n      if (enabled.length === 0) {\n        setActiveIndex(-1);\n        return;\n      }\n      setActiveIndex((prev) => {\n        const currentPos = enabled.findIndex(({ i }) => i === prev);\n        const nextPos =\n          currentPos < 0\n            ? delta > 0\n              ? 0\n              : enabled.length - 1\n            : (currentPos + delta + enabled.length) % enabled.length;\n        return enabled[nextPos].i;\n      });\n    },\n    [listOptions],\n  );\n\n  useEffect(() => {\n    if (!isOpen || activeIndex < 0) return;\n    if (activatedByPointer.current) {\n      activatedByPointer.current = false;\n      return;\n    }\n    const option = listOptions[activeIndex];\n    if (!option) return;\n    const el = document.getElementById(`${listboxId}-option-${option.value}`);\n    el?.scrollIntoView?.({ block: 'nearest' });\n  }, [isOpen, activeIndex, listOptions, listboxId]);\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(1);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        if (!isOpen) open();\n        else moveActive(-1);\n        break;\n      case 'Home':\n        if (isOpen && listOptions.length > 0) {\n          e.preventDefault();\n          const idx = listOptions.findIndex((o) => !o.disabled);\n          setActiveIndex(idx >= 0 ? idx : 0);\n        }\n        break;\n      case 'End':\n        if (isOpen && listOptions.length > 0) {\n          e.preventDefault();\n          for (let i = listOptions.length - 1; i >= 0; i--) {\n            if (!listOptions[i]?.disabled) {\n              setActiveIndex(i);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        if (isOpen && activeIndex >= 0 && listOptions[activeIndex]) {\n          selectOption(listOptions[activeIndex]);\n        } else if (!isOpen) {\n          open();\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          e.preventDefault();\n          close();\n        }\n        break;\n      case 'Tab':\n        close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const labelFloated = isFocused || isOpen || hasValue;\n  const displayLabel = selectedOption?.label ?? placeholder ?? '';\n  const showPlaceholderStyle = !hasValue && displayLabel !== '';\n\n  const activeOption = activeIndex >= 0 ? listOptions[activeIndex] : undefined;\n  const activeDescendant =\n    isOpen && activeOption != null\n      ? `${listboxId}-option-${activeOption.value}`\n      : undefined;\n\n  const sizeClass = styles[`select--size-${toKebab(size)}`];\n  const rootClass = [\n    styles.select,\n    sizeClass,\n    invalid ? styles['select--invalid'] : '',\n    label != null && labelFloated ? styles['select--label-floated'] : '',\n    leadingIcon != null ? styles['select--has-leading-icon'] : '',\n    isOpen ? styles['select--open'] : '',\n    disabled ? styles['select--disabled'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const controlClass = [\n    styles.select__control,\n    showPlaceholderStyle ? styles['select__control--placeholder'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} ref={rootRef}>\n      <div className={styles.select__wrapper} ref={anchorRef}>\n        {label != null && (\n          <label className={styles.select__label} htmlFor={id}>\n            {label}\n          </label>\n        )}\n        <button\n          ref={setButtonRef}\n          id={id}\n          type=\"button\"\n          role=\"combobox\"\n          className={controlClass}\n          disabled={disabled}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={listboxId}\n          aria-activedescendant={activeDescendant}\n          aria-invalid={invalid ? true : undefined}\n          aria-label={ariaLabel}\n          onClick={() => (isOpen ? close() : open())}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          onKeyDown={handleKeyDown}\n        >\n          {leadingIcon != null && (\n            <span className={styles['select__leading-icon']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingIcon}\n              </IconSlotContext.Provider>\n            </span>\n          )}\n          <span className={styles.select__value}>{displayLabel}</span>\n          <span className={styles['select__trailing-icon']} aria-hidden>\n            <Icon size=\"12\" glyph={<ChevronDownIcon />} />\n          </span>\n        </button>\n      </div>\n\n      {name != null && !disabled && (\n        <input type=\"hidden\" name={name} value={value} />\n      )}\n\n      {popupMounted &&\n        renderPortal(\n          <div\n            ref={portalRef}\n            className={[\n              styles.select__popup,\n              placement === 'above' ? styles['select__popup--above'] : '',\n              popupVisible ? styles['select__popup--visible'] : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={popupStyle}\n          >\n            <PopoverMenu className={styles.select__menu}>\n              <PopoverMenuScroll maxHeight={maxHeight}>\n                <ul\n                  id={listboxId}\n                  className={styles.select__list}\n                  role=\"listbox\"\n                  aria-label={\n                    typeof label === 'string'\n                      ? label\n                      : (ariaLabel ?? listboxLabel)\n                  }\n                >\n                  {listOptions.map((option, index) => (\n                    <SelectOptionRow\n                      key={option.value}\n                      option={option}\n                      menuItemProps={menuItemProps}\n                      listboxId={listboxId}\n                      selected={option.value === value}\n                      active={index === activeIndex}\n                      onSelect={selectOption}\n                      onHover={() => hoverRow(index)}\n                      dividerAfter={option.dividerAfter}\n                    />\n                  ))}\n                </ul>\n              </PopoverMenuScroll>\n            </PopoverMenu>\n          </div>,\n        )}\n    </div>\n  );\n});\n\nexport default Select;\n"],"names":["POPUP_MAX_HEIGHT","SelectOptionRow","option","menuItemProps","listboxId","selected","active","onSelect","onHover","dividerAfter","jsxs","Fragment","jsx","styles","MenuItem","mergeMenuItemProps","ev","PopoverMenuDivider","Select","forwardRef","options","valueProp","defaultValue","onChange","placeholder","label","leadingIcon","size","invalid","disabled","idProp","name","className","ariaLabel","listboxLabel","portalContainer","zIndex","ref","generatedId","useId","id","rootRef","useRef","anchorRef","buttonRef","setButtonRef","useCallback","node","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","activatedByPointer","hoverRow","index","selectedOption","useMemo","o","listOptions","hasValue","popupMounted","popupVisible","usePopoverTransition","placement","maxHeight","popupStyle","portalRef","renderPortal","useAnchoredPopupPortal","close","open","useOutsideClose","useEffect","prev","selectedIdx","firstEnabled","commitValue","next","selectOption","_a","moveActive","delta","enabled","i","currentPos","nextPos","el","handleKeyDown","idx","labelFloated","displayLabel","showPlaceholderStyle","activeOption","activeDescendant","sizeClass","toKebab","rootClass","controlClass","IconSlotContext","Icon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll"],"mappings":"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"}

package/dist/components/select/Select.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Select.css');const e="_select_1udb3_2",_="_select__wrapper_1udb3_8",l="_select__label_1udb3_26",t="_select__control_1udb3_56",s="_select__value_1udb3_82",c="_select__popup_1udb3_111",o="_select__menu_1udb3_127",i="_select__list_1udb3_132",n="_select__option_1udb3_137",u={select:e,select__wrapper:_,"select--disabled":"_select--disabled_1udb3_16",select__label:l,"select--label-floated":"_select--label-floated_1udb3_47",select__control:t,"select__control--placeholder":"_select__control--placeholder_1udb3_82",select__value:s,"select__leading-icon":"_select__leading-icon_1udb3_92","select__trailing-icon":"_select__trailing-icon_1udb3_99","select--open":"_select--open_1udb3_108",select__popup:c,"select__popup--above":"_select__popup--above_1udb3_118","select__popup--visible":"_select__popup--visible_1udb3_121",select__menu:o,select__list:i,select__option:n,"select__option-content--disabled":"_select__option-content--disabled_1udb3_145","select--size-small":"_select--size-small_1udb3_148","select--size-medium":"_select--size-medium_1udb3_167","select--size-large":"_select--size-large_1udb3_190","select--invalid":"_select--invalid_1udb3_217","select--has-leading-icon":"_select--has-leading-icon_1udb3_229"};exports.default=u;exports.select=e;exports.select__control=t;exports.select__label=l;exports.select__list=i;exports.select__menu=o;exports.select__option=n;exports.select__popup=c;exports.select__value=s;exports.select__wrapper=_;
+//# sourceMappingURL=Select.module.scss.cjs.map

package/dist/components/select/Select.module.scss.cjs.map

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

package/dist/components/select/Select.module.scss.js

@@ -0,0 +1,38 @@
+import './Select.css';const e = "_select_1udb3_2", _ = "_select__wrapper_1udb3_8", l = "_select__label_1udb3_26", t = "_select__control_1udb3_56", s = "_select__value_1udb3_82", c = "_select__popup_1udb3_111", o = "_select__menu_1udb3_127", d = "_select__list_1udb3_132", n = "_select__option_1udb3_137", i = {
+  select: e,
+  select__wrapper: _,
+  "select--disabled": "_select--disabled_1udb3_16",
+  select__label: l,
+  "select--label-floated": "_select--label-floated_1udb3_47",
+  select__control: t,
+  "select__control--placeholder": "_select__control--placeholder_1udb3_82",
+  select__value: s,
+  "select__leading-icon": "_select__leading-icon_1udb3_92",
+  "select__trailing-icon": "_select__trailing-icon_1udb3_99",
+  "select--open": "_select--open_1udb3_108",
+  select__popup: c,
+  "select__popup--above": "_select__popup--above_1udb3_118",
+  "select__popup--visible": "_select__popup--visible_1udb3_121",
+  select__menu: o,
+  select__list: d,
+  select__option: n,
+  "select__option-content--disabled": "_select__option-content--disabled_1udb3_145",
+  "select--size-small": "_select--size-small_1udb3_148",
+  "select--size-medium": "_select--size-medium_1udb3_167",
+  "select--size-large": "_select--size-large_1udb3_190",
+  "select--invalid": "_select--invalid_1udb3_217",
+  "select--has-leading-icon": "_select--has-leading-icon_1udb3_229"
+};
+export {
+  i as default,
+  e as select,
+  t as select__control,
+  l as select__label,
+  d as select__list,
+  o as select__menu,
+  n as select__option,
+  c as select__popup,
+  s as select__value,
+  _ as select__wrapper
+};
+//# sourceMappingURL=Select.module.scss.js.map

package/dist/components/select/Select.module.scss.js.map

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

package/dist/components/select/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select.cjs");exports.Select=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/select/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/select/index.js

@@ -0,0 +1,5 @@
+import { default as a } from "./Select.js";
+export {
+  a as Select
+};
+//# sourceMappingURL=index.js.map

package/dist/components/select/index.js.map

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

package/dist/components/shortcut-tag/ShortcutTag.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),t=require("./ShortcutTag.module.scss.cjs"),n={small:t.default["shortcut-tag__key--size-small"],medium:t.default["shortcut-tag__key--size-medium"],large:t.default["shortcut-tag__key--size-large"]},d={default:t.default["shortcut-tag__key--location-default"],tooltips:t.default["shortcut-tag__key--location-tooltips"]};function c({label:e,size:o="small",location:a="default",className:u=""}){const l=[t.default["shortcut-tag__key"],n[o],d[a],u].filter(Boolean).join(" ");return s.jsx("kbd",{className:l,children:e})}function f({labels:e,size:o="small",location:a="default",className:u=""}){const l=[t.default["shortcut-tag-group"],u].filter(Boolean).join(" ");return s.jsx("span",{className:l,children:e.map((r,i)=>s.jsx(c,{label:r,size:o,location:a},`${r}-${i}`))})}exports.ShortcutTagGroup=f;exports.default=c;
+//# sourceMappingURL=ShortcutTag.cjs.map