@mattermost/compass-ui 0.1.0-alpha.1 → 0.1.0-alpha.11

package/dist/components/select/Select.js

@@ -0,0 +1,251 @@
+import { jsxs as S, jsx as r } from "react/jsx-runtime";
+import { forwardRef as ge, useId as ye, useRef as V, useCallback as _, useState as I, useMemo as X, useEffect as q } from "react";
+import __Ie from "@mattermost/compass-icons/components/chevron-down.js";const Ie=__Ie&&__Ie.default?__Ie.default:__Ie;
+import we, { IconSlotContext as De } from "../icon/Icon.js";
+import Pe from "../menu-item/MenuItem.js";
+import ke, { PopoverMenuScroll as Ne } from "../popover-menu/PopoverMenu.js";
+import { useAnchoredPopupPortal as Ee } from "../../hooks/use-anchored-popup-portal.js";
+import { useOutsideClose as Se } from "../../hooks/use-outside-close.js";
+import { usePopoverTransition as Ve } from "../../hooks/use-popover-transition.js";
+import { toKebab as Me } from "../../utils/string.js";
+import l from "./Select.module.scss.js";
+const J = 280;
+function Oe({
+  option: i,
+  listboxId: p,
+  selected: x,
+  active: w,
+  onSelect: m,
+  onHover: D
+}) {
+  return /* @__PURE__ */ r("li", { className: l.select__option, role: "presentation", children: /* @__PURE__ */ r(
+    Pe,
+    {
+      id: `${p}-option-${i.value}`,
+      role: "option",
+      label: i.label,
+      secondaryLabel: i.secondaryLabel,
+      leadingElement: i.leadingVisual != null,
+      leadingVisual: i.leadingVisual,
+      trailingElement: x,
+      active: w,
+      disabled: i.disabled,
+      "aria-selected": x,
+      onMouseDown: (u) => u.preventDefault(),
+      onMouseEnter: D,
+      onPointerUp: () => {
+        i.disabled || m(i);
+      }
+    }
+  ) });
+}
+const Te = ge(function({
+  options: p,
+  value: x,
+  defaultValue: w = "",
+  onChange: m,
+  placeholder: D,
+  label: u,
+  leadingIcon: P,
+  size: Q = "medium",
+  invalid: M = !1,
+  disabled: v = !1,
+  id: W,
+  name: O,
+  className: Y = "",
+  "aria-label": R,
+  portalContainer: Z = null,
+  zIndex: ee
+}, g) {
+  const te = ye(), k = W ?? te, b = `${k}-listbox`, $ = V(null), H = V(null), A = V(null), le = _(
+    (e) => {
+      A.current = e, typeof g == "function" ? g(e) : g && (g.current = e);
+    },
+    [g]
+  ), N = x !== void 0, [ne, se] = I(w), d = N ? x : ne, [n, B] = I(!1), [oe, j] = I(!1), [c, f] = I(-1), E = X(
+    () => p.find((e) => e.value === d),
+    [p, d]
+  ), s = X(
+    () => p.filter((e) => e.value !== ""),
+    [p]
+  ), C = d !== "", { mounted: F, visible: re } = Ve(n), {
+    placement: ae,
+    maxHeight: ie,
+    style: ce,
+    portalRef: z,
+    renderPortal: ue
+  } = Ee(H, F, {
+    preferredHeight: J,
+    maxHeightCap: J,
+    portalContainer: Z,
+    zIndex: ee
+  }), h = _(() => {
+    B(!1), f(-1);
+  }, []), y = _(() => {
+    v || B(!0);
+  }, [v]);
+  Se($, n, h, z), q(() => {
+    n && f((e) => {
+      if (s.length === 0) return -1;
+      if (e >= 0 && e < s.length) return e;
+      const t = s.findIndex((a) => a.value === d);
+      if (t >= 0) return t;
+      const o = s.findIndex((a) => !a.disabled);
+      return o >= 0 ? o : 0;
+    });
+  }, [n, s, d]);
+  const U = _(
+    (e) => {
+      N || se(e), m == null || m(e);
+    },
+    [N, m]
+  ), K = _(
+    (e) => {
+      var t;
+      e.disabled || (U(e.value), h(), (t = A.current) == null || t.focus());
+    },
+    [U, h]
+  ), T = _(
+    (e) => {
+      const t = s.map((o, a) => ({ o, i: a })).filter(({ o }) => !o.disabled);
+      if (t.length === 0) {
+        f(-1);
+        return;
+      }
+      f((o) => {
+        const a = t.findIndex(({ i: xe }) => xe === o), _e = a < 0 ? e > 0 ? 0 : t.length - 1 : (a + e + t.length) % t.length;
+        return t[_e].i;
+      });
+    },
+    [s]
+  );
+  q(() => {
+    if (!n || c < 0) return;
+    const e = s[c];
+    if (!e) return;
+    const t = document.getElementById(`${b}-option-${e.value}`);
+    t == null || t.scrollIntoView({ block: "nearest" });
+  }, [n, c, s, b]);
+  const de = (e) => {
+    var t;
+    if (!v)
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), n ? T(1) : y();
+          break;
+        case "ArrowUp":
+          e.preventDefault(), n ? T(-1) : y();
+          break;
+        case "Home":
+          if (n && s.length > 0) {
+            e.preventDefault();
+            const o = s.findIndex((a) => !a.disabled);
+            f(o >= 0 ? o : 0);
+          }
+          break;
+        case "End":
+          if (n && s.length > 0) {
+            e.preventDefault();
+            for (let o = s.length - 1; o >= 0; o--)
+              if (!((t = s[o]) != null && t.disabled)) {
+                f(o);
+                break;
+              }
+          }
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault(), n && c >= 0 && s[c] ? K(s[c]) : n || y();
+          break;
+        case "Escape":
+          n && (e.preventDefault(), h());
+          break;
+        case "Tab":
+          h();
+          break;
+      }
+  }, fe = oe || n || C, L = (E == null ? void 0 : E.label) ?? D ?? "", pe = !C && L !== "", G = c >= 0 ? s[c] : void 0, me = n && G != null ? `${b}-option-${G.value}` : void 0, ve = l[`select--size-${Me(Q)}`], be = [
+    l.select,
+    ve,
+    M ? l["select--invalid"] : "",
+    u != null && fe ? l["select--label-floated"] : "",
+    P != null ? l["select--has-leading-icon"] : "",
+    n ? l["select--open"] : "",
+    v ? l["select--disabled"] : "",
+    Y
+  ].filter(Boolean).join(" "), he = [
+    l.select__control,
+    pe ? l["select__control--placeholder"] : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ S("div", { className: be, ref: $, children: [
+    /* @__PURE__ */ S("div", { className: l.select__wrapper, ref: H, children: [
+      u != null && /* @__PURE__ */ r("label", { className: l.select__label, htmlFor: k, children: u }),
+      /* @__PURE__ */ S(
+        "button",
+        {
+          ref: le,
+          id: k,
+          type: "button",
+          role: "combobox",
+          className: he,
+          disabled: v,
+          "aria-haspopup": "listbox",
+          "aria-expanded": n,
+          "aria-controls": b,
+          "aria-activedescendant": me,
+          "aria-invalid": M ? !0 : void 0,
+          "aria-label": R,
+          onClick: () => n ? h() : y(),
+          onFocus: () => j(!0),
+          onBlur: () => j(!1),
+          onKeyDown: de,
+          children: [
+            P != null && /* @__PURE__ */ r("span", { className: l["select__leading-icon"], "aria-hidden": !0, children: /* @__PURE__ */ r(De.Provider, { value: { size: "16" }, children: P }) }),
+            /* @__PURE__ */ r("span", { className: l.select__value, children: L }),
+            /* @__PURE__ */ r("span", { className: l["select__trailing-icon"], "aria-hidden": !0, children: /* @__PURE__ */ r(we, { size: "12", glyph: /* @__PURE__ */ r(Ie, {}) }) })
+          ]
+        }
+      )
+    ] }),
+    O != null && !v && /* @__PURE__ */ r("input", { type: "hidden", name: O, value: d }),
+    F && ue(
+      /* @__PURE__ */ r(
+        "div",
+        {
+          ref: z,
+          className: [
+            l.select__popup,
+            ae === "above" ? l["select__popup--above"] : "",
+            re ? l["select__popup--visible"] : ""
+          ].filter(Boolean).join(" "),
+          style: ce,
+          children: /* @__PURE__ */ r(ke, { className: l.select__menu, children: /* @__PURE__ */ r(Ne, { maxHeight: ie, children: /* @__PURE__ */ r(
+            "ul",
+            {
+              id: b,
+              className: l.select__list,
+              role: "listbox",
+              "aria-label": typeof u == "string" ? u : R ?? "Options",
+              children: s.map((e, t) => /* @__PURE__ */ r(
+                Oe,
+                {
+                  option: e,
+                  listboxId: b,
+                  selected: e.value === d,
+                  active: t === c,
+                  onSelect: K,
+                  onHover: () => f(t)
+                },
+                e.value
+              ))
+            }
+          ) }) })
+        }
+      )
+    )
+  ] });
+});
+export {
+  Te 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 PopoverMenu, {\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 { toKebab } from '@/utils/string';\nimport styles from './Select.module.scss';\n\nexport type SelectSize = 'small' | 'medium' | 'large';\n\nexport type SelectOption = {\n  value: string;\n  label: string;\n  disabled?: boolean;\n  leadingVisual?: ReactNode;\n  secondaryLabel?: string;\n};\n\nexport interface SelectProps {\n  options: SelectOption[];\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  /** 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  listboxId,\n  selected,\n  active,\n  onSelect,\n  onHover,\n}: {\n  option: SelectOption;\n  listboxId: string;\n  selected: boolean;\n  active: boolean;\n  onSelect: (option: SelectOption) => void;\n  onHover: () => void;\n}) {\n  return (\n    <li className={styles.select__option} role=\"presentation\">\n      <MenuItem\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  );\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    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    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\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      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    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' ? label : (ariaLabel ?? 'Options')\n                  }\n                >\n                  {listOptions.map((option, index) => (\n                    <SelectOptionRow\n                      key={option.value}\n                      option={option}\n                      listboxId={listboxId}\n                      selected={option.value === value}\n                      active={index === activeIndex}\n                      onSelect={selectOption}\n                      onHover={() => setActiveIndex(index)}\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","listboxId","selected","active","onSelect","onHover","styles","jsx","MenuItem","ev","Select","forwardRef","options","valueProp","defaultValue","onChange","placeholder","label","leadingIcon","size","invalid","disabled","idProp","name","className","ariaLabel","portalContainer","zIndex","ref","generatedId","useId","id","rootRef","useRef","anchorRef","buttonRef","setButtonRef","useCallback","node","isControlled","uncontrolledValue","setUncontrolledValue","useState","value","isOpen","setIsOpen","isFocused","setIsFocused","activeIndex","setActiveIndex","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","jsxs","IconSlotContext","Icon","ChevronDownIcon","PopoverMenu","PopoverMenuScroll","index"],"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_h9fbq_2",_="_select__wrapper_h9fbq_8",l="_select__label_h9fbq_26",t="_select__control_h9fbq_56",s="_select__value_h9fbq_82",c="_select__popup_h9fbq_111",o="_select__menu_h9fbq_127",i="_select__list_h9fbq_132",n="_select__option_h9fbq_137",p={select:e,select__wrapper:_,"select--disabled":"_select--disabled_h9fbq_16",select__label:l,"select--label-floated":"_select--label-floated_h9fbq_47",select__control:t,"select__control--placeholder":"_select__control--placeholder_h9fbq_82",select__value:s,"select__leading-icon":"_select__leading-icon_h9fbq_92","select__trailing-icon":"_select__trailing-icon_h9fbq_99","select--open":"_select--open_h9fbq_108",select__popup:c,"select__popup--above":"_select__popup--above_h9fbq_118","select__popup--visible":"_select__popup--visible_h9fbq_121",select__menu:o,select__list:i,select__option:n,"select__option-content--disabled":"_select__option-content--disabled_h9fbq_145","select--size-small":"_select--size-small_h9fbq_148","select--size-medium":"_select--size-medium_h9fbq_167","select--size-large":"_select--size-large_h9fbq_190","select--invalid":"_select--invalid_h9fbq_217","select--has-leading-icon":"_select--has-leading-icon_h9fbq_229"};exports.default=p;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_h9fbq_2", _ = "_select__wrapper_h9fbq_8", l = "_select__label_h9fbq_26", t = "_select__control_h9fbq_56", s = "_select__value_h9fbq_82", c = "_select__popup_h9fbq_111", o = "_select__menu_h9fbq_127", n = "_select__list_h9fbq_132", i = "_select__option_h9fbq_137", a = {
+  select: e,
+  select__wrapper: _,
+  "select--disabled": "_select--disabled_h9fbq_16",
+  select__label: l,
+  "select--label-floated": "_select--label-floated_h9fbq_47",
+  select__control: t,
+  "select__control--placeholder": "_select__control--placeholder_h9fbq_82",
+  select__value: s,
+  "select__leading-icon": "_select__leading-icon_h9fbq_92",
+  "select__trailing-icon": "_select__trailing-icon_h9fbq_99",
+  "select--open": "_select--open_h9fbq_108",
+  select__popup: c,
+  "select__popup--above": "_select__popup--above_h9fbq_118",
+  "select__popup--visible": "_select__popup--visible_h9fbq_121",
+  select__menu: o,
+  select__list: n,
+  select__option: i,
+  "select__option-content--disabled": "_select__option-content--disabled_h9fbq_145",
+  "select--size-small": "_select--size-small_h9fbq_148",
+  "select--size-medium": "_select--size-medium_h9fbq_167",
+  "select--size-large": "_select--size-large_h9fbq_190",
+  "select--invalid": "_select--invalid_h9fbq_217",
+  "select--has-leading-icon": "_select--has-leading-icon_h9fbq_229"
+};
+export {
+  a as default,
+  e as select,
+  t as select__control,
+  l as select__label,
+  n as select__list,
+  o as select__menu,
+  i 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutTag.cjs","sources":["../../../src/components/shortcut-tag/ShortcutTag.tsx"],"sourcesContent":["import styles from './ShortcutTag.module.scss';\n\nexport type ShortcutTagSize = 'small' | 'medium' | 'large';\nexport type ShortcutTagLocation = 'default' | 'tooltips';\n\nexport type ShortcutTagProps = {\n  /** Key label (e.g. `⌘`, `Shift`, `K`). */\n  label: string;\n  size?: ShortcutTagSize;\n  /** Default for menus and light surfaces; Tooltips for dark overlays. */\n  location?: ShortcutTagLocation;\n  className?: string;\n};\n\nconst SIZE_CLASS: Record<ShortcutTagSize, string> = {\n  small: styles['shortcut-tag__key--size-small'],\n  medium: styles['shortcut-tag__key--size-medium'],\n  large: styles['shortcut-tag__key--size-large'],\n};\n\nconst LOCATION_CLASS: Record<ShortcutTagLocation, string> = {\n  default: styles['shortcut-tag__key--location-default'],\n  tooltips: styles['shortcut-tag__key--location-tooltips'],\n};\n\n/**\n * Keyboard shortcut key chip for menus, tooltips, and popovers.\n *\n * @see Figma Shortcut Tag (Source: xkm54Q9IQcyo3c0pGeNIMH)\n */\nexport default function ShortcutTag({\n  label,\n  size = 'small',\n  location = 'default',\n  className = '',\n}: ShortcutTagProps) {\n  const rootClass = [\n    styles['shortcut-tag__key'],\n    SIZE_CLASS[size],\n    LOCATION_CLASS[location],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return <kbd className={rootClass}>{label}</kbd>;\n}\n\nexport type ShortcutTagGroupProps = {\n  /** Individual key labels (e.g. `['Ctrl', 'K']`). */\n  labels: string[];\n  size?: ShortcutTagSize;\n  location?: ShortcutTagLocation;\n  className?: string;\n};\n\n/** Inline row of shortcut tags for prose and notice copy. */\nexport function ShortcutTagGroup({\n  labels,\n  size = 'small',\n  location = 'default',\n  className = '',\n}: ShortcutTagGroupProps) {\n  const groupClass = [styles['shortcut-tag-group'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span className={groupClass}>\n      {labels.map((label, index) => (\n        <ShortcutTag\n          key={`${label}-${index}`}\n          label={label}\n          size={size}\n          location={location}\n        />\n      ))}\n    </span>\n  );\n}\n"],"names":["SIZE_CLASS","styles","LOCATION_CLASS","ShortcutTag","label","size","location","className","rootClass","jsx","ShortcutTagGroup","labels","groupClass","index"],"mappings":"4LAcMA,EAA8C,CAClD,MAAOC,EAAAA,QAAO,+BAA+B,EAC7C,OAAQA,EAAAA,QAAO,gCAAgC,EAC/C,MAAOA,EAAAA,QAAO,+BAA+B,CAC/C,EAEMC,EAAsD,CAC1D,QAASD,EAAAA,QAAO,qCAAqC,EACrD,SAAUA,EAAAA,QAAO,sCAAsC,CACzD,EAOA,SAAwBE,EAAY,CAClC,MAAAC,EACA,KAAAC,EAAO,QACP,SAAAC,EAAW,UACX,UAAAC,EAAY,EACd,EAAqB,CACnB,MAAMC,EAAY,CAChBP,EAAAA,QAAO,mBAAmB,EAC1BD,EAAWK,CAAI,EACfH,EAAeI,CAAQ,EACvBC,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OAAOE,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAY,SAAAJ,EAAM,CAC3C,CAWO,SAASM,EAAiB,CAC/B,OAAAC,EACA,KAAAN,EAAO,QACP,SAAAC,EAAW,UACX,UAAAC,EAAY,EACd,EAA0B,CACxB,MAAMK,EAAa,CAACX,UAAO,oBAAoB,EAAGM,CAAS,EACxD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEE,MAAC,QAAK,UAAWG,EACd,WAAO,IAAI,CAACR,EAAOS,IAClBJ,EAAAA,IAACN,EAAA,CAEC,MAAAC,EACA,KAAAC,EACA,SAAAC,CAAA,EAHK,GAAGF,CAAK,IAAIS,CAAK,EAAA,CAKzB,EACH,CAEJ"}

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

@@ -0,0 +1 @@
+._shortcut-tag__key_mn7ou_2{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:none;border-radius:var(--radius-s);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);white-space:nowrap}._shortcut-tag__key--size-small_mn7ou_13{padding:var(--spacing-xxxxs) var(--spacing-xxxs);font-size:var(--font-size-75);line-height:var(--line-height-75)}._shortcut-tag__key--size-medium_mn7ou_18{padding:var(--spacing-xxxxs) var(--spacing-xxs);font-size:var(--font-size-100);line-height:var(--line-height-100)}._shortcut-tag__key--size-large_mn7ou_23{padding:var(--spacing-xxxxs) var(--spacing-xs);font-size:var(--font-size-200);line-height:var(--line-height-200)}._shortcut-tag__key--location-default_mn7ou_28{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._shortcut-tag__key--location-tooltips_mn7ou_32{background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent);color:color-mix(in srgb,var(--neutral-0) 72%,transparent)}._shortcut-tag-group_mn7ou_37{display:inline-flex;align-items:center;gap:var(--spacing-xxxxs);vertical-align:text-bottom}

package/dist/components/shortcut-tag/ShortcutTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutTag.d.ts","sourceRoot":"","sources":["../../../src/components/shortcut-tag/ShortcutTag.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAaF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,IAAc,EACd,QAAoB,EACpB,SAAc,GACf,EAAE,gBAAgB,2CAWlB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,oDAAoD;IACpD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,6DAA6D;AAC7D,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,IAAc,EACd,QAAoB,EACpB,SAAc,GACf,EAAE,qBAAqB,2CAiBvB"}

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

@@ -0,0 +1,46 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "./ShortcutTag.module.scss.js";
+const i = {
+  small: t["shortcut-tag__key--size-small"],
+  medium: t["shortcut-tag__key--size-medium"],
+  large: t["shortcut-tag__key--size-large"]
+}, n = {
+  default: t["shortcut-tag__key--location-default"],
+  tooltips: t["shortcut-tag__key--location-tooltips"]
+};
+function m({
+  label: o,
+  size: s = "small",
+  location: a = "default",
+  className: e = ""
+}) {
+  const l = [
+    t["shortcut-tag__key"],
+    i[s],
+    n[a],
+    e
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("kbd", { className: l, children: o });
+}
+function f({
+  labels: o,
+  size: s = "small",
+  location: a = "default",
+  className: e = ""
+}) {
+  const l = [t["shortcut-tag-group"], e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("span", { className: l, children: o.map((u, c) => /* @__PURE__ */ r(
+    m,
+    {
+      label: u,
+      size: s,
+      location: a
+    },
+    `${u}-${c}`
+  )) });
+}
+export {
+  f as ShortcutTagGroup,
+  m as default
+};
+//# sourceMappingURL=ShortcutTag.js.map

package/dist/components/shortcut-tag/ShortcutTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutTag.js","sources":["../../../src/components/shortcut-tag/ShortcutTag.tsx"],"sourcesContent":["import styles from './ShortcutTag.module.scss';\n\nexport type ShortcutTagSize = 'small' | 'medium' | 'large';\nexport type ShortcutTagLocation = 'default' | 'tooltips';\n\nexport type ShortcutTagProps = {\n  /** Key label (e.g. `⌘`, `Shift`, `K`). */\n  label: string;\n  size?: ShortcutTagSize;\n  /** Default for menus and light surfaces; Tooltips for dark overlays. */\n  location?: ShortcutTagLocation;\n  className?: string;\n};\n\nconst SIZE_CLASS: Record<ShortcutTagSize, string> = {\n  small: styles['shortcut-tag__key--size-small'],\n  medium: styles['shortcut-tag__key--size-medium'],\n  large: styles['shortcut-tag__key--size-large'],\n};\n\nconst LOCATION_CLASS: Record<ShortcutTagLocation, string> = {\n  default: styles['shortcut-tag__key--location-default'],\n  tooltips: styles['shortcut-tag__key--location-tooltips'],\n};\n\n/**\n * Keyboard shortcut key chip for menus, tooltips, and popovers.\n *\n * @see Figma Shortcut Tag (Source: xkm54Q9IQcyo3c0pGeNIMH)\n */\nexport default function ShortcutTag({\n  label,\n  size = 'small',\n  location = 'default',\n  className = '',\n}: ShortcutTagProps) {\n  const rootClass = [\n    styles['shortcut-tag__key'],\n    SIZE_CLASS[size],\n    LOCATION_CLASS[location],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return <kbd className={rootClass}>{label}</kbd>;\n}\n\nexport type ShortcutTagGroupProps = {\n  /** Individual key labels (e.g. `['Ctrl', 'K']`). */\n  labels: string[];\n  size?: ShortcutTagSize;\n  location?: ShortcutTagLocation;\n  className?: string;\n};\n\n/** Inline row of shortcut tags for prose and notice copy. */\nexport function ShortcutTagGroup({\n  labels,\n  size = 'small',\n  location = 'default',\n  className = '',\n}: ShortcutTagGroupProps) {\n  const groupClass = [styles['shortcut-tag-group'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span className={groupClass}>\n      {labels.map((label, index) => (\n        <ShortcutTag\n          key={`${label}-${index}`}\n          label={label}\n          size={size}\n          location={location}\n        />\n      ))}\n    </span>\n  );\n}\n"],"names":["SIZE_CLASS","styles","LOCATION_CLASS","ShortcutTag","label","size","location","className","rootClass","jsx","ShortcutTagGroup","labels","groupClass","index"],"mappings":";;AAcA,MAAMA,IAA8C;AAAA,EAClD,OAAOC,EAAO,+BAA+B;AAAA,EAC7C,QAAQA,EAAO,gCAAgC;AAAA,EAC/C,OAAOA,EAAO,+BAA+B;AAC/C,GAEMC,IAAsD;AAAA,EAC1D,SAASD,EAAO,qCAAqC;AAAA,EACrD,UAAUA,EAAO,sCAAsC;AACzD;AAOA,SAAwBE,EAAY;AAAA,EAClC,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,GAAqB;AACnB,QAAMC,IAAY;AAAA,IAChBP,EAAO,mBAAmB;AAAA,IAC1BD,EAAWK,CAAI;AAAA,IACfH,EAAeI,CAAQ;AAAA,IACvBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAO,gBAAAE,EAAC,OAAA,EAAI,WAAWD,GAAY,UAAAJ,GAAM;AAC3C;AAWO,SAASM,EAAiB;AAAA,EAC/B,QAAAC;AAAA,EACA,MAAAN,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,GAA0B;AACxB,QAAMK,IAAa,CAACX,EAAO,oBAAoB,GAAGM,CAAS,EACxD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAE,EAAC,UAAK,WAAWG,GACd,YAAO,IAAI,CAACR,GAAOS,MAClB,gBAAAJ;AAAA,IAACN;AAAA,IAAA;AAAA,MAEC,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,IAHK,GAAGF,CAAK,IAAIS,CAAK;AAAA,EAAA,CAKzB,GACH;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ShortcutTag.css');const t={"shortcut-tag__key":"_shortcut-tag__key_mn7ou_2","shortcut-tag__key--size-small":"_shortcut-tag__key--size-small_mn7ou_13","shortcut-tag__key--size-medium":"_shortcut-tag__key--size-medium_mn7ou_18","shortcut-tag__key--size-large":"_shortcut-tag__key--size-large_mn7ou_23","shortcut-tag__key--location-default":"_shortcut-tag__key--location-default_mn7ou_28","shortcut-tag__key--location-tooltips":"_shortcut-tag__key--location-tooltips_mn7ou_32","shortcut-tag-group":"_shortcut-tag-group_mn7ou_37"};exports.default=t;
+//# sourceMappingURL=ShortcutTag.module.scss.cjs.map

package/dist/components/shortcut-tag/ShortcutTag.module.scss.cjs.map

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

package/dist/components/shortcut-tag/ShortcutTag.module.scss.js

@@ -0,0 +1,13 @@
+import './ShortcutTag.css';const t = {
+  "shortcut-tag__key": "_shortcut-tag__key_mn7ou_2",
+  "shortcut-tag__key--size-small": "_shortcut-tag__key--size-small_mn7ou_13",
+  "shortcut-tag__key--size-medium": "_shortcut-tag__key--size-medium_mn7ou_18",
+  "shortcut-tag__key--size-large": "_shortcut-tag__key--size-large_mn7ou_23",
+  "shortcut-tag__key--location-default": "_shortcut-tag__key--location-default_mn7ou_28",
+  "shortcut-tag__key--location-tooltips": "_shortcut-tag__key--location-tooltips_mn7ou_32",
+  "shortcut-tag-group": "_shortcut-tag-group_mn7ou_37"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=ShortcutTag.module.scss.js.map

package/dist/components/shortcut-tag/ShortcutTag.module.scss.js.map

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

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

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

package/dist/components/shortcut-tag/index.cjs.map

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

package/dist/components/shortcut-tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shortcut-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzE,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,eAAe,CAAC"}

package/dist/components/shortcut-tag/index.js

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

package/dist/components/shortcut-tag/index.js.map

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

package/dist/components/spinner/Spinner.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),t=require("./Spinner.module.scss.cjs");function p({size:n="16",inverted:r=!1,className:s="","aria-label":i="Loading",style:a,...o}){const e=Number(n),l=Math.max(1,Math.min(3,Math.round(e*.1))),u=[t.default.spinner,r?t.default["spinner--inverted"]:"",s].filter(Boolean).join(" ");return d.jsx("span",{className:u,role:"status","aria-label":i,style:{width:`${e}px`,height:`${e}px`,"--spinner-stroke-width":`${l}px`,...a},...o})}exports.default=p;
+//# sourceMappingURL=Spinner.cjs.map

package/dist/components/spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './Spinner.module.scss';\n\nexport type SpinnerSize = '10' | '12' | '16' | '20' | '24' | '28' | '32';\n\nexport interface SpinnerProps extends Omit<\n  HTMLAttributes<HTMLSpanElement>,\n  'role'\n> {\n  size?: SpinnerSize;\n  inverted?: boolean;\n  'aria-label'?: string;\n}\n\n/**\n * A Spinner is the all-purpose indicator that something is happening but the duration is\n * unknown. It signals \"wait\" without claiming to know how long the wait will be.\n */\nexport default function Spinner({\n  size = '16',\n  inverted = false,\n  className = '',\n  'aria-label': ariaLabel = 'Loading',\n  style,\n  ...htmlProps\n}: SpinnerProps) {\n  const sizePx = Number(size);\n  const strokeWidth = Math.max(1, Math.min(3, Math.round(sizePx * 0.1)));\n\n  const rootClass = [\n    styles.spinner,\n    inverted ? styles['spinner--inverted'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={rootClass}\n      role=\"status\"\n      aria-label={ariaLabel}\n      style={{\n        width: `${sizePx}px`,\n        height: `${sizePx}px`,\n        ['--spinner-stroke-width' as string]: `${strokeWidth}px`,\n        ...style,\n      }}\n      {...htmlProps}\n    />\n  );\n}\n"],"names":["Spinner","size","inverted","className","ariaLabel","style","htmlProps","sizePx","strokeWidth","rootClass","styles","jsx"],"mappings":"wLAkBA,SAAwBA,EAAQ,CAC9B,KAAAC,EAAO,KACP,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,aAAcC,EAAY,UAC1B,MAAAC,EACA,GAAGC,CACL,EAAiB,CACf,MAAMC,EAAS,OAAON,CAAI,EACpBO,EAAc,KAAK,IAAI,EAAG,KAAK,IAAI,EAAG,KAAK,MAAMD,EAAS,EAAG,CAAC,CAAC,EAE/DE,EAAY,CAChBC,EAAAA,QAAO,QACPR,EAAWQ,EAAAA,QAAO,mBAAmB,EAAI,GACzCP,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEQ,EAAAA,IAAC,OAAA,CACC,UAAWF,EACX,KAAK,SACL,aAAYL,EACZ,MAAO,CACL,MAAO,GAAGG,CAAM,KAChB,OAAQ,GAAGA,CAAM,KAChB,yBAAqC,GAAGC,CAAW,KACpD,GAAGH,CAAA,EAEJ,GAAGC,CAAA,CAAA,CAGV"}

package/dist/components/spinner/Spinner.css

@@ -0,0 +1 @@
+@keyframes _spinner-spin_16qg7_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_16qg7_10{display:inline-block;border-radius:var(--radius-full);animation:_spinner-spin_16qg7_1 .75s linear infinite;background:conic-gradient(rgba(var(--center-channel-color-rgb),0),rgba(var(--center-channel-color-rgb),.64));-webkit-mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-stroke-width, 2px)),#fff calc(100% - var(--spinner-stroke-width, 2px)));mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--spinner-stroke-width, 2px)),#fff calc(100% - var(--spinner-stroke-width, 2px)))}._spinner--inverted_16qg7_17{background:conic-gradient(rgba(var(--button-color-rgb),0),rgba(var(--button-color-rgb),.64))}

package/dist/components/spinner/Spinner.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+export type SpinnerSize = '10' | '12' | '16' | '20' | '24' | '28' | '32';
+export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'role'> {
+    size?: SpinnerSize;
+    inverted?: boolean;
+    'aria-label'?: string;
+}
+/**
+ * A Spinner is the all-purpose indicator that something is happening but the duration is
+ * unknown. It signals "wait" without claiming to know how long the wait will be.
+ */
+export default function Spinner({ size, inverted, className, 'aria-label': ariaLabel, style, ...htmlProps }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzE,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,eAAe,CAAC,EAC/B,MAAM,CACP;IACC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAW,EACX,QAAgB,EAChB,SAAc,EACd,YAAY,EAAE,SAAqB,EACnC,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,2CA0Bd"}

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,35 @@
+import { jsx as h } from "react/jsx-runtime";
+import e from "./Spinner.module.scss.js";
+function x({
+  size: s = "16",
+  inverted: n = !1,
+  className: r = "",
+  "aria-label": a = "Loading",
+  style: i,
+  ...o
+}) {
+  const t = Number(s), l = Math.max(1, Math.min(3, Math.round(t * 0.1))), p = [
+    e.spinner,
+    n ? e["spinner--inverted"] : "",
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h(
+    "span",
+    {
+      className: p,
+      role: "status",
+      "aria-label": a,
+      style: {
+        width: `${t}px`,
+        height: `${t}px`,
+        "--spinner-stroke-width": `${l}px`,
+        ...i
+      },
+      ...o
+    }
+  );
+}
+export {
+  x as default
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './Spinner.module.scss';\n\nexport type SpinnerSize = '10' | '12' | '16' | '20' | '24' | '28' | '32';\n\nexport interface SpinnerProps extends Omit<\n  HTMLAttributes<HTMLSpanElement>,\n  'role'\n> {\n  size?: SpinnerSize;\n  inverted?: boolean;\n  'aria-label'?: string;\n}\n\n/**\n * A Spinner is the all-purpose indicator that something is happening but the duration is\n * unknown. It signals \"wait\" without claiming to know how long the wait will be.\n */\nexport default function Spinner({\n  size = '16',\n  inverted = false,\n  className = '',\n  'aria-label': ariaLabel = 'Loading',\n  style,\n  ...htmlProps\n}: SpinnerProps) {\n  const sizePx = Number(size);\n  const strokeWidth = Math.max(1, Math.min(3, Math.round(sizePx * 0.1)));\n\n  const rootClass = [\n    styles.spinner,\n    inverted ? styles['spinner--inverted'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span\n      className={rootClass}\n      role=\"status\"\n      aria-label={ariaLabel}\n      style={{\n        width: `${sizePx}px`,\n        height: `${sizePx}px`,\n        ['--spinner-stroke-width' as string]: `${strokeWidth}px`,\n        ...style,\n      }}\n      {...htmlProps}\n    />\n  );\n}\n"],"names":["Spinner","size","inverted","className","ariaLabel","style","htmlProps","sizePx","strokeWidth","rootClass","styles","jsx"],"mappings":";;AAkBA,SAAwBA,EAAQ;AAAA,EAC9B,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,cAAcC,IAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AACf,QAAMC,IAAS,OAAON,CAAI,GACpBO,IAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,MAAMD,IAAS,GAAG,CAAC,CAAC,GAE/DE,IAAY;AAAA,IAChBC,EAAO;AAAA,IACPR,IAAWQ,EAAO,mBAAmB,IAAI;AAAA,IACzCP;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,cAAYL;AAAA,MACZ,OAAO;AAAA,QACL,OAAO,GAAGG,CAAM;AAAA,QAChB,QAAQ,GAAGA,CAAM;AAAA,QAChB,0BAAqC,GAAGC,CAAW;AAAA,QACpD,GAAGH;AAAA,MAAA;AAAA,MAEJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/spinner/Spinner.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Spinner.css');const e="_spinner_16qg7_10",n={spinner:e,"spinner--inverted":"_spinner--inverted_16qg7_17"};exports.default=n;exports.spinner=e;
+//# sourceMappingURL=Spinner.module.scss.cjs.map

package/dist/components/spinner/Spinner.module.scss.cjs.map

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

package/dist/components/spinner/Spinner.module.scss.js

@@ -0,0 +1,9 @@
+import './Spinner.css';const n = "_spinner_16qg7_10", e = {
+  spinner: n,
+  "spinner--inverted": "_spinner--inverted_16qg7_17"
+};
+export {
+  e as default,
+  n as spinner
+};
+//# sourceMappingURL=Spinner.module.scss.js.map

package/dist/components/spinner/Spinner.module.scss.js.map

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

package/dist/components/spinner/index.cjs

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

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

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

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

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