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

package/dist/components/tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { toKebab } from '@/utils/string';\nimport styles from './Tabs.module.scss';\n\nexport type TabsAppearance = 'default' | 'underlined';\n\nexport interface TabItem {\n  /** Unique key for this tab. */\n  key: string;\n  /** Tab label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Optional count badge number. */\n  countBadge?: number;\n  /** When true, shows an unread dot badge. */\n  unreadBadge?: boolean;\n  /** Optional id for this tab (pair with `panelId` for `aria-controls`). */\n  id?: string;\n  /** Optional id of the host tabpanel this tab controls. */\n  panelId?: string;\n  /** When true, the tab can't be selected and arrow-key navigation skips it. */\n  disabled?: boolean;\n  /** Native tooltip text, e.g. to explain why the tab is disabled. */\n  title?: string;\n  /**\n   * Extra attributes for this tab's `<button>` (e.g. `data-testid`). Tab\n   * semantics (`role`, `aria-selected`, `tabIndex`, handlers) take precedence.\n   */\n  buttonProps?: BuiltInButtonProps;\n}\n\nexport interface TabsProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange'\n> {\n  /** Array of tab items to display. */\n  tabs: TabItem[];\n  /** Key of the currently active tab. */\n  activeKey: string;\n  /** Called when a tab is selected. */\n  onChange: (key: string) => void;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Optional trailing controls rendered to the right of the tabs. */\n  controls?: ReactNode;\n  /** Visual style. `underlined` shows a bottom rule with an indicator under the active tab. Default: `default`. */\n  appearance?: TabsAppearance;\n  /** Visually hidden text announced with a tab's unread dot. Default: \"Unread\". */\n  unreadLabel?: ReactNode;\n}\n\n/**\n * Tabs let people switch between sibling views inside the same surface — Mentions in the\n * right sidebar, sections of a settings panel, or filters on a list. The content area\n * changes; the surrounding chrome doesn't.\n */\nexport default function Tabs({\n  tabs,\n  activeKey,\n  onChange,\n  className = '',\n  controls,\n  unreadLabel = 'Unread',\n  appearance = 'default',\n  ...rest\n}: TabsProps) {\n  const rootClass = [\n    styles.tabs,\n    appearance !== 'default'\n      ? styles[`tabs--appearance-${toKebab(appearance)}`]\n      : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n  const tabRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const [focusedKey, setFocusedKey] = useState(activeKey);\n\n  useEffect(() => {\n    setFocusedKey(activeKey);\n  }, [activeKey]);\n\n  const keys = tabs.map((tab) => tab.key);\n  const enabledKeys = tabs.filter((tab) => !tab.disabled).map((tab) => tab.key);\n  const focusKey = enabledKeys.includes(focusedKey)\n    ? focusedKey\n    : enabledKeys.includes(activeKey)\n      ? activeKey\n      : enabledKeys[0];\n\n  const moveFocus = (key: string) => {\n    setFocusedKey(key);\n    const index = keys.indexOf(key);\n    tabRefs.current[index]?.focus();\n  };\n\n  const handleKeyDown = (\n    event: KeyboardEvent<HTMLButtonElement>,\n    key: string,\n  ) => {\n    const count = enabledKeys.length;\n    if (count === 0) return;\n    const index = enabledKeys.indexOf(key);\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      moveFocus(enabledKeys[(index + 1) % count]);\n    } else if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      moveFocus(\n        enabledKeys[index < 0 ? count - 1 : (index - 1 + count) % count],\n      );\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      moveFocus(enabledKeys[0]);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      moveFocus(enabledKeys[count - 1]);\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      if (index >= 0) onChange(key);\n    }\n  };\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['tabs__tab-list']} role=\"tablist\">\n        {tabs.map((tab, index) => {\n          const isActive = tab.key === activeKey;\n          const isDisabled = tab.disabled === true;\n          const tabClass = [\n            styles['tabs__tab'],\n            isActive ? styles['tabs__tab--active'] : '',\n            isDisabled ? styles['tabs__tab--disabled'] : '',\n            tab.buttonProps?.className,\n          ]\n            .filter(Boolean)\n            .join(' ');\n\n          return (\n            <button\n              {...tab.buttonProps}\n              key={tab.key}\n              ref={(node) => {\n                tabRefs.current[index] = node;\n              }}\n              id={tab.id ?? tab.buttonProps?.id}\n              role=\"tab\"\n              type=\"button\"\n              tabIndex={focusKey === tab.key ? 0 : -1}\n              aria-selected={isActive}\n              aria-controls={tab.panelId}\n              aria-disabled={isDisabled || undefined}\n              title={tab.title ?? tab.buttonProps?.title}\n              className={tabClass}\n              onMouseDown={\n                isDisabled ? (event) => event.preventDefault() : undefined\n              }\n              onClick={() => {\n                if (isDisabled) return;\n                setFocusedKey(tab.key);\n                onChange(tab.key);\n              }}\n              onKeyDown={(event) => handleKeyDown(event, tab.key)}\n            >\n              <span className={styles['tabs__tab-label']}>{tab.label}</span>\n\n              {tab.countBadge != null && (\n                <span\n                  className={[\n                    styles['tabs__count-badge'],\n                    isActive ? styles['tabs__count-badge--active'] : '',\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                >\n                  {tab.countBadge}\n                </span>\n              )}\n\n              {tab.unreadBadge && !isActive && (\n                <span className={styles['tabs__unread-badge']}>\n                  <span className={styles['tabs__unread-label']}>\n                    {unreadLabel}\n                  </span>\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      {controls != null && (\n        <div className={styles['tabs__controls']}>{controls}</div>\n      )}\n    </div>\n  );\n}\n"],"names":["Tabs","tabs","activeKey","onChange","className","controls","unreadLabel","appearance","rest","rootClass","styles","toKebab","tabRefs","useRef","focusedKey","setFocusedKey","useState","useEffect","keys","tab","enabledKeys","focusKey","moveFocus","key","index","_a","handleKeyDown","event","count","jsxs","jsx","isActive","isDisabled","tabClass","createElement","node","_b","_c"],"mappings":"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"}

package/dist/components/tabs/Tabs.css

@@ -0,0 +1 @@
+._tabs_69hbz_2{display:flex;align-items:center;justify-content:space-between}._tabs__tab-list_69hbz_7{display:flex;align-items:flex-start;gap:var(--spacing-xxs)}._tabs__tab_69hbz_7{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-s);background:transparent;border:none;cursor:pointer;padding:var(--spacing-xxs) var(--spacing-s);outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0;transition:background-color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._tabs__tab_69hbz_7:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._tabs__tab_69hbz_7:hover:not(._tabs__tab--active_69hbz_31):not(._tabs__tab--disabled_69hbz_31){background-color:rgba(var(--center-channel-color-rgb),.08)}._tabs__tab--active_69hbz_31{background-color:rgba(var(--link-color-rgb),.08)}._tabs__tab--active_69hbz_31 ._tabs__tab-label_69hbz_37{color:var(--link-color)}._tabs__tab--active_69hbz_31 ._tabs__count-badge_69hbz_40{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tabs__tab--disabled_69hbz_31{cursor:not-allowed}._tabs__tab--disabled_69hbz_31 ._tabs__tab-label_69hbz_37,._tabs__tab--disabled_69hbz_31 ._tabs__count-badge_69hbz_40{color:rgba(var(--center-channel-color-rgb),.4)}._tabs__tab-label_69hbz_37{display:flex;align-items:center;font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;transition:color var(--duration-quick) var(--ease-transition)}._tabs__count-badge_69hbz_40{display:inline-flex;align-items:center;justify-content:center;padding:2.5px var(--spacing-xxs);border-radius:var(--radius-m);background-color:rgba(var(--center-channel-color-rgb),.08);font-size:var(--font-size-25);font-weight:var(--font-weight-semibold);line-height:11px;color:rgba(var(--center-channel-color-rgb),.64);flex-shrink:0;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._tabs__count-badge--active_69hbz_75{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tabs__unread-badge_69hbz_79{flex-shrink:0;width:4px;height:4px;border-radius:var(--radius-pill);background-color:var(--button-bg)}._tabs__unread-label_69hbz_86{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._tabs__controls_69hbz_97{display:flex;align-items:center;gap:var(--spacing-xxs);flex-shrink:0}._tabs--appearance-underlined_69hbz_103{align-items:stretch;box-shadow:inset 0 -1px rgba(var(--center-channel-color-rgb),.12)}._tabs--appearance-underlined_69hbz_103 ._tabs__tab-list_69hbz_7{gap:var(--spacing-xs)}._tabs--appearance-underlined_69hbz_103 ._tabs__tab_69hbz_7{border-radius:0;padding:var(--spacing-s) var(--spacing-xs)}._tabs--appearance-underlined_69hbz_103 ._tabs__tab_69hbz_7:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:transparent;transition:background-color var(--duration-quick) var(--ease-transition)}._tabs--appearance-underlined_69hbz_103 ._tabs__tab_69hbz_7:hover:not(._tabs__tab--active_69hbz_31):not(._tabs__tab--disabled_69hbz_31){background-color:transparent}._tabs--appearance-underlined_69hbz_103 ._tabs__tab_69hbz_7:hover:not(._tabs__tab--active_69hbz_31):not(._tabs__tab--disabled_69hbz_31) ._tabs__tab-label_69hbz_37{color:var(--center-channel-color)}._tabs--appearance-underlined_69hbz_103 ._tabs__tab--active_69hbz_31{background-color:transparent}._tabs--appearance-underlined_69hbz_103 ._tabs__tab--active_69hbz_31:after{background-color:var(--link-color)}

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,49 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BuiltInButtonProps } from '../../utils/props';
+export type TabsAppearance = 'default' | 'underlined';
+export interface TabItem {
+    /** Unique key for this tab. */
+    key: string;
+    /** Tab label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    label: ReactNode;
+    /** Optional count badge number. */
+    countBadge?: number;
+    /** When true, shows an unread dot badge. */
+    unreadBadge?: boolean;
+    /** Optional id for this tab (pair with `panelId` for `aria-controls`). */
+    id?: string;
+    /** Optional id of the host tabpanel this tab controls. */
+    panelId?: string;
+    /** When true, the tab can't be selected and arrow-key navigation skips it. */
+    disabled?: boolean;
+    /** Native tooltip text, e.g. to explain why the tab is disabled. */
+    title?: string;
+    /**
+     * Extra attributes for this tab's `<button>` (e.g. `data-testid`). Tab
+     * semantics (`role`, `aria-selected`, `tabIndex`, handlers) take precedence.
+     */
+    buttonProps?: BuiltInButtonProps;
+}
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Array of tab items to display. */
+    tabs: TabItem[];
+    /** Key of the currently active tab. */
+    activeKey: string;
+    /** Called when a tab is selected. */
+    onChange: (key: string) => void;
+    /** Optional CSS class name. */
+    className?: string;
+    /** Optional trailing controls rendered to the right of the tabs. */
+    controls?: ReactNode;
+    /** Visual style. `underlined` shows a bottom rule with an indicator under the active tab. Default: `default`. */
+    appearance?: TabsAppearance;
+    /** Visually hidden text announced with a tab's unread dot. Default: "Unread". */
+    unreadLabel?: ReactNode;
+}
+/**
+ * Tabs let people switch between sibling views inside the same surface — Mentions in the
+ * right sidebar, sections of a settings panel, or filters on a list. The content area
+ * changes; the surrounding chrome doesn't.
+ */
+export default function Tabs({ tabs, activeKey, onChange, className, controls, unreadLabel, appearance, ...rest }: TabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,YAAY,CAAC;AAEtD,MAAM,WAAW,OAAO;IACtB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,wEAAwE;IACxE,KAAK,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0EAA0E;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,qCAAqC;IACrC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iHAAiH;IACjH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,iFAAiF;IACjF,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAc,EACd,QAAQ,EACR,WAAsB,EACtB,UAAsB,EACtB,GAAG,IAAI,EACR,EAAE,SAAS,2CAoIX"}

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,88 @@
+import { jsxs as P, jsx as r } from "react/jsx-runtime";
+import { useRef as A, useState as R, useEffect as C, createElement as F } from "react";
+import { toKebab as I } from "../../utils/string.js";
+import t from "./Tabs.module.scss.js";
+function M({
+  tabs: c,
+  activeKey: n,
+  onChange: f,
+  className: h = "",
+  controls: b,
+  unreadLabel: N = "Unread",
+  appearance: p = "default",
+  ...x
+}) {
+  const g = [
+    t.tabs,
+    p !== "default" ? t[`tabs--appearance-${I(p)}`] : "",
+    h
+  ].filter(Boolean).join(" "), m = A([]), [_, u] = R(n);
+  C(() => {
+    u(n);
+  }, [n]);
+  const B = c.map((e) => e.key), o = c.filter((e) => !e.disabled).map((e) => e.key), j = o.includes(_) ? _ : o.includes(n) ? n : o[0], d = (e) => {
+    var s;
+    u(e);
+    const a = B.indexOf(e);
+    (s = m.current[a]) == null || s.focus();
+  }, w = (e, a) => {
+    const s = o.length;
+    if (s === 0) return;
+    const l = o.indexOf(a);
+    e.key === "ArrowRight" ? (e.preventDefault(), d(o[(l + 1) % s])) : e.key === "ArrowLeft" ? (e.preventDefault(), d(
+      o[l < 0 ? s - 1 : (l - 1 + s) % s]
+    )) : e.key === "Home" ? (e.preventDefault(), d(o[0])) : e.key === "End" ? (e.preventDefault(), d(o[s - 1])) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l >= 0 && f(a));
+  };
+  return /* @__PURE__ */ P("div", { ...x, className: g, children: [
+    /* @__PURE__ */ r("div", { className: t["tabs__tab-list"], role: "tablist", children: c.map((e, a) => {
+      var y, k, D;
+      const s = e.key === n, l = e.disabled === !0, E = [
+        t.tabs__tab,
+        s ? t["tabs__tab--active"] : "",
+        l ? t["tabs__tab--disabled"] : "",
+        (y = e.buttonProps) == null ? void 0 : y.className
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ F(
+        "button",
+        {
+          ...e.buttonProps,
+          key: e.key,
+          ref: (i) => {
+            m.current[a] = i;
+          },
+          id: e.id ?? ((k = e.buttonProps) == null ? void 0 : k.id),
+          role: "tab",
+          type: "button",
+          tabIndex: j === e.key ? 0 : -1,
+          "aria-selected": s,
+          "aria-controls": e.panelId,
+          "aria-disabled": l || void 0,
+          title: e.title ?? ((D = e.buttonProps) == null ? void 0 : D.title),
+          className: E,
+          onMouseDown: l ? (i) => i.preventDefault() : void 0,
+          onClick: () => {
+            l || (u(e.key), f(e.key));
+          },
+          onKeyDown: (i) => w(i, e.key)
+        },
+        /* @__PURE__ */ r("span", { className: t["tabs__tab-label"], children: e.label }),
+        e.countBadge != null && /* @__PURE__ */ r(
+          "span",
+          {
+            className: [
+              t["tabs__count-badge"],
+              s ? t["tabs__count-badge--active"] : ""
+            ].filter(Boolean).join(" "),
+            children: e.countBadge
+          }
+        ),
+        e.unreadBadge && !s && /* @__PURE__ */ r("span", { className: t["tabs__unread-badge"], children: /* @__PURE__ */ r("span", { className: t["tabs__unread-label"], children: N }) })
+      );
+    }) }),
+    b != null && /* @__PURE__ */ r("div", { className: t.tabs__controls, children: b })
+  ] });
+}
+export {
+  M as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { toKebab } from '@/utils/string';\nimport styles from './Tabs.module.scss';\n\nexport type TabsAppearance = 'default' | 'underlined';\n\nexport interface TabItem {\n  /** Unique key for this tab. */\n  key: string;\n  /** Tab label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Optional count badge number. */\n  countBadge?: number;\n  /** When true, shows an unread dot badge. */\n  unreadBadge?: boolean;\n  /** Optional id for this tab (pair with `panelId` for `aria-controls`). */\n  id?: string;\n  /** Optional id of the host tabpanel this tab controls. */\n  panelId?: string;\n  /** When true, the tab can't be selected and arrow-key navigation skips it. */\n  disabled?: boolean;\n  /** Native tooltip text, e.g. to explain why the tab is disabled. */\n  title?: string;\n  /**\n   * Extra attributes for this tab's `<button>` (e.g. `data-testid`). Tab\n   * semantics (`role`, `aria-selected`, `tabIndex`, handlers) take precedence.\n   */\n  buttonProps?: BuiltInButtonProps;\n}\n\nexport interface TabsProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange'\n> {\n  /** Array of tab items to display. */\n  tabs: TabItem[];\n  /** Key of the currently active tab. */\n  activeKey: string;\n  /** Called when a tab is selected. */\n  onChange: (key: string) => void;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Optional trailing controls rendered to the right of the tabs. */\n  controls?: ReactNode;\n  /** Visual style. `underlined` shows a bottom rule with an indicator under the active tab. Default: `default`. */\n  appearance?: TabsAppearance;\n  /** Visually hidden text announced with a tab's unread dot. Default: \"Unread\". */\n  unreadLabel?: ReactNode;\n}\n\n/**\n * Tabs let people switch between sibling views inside the same surface — Mentions in the\n * right sidebar, sections of a settings panel, or filters on a list. The content area\n * changes; the surrounding chrome doesn't.\n */\nexport default function Tabs({\n  tabs,\n  activeKey,\n  onChange,\n  className = '',\n  controls,\n  unreadLabel = 'Unread',\n  appearance = 'default',\n  ...rest\n}: TabsProps) {\n  const rootClass = [\n    styles.tabs,\n    appearance !== 'default'\n      ? styles[`tabs--appearance-${toKebab(appearance)}`]\n      : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n  const tabRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const [focusedKey, setFocusedKey] = useState(activeKey);\n\n  useEffect(() => {\n    setFocusedKey(activeKey);\n  }, [activeKey]);\n\n  const keys = tabs.map((tab) => tab.key);\n  const enabledKeys = tabs.filter((tab) => !tab.disabled).map((tab) => tab.key);\n  const focusKey = enabledKeys.includes(focusedKey)\n    ? focusedKey\n    : enabledKeys.includes(activeKey)\n      ? activeKey\n      : enabledKeys[0];\n\n  const moveFocus = (key: string) => {\n    setFocusedKey(key);\n    const index = keys.indexOf(key);\n    tabRefs.current[index]?.focus();\n  };\n\n  const handleKeyDown = (\n    event: KeyboardEvent<HTMLButtonElement>,\n    key: string,\n  ) => {\n    const count = enabledKeys.length;\n    if (count === 0) return;\n    const index = enabledKeys.indexOf(key);\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      moveFocus(enabledKeys[(index + 1) % count]);\n    } else if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      moveFocus(\n        enabledKeys[index < 0 ? count - 1 : (index - 1 + count) % count],\n      );\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      moveFocus(enabledKeys[0]);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      moveFocus(enabledKeys[count - 1]);\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      if (index >= 0) onChange(key);\n    }\n  };\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['tabs__tab-list']} role=\"tablist\">\n        {tabs.map((tab, index) => {\n          const isActive = tab.key === activeKey;\n          const isDisabled = tab.disabled === true;\n          const tabClass = [\n            styles['tabs__tab'],\n            isActive ? styles['tabs__tab--active'] : '',\n            isDisabled ? styles['tabs__tab--disabled'] : '',\n            tab.buttonProps?.className,\n          ]\n            .filter(Boolean)\n            .join(' ');\n\n          return (\n            <button\n              {...tab.buttonProps}\n              key={tab.key}\n              ref={(node) => {\n                tabRefs.current[index] = node;\n              }}\n              id={tab.id ?? tab.buttonProps?.id}\n              role=\"tab\"\n              type=\"button\"\n              tabIndex={focusKey === tab.key ? 0 : -1}\n              aria-selected={isActive}\n              aria-controls={tab.panelId}\n              aria-disabled={isDisabled || undefined}\n              title={tab.title ?? tab.buttonProps?.title}\n              className={tabClass}\n              onMouseDown={\n                isDisabled ? (event) => event.preventDefault() : undefined\n              }\n              onClick={() => {\n                if (isDisabled) return;\n                setFocusedKey(tab.key);\n                onChange(tab.key);\n              }}\n              onKeyDown={(event) => handleKeyDown(event, tab.key)}\n            >\n              <span className={styles['tabs__tab-label']}>{tab.label}</span>\n\n              {tab.countBadge != null && (\n                <span\n                  className={[\n                    styles['tabs__count-badge'],\n                    isActive ? styles['tabs__count-badge--active'] : '',\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                >\n                  {tab.countBadge}\n                </span>\n              )}\n\n              {tab.unreadBadge && !isActive && (\n                <span className={styles['tabs__unread-badge']}>\n                  <span className={styles['tabs__unread-label']}>\n                    {unreadLabel}\n                  </span>\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      {controls != null && (\n        <div className={styles['tabs__controls']}>{controls}</div>\n      )}\n    </div>\n  );\n}\n"],"names":["Tabs","tabs","activeKey","onChange","className","controls","unreadLabel","appearance","rest","rootClass","styles","toKebab","tabRefs","useRef","focusedKey","setFocusedKey","useState","useEffect","keys","tab","enabledKeys","focusKey","moveFocus","key","index","_a","handleKeyDown","event","count","jsxs","jsx","isActive","isDisabled","tabClass","createElement","node","_b","_c"],"mappings":"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"}

package/dist/components/tabs/Tabs.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tabs.css');const _="_tabs_69hbz_2",a="_tabs__tab_69hbz_7",t="_tabs__controls_69hbz_97",b={tabs:_,"tabs__tab-list":"_tabs__tab-list_69hbz_7",tabs__tab:a,"tabs__tab--active":"_tabs__tab--active_69hbz_31","tabs__tab--disabled":"_tabs__tab--disabled_69hbz_31","tabs__tab-label":"_tabs__tab-label_69hbz_37","tabs__count-badge":"_tabs__count-badge_69hbz_40","tabs__count-badge--active":"_tabs__count-badge--active_69hbz_75","tabs__unread-badge":"_tabs__unread-badge_69hbz_79","tabs__unread-label":"_tabs__unread-label_69hbz_86",tabs__controls:t,"tabs--appearance-underlined":"_tabs--appearance-underlined_69hbz_103"};exports.default=b;exports.tabs=_;exports.tabs__controls=t;exports.tabs__tab=a;
+//# sourceMappingURL=Tabs.module.scss.cjs.map

package/dist/components/tabs/Tabs.module.scss.cjs.map

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

package/dist/components/tabs/Tabs.module.scss.js

@@ -0,0 +1,21 @@
+import './Tabs.css';const _ = "_tabs_69hbz_2", a = "_tabs__tab_69hbz_7", b = "_tabs__controls_69hbz_97", t = {
+  tabs: _,
+  "tabs__tab-list": "_tabs__tab-list_69hbz_7",
+  tabs__tab: a,
+  "tabs__tab--active": "_tabs__tab--active_69hbz_31",
+  "tabs__tab--disabled": "_tabs__tab--disabled_69hbz_31",
+  "tabs__tab-label": "_tabs__tab-label_69hbz_37",
+  "tabs__count-badge": "_tabs__count-badge_69hbz_40",
+  "tabs__count-badge--active": "_tabs__count-badge--active_69hbz_75",
+  "tabs__unread-badge": "_tabs__unread-badge_69hbz_79",
+  "tabs__unread-label": "_tabs__unread-label_69hbz_86",
+  tabs__controls: b,
+  "tabs--appearance-underlined": "_tabs--appearance-underlined_69hbz_103"
+};
+export {
+  t as default,
+  _ as tabs,
+  b as tabs__controls,
+  a as tabs__tab
+};
+//# sourceMappingURL=Tabs.module.scss.js.map

package/dist/components/tabs/Tabs.module.scss.js.map

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

package/dist/components/tabs/index.cjs

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

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

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

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Tabs } from './Tabs';
+export type { TabsProps, TabItem, TabsAppearance } from './Tabs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/tabs/index.js

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

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

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

package/dist/components/tag/Tag.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),r=require("../icon/Icon.cjs"),e=require("./Tag.module.scss.cjs"),o={"x-small":"10",small:"12"},f={default:e.default["tag--type-default"],info:e.default["tag--type-info"],"info-dim":e.default["tag--type-info-dim"],danger:e.default["tag--type-danger"],success:e.default["tag--type-success"],warning:e.default["tag--type-warning"]};function g({label:s,type:n="default",size:t="x-small",casing:u="title-case",leadingIcon:l,className:d="",...i}){const c=[e.default.tag,f[n],t==="small"?e.default["tag--size-small"]:e.default["tag--size-x-small"],u==="all-caps"?e.default["tag--casing-all-caps"]:"",d].filter(Boolean).join(" ");return a.jsxs("span",{...i,className:c,children:[l&&a.jsx("span",{className:e.default.tag__icon,"aria-hidden":!0,children:a.jsx(r.IconSlotContext.Provider,{value:{size:o[t]},children:l})}),a.jsx("span",{className:e.default.tag__label,children:s})]})}exports.default=g;
+//# sourceMappingURL=Tag.cjs.map

package/dist/components/tag/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport type { IconSize } from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './Tag.module.scss';\n\nexport type TagType =\n  | 'default'\n  | 'info'\n  | 'info-dim'\n  | 'danger'\n  | 'success'\n  | 'warning';\n\nexport type TagSize = 'small' | 'x-small';\nexport type TagCasing = 'title-case' | 'all-caps';\n\nexport type TagProps = Omit<HTMLAttributes<HTMLSpanElement>, 'type'> & {\n  /** Tag label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Semantic colour type. Default: Default. */\n  type?: TagType;\n  /** Size variant. Default: X-Small. */\n  size?: TagSize;\n  /** Text casing. Default: Title Case. */\n  casing?: TagCasing;\n  /** Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tag provides the correct size via context (`\"10\"` for x-small, `\"12\"` for small). */\n  leadingIcon?: ReactNode;\n  /** Merged onto the root after variant classes (e.g. layout overrides in a parent row). */\n  className?: string;\n};\n\nconst TAG_ICON_SIZE: Record<TagSize, IconSize> = {\n  'x-small': '10',\n  small: '12',\n};\n\nconst TYPE_CLASS: Record<TagType, string> = {\n  default: styles['tag--type-default'],\n  info: styles['tag--type-info'],\n  'info-dim': styles['tag--type-info-dim'],\n  danger: styles['tag--type-danger'],\n  success: styles['tag--type-success'],\n  warning: styles['tag--type-warning'],\n};\n\n/**\n * Tags are compact pills that mark something — a role (_BOT_, _GUEST_), a tier\n * (_PROFESSIONAL_), a status (_NEW_, _BETA_), or a category. They're scannable signal: a way\n * to surface a small piece of metadata without spending a sentence on it.\n */\nexport default function Tag({\n  label,\n  type = 'default',\n  size = 'x-small',\n  casing = 'title-case',\n  leadingIcon,\n  className = '',\n  ...rest\n}: TagProps) {\n  const classes = [\n    styles.tag,\n    TYPE_CLASS[type],\n    size === 'small' ? styles['tag--size-small'] : styles['tag--size-x-small'],\n    casing === 'all-caps' ? styles['tag--casing-all-caps'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span {...rest} className={classes}>\n      {leadingIcon && (\n        <span className={styles['tag__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: TAG_ICON_SIZE[size] }}>\n            {leadingIcon}\n          </IconSlotContext.Provider>\n        </span>\n      )}\n      <span className={styles['tag__label']}>{label}</span>\n    </span>\n  );\n}\n"],"names":["TAG_ICON_SIZE","TYPE_CLASS","styles","Tag","label","type","size","casing","leadingIcon","className","rest","classes","jsxs","jsx","IconSlotContext"],"mappings":"kNA+BMA,EAA2C,CAC/C,UAAW,KACX,MAAO,IACT,EAEMC,EAAsC,CAC1C,QAASC,EAAAA,QAAO,mBAAmB,EACnC,KAAMA,EAAAA,QAAO,gBAAgB,EAC7B,WAAYA,EAAAA,QAAO,oBAAoB,EACvC,OAAQA,EAAAA,QAAO,kBAAkB,EACjC,QAASA,EAAAA,QAAO,mBAAmB,EACnC,QAASA,EAAAA,QAAO,mBAAmB,CACrC,EAOA,SAAwBC,EAAI,CAC1B,MAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAO,UACP,OAAAC,EAAS,aACT,YAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAa,CACX,MAAMC,EAAU,CACdT,EAAAA,QAAO,IACPD,EAAWI,CAAI,EACfC,IAAS,QAAUJ,EAAAA,QAAO,iBAAiB,EAAIA,EAAAA,QAAO,mBAAmB,EACzEK,IAAW,WAAaL,UAAO,sBAAsB,EAAI,GACzDO,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEG,EAAAA,KAAC,OAAA,CAAM,GAAGF,EAAM,UAAWC,EACxB,SAAA,CAAAH,GACCK,EAAAA,IAAC,QAAK,UAAWX,EAAAA,QAAO,UAAc,cAAW,GAC/C,SAAAW,EAAAA,IAACC,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAMd,EAAcM,CAAI,CAAA,EACxD,WACH,EACF,QAED,OAAA,CAAK,UAAWJ,EAAAA,QAAO,WAAgB,SAAAE,CAAA,CAAM,CAAA,EAChD,CAEJ"}

package/dist/components/tag/Tag.css

@@ -0,0 +1 @@
+._tag_ap0kl_2{display:inline-flex;align-items:center;box-sizing:border-box;width:fit-content;max-width:100%;border-radius:var(--radius-s);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);white-space:nowrap}._tag__icon_ap0kl_14{display:inline-flex;align-items:center;flex-shrink:0}._tag__label_ap0kl_19{line-height:var(--line-height-25)}._tag--size-x-small_ap0kl_22{gap:var(--spacing-xxxs);padding:0 var(--spacing-xxxs);font-size:var(--font-size-25);letter-spacing:.1px}._tag--size-small_ap0kl_28{gap:var(--spacing-xxs);padding:var(--spacing-xxxxs) var(--spacing-xxs);font-size:var(--font-size-75)}._tag--type-default_ap0kl_33{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._tag--type-info_ap0kl_37{background-color:var(--sidebar-text-active-border);color:var(--button-color)}._tag--type-info-dim_ap0kl_41{background-color:rgba(var(--link-color-rgb),.12);color:var(--link-color)}._tag--type-danger_ap0kl_45{background-color:var(--color-danger);color:var(--button-color)}._tag--type-success_ap0kl_49{background-color:var(--color-success);color:var(--button-color)}._tag--type-warning_ap0kl_53{background-color:var(--color-warning);color:var(--neutral-0)}._tag--casing-all-caps_ap0kl_57{text-transform:uppercase}

package/dist/components/tag/Tag.d.ts

@@ -0,0 +1,25 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type TagType = 'default' | 'info' | 'info-dim' | 'danger' | 'success' | 'warning';
+export type TagSize = 'small' | 'x-small';
+export type TagCasing = 'title-case' | 'all-caps';
+export type TagProps = Omit<HTMLAttributes<HTMLSpanElement>, 'type'> & {
+    /** Tag label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    label: ReactNode;
+    /** Semantic colour type. Default: Default. */
+    type?: TagType;
+    /** Size variant. Default: X-Small. */
+    size?: TagSize;
+    /** Text casing. Default: Title Case. */
+    casing?: TagCasing;
+    /** Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tag provides the correct size via context (`"10"` for x-small, `"12"` for small). */
+    leadingIcon?: ReactNode;
+    /** Merged onto the root after variant classes (e.g. layout overrides in a parent row). */
+    className?: string;
+};
+/**
+ * Tags are compact pills that mark something — a role (_BOT_, _GUEST_), a tier
+ * (_PROFESSIONAL_), a status (_NEW_, _BETA_), or a category. They're scannable signal: a way
+ * to surface a small piece of metadata without spending a sentence on it.
+ */
+export default function Tag({ label, type, size, casing, leadingIcon, className, ...rest }: TagProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tag.d.ts.map

package/dist/components/tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,OAAO,GACf,SAAS,GACT,MAAM,GACN,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1C,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,GAAG;IACrE,wEAAwE;IACxE,KAAK,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6IAA6I;IAC7I,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAgBF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,IAAgB,EAChB,MAAqB,EACrB,WAAW,EACX,SAAc,EACd,GAAG,IAAI,EACR,EAAE,QAAQ,2CAuBV"}

package/dist/components/tag/Tag.js

@@ -0,0 +1,39 @@
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { IconSlotContext as m } from "../icon/Icon.js";
+import a from "./Tag.module.scss.js";
+const p = {
+  "x-small": "10",
+  small: "12"
+}, d = {
+  default: a["tag--type-default"],
+  info: a["tag--type-info"],
+  "info-dim": a["tag--type-info-dim"],
+  danger: a["tag--type-danger"],
+  success: a["tag--type-success"],
+  warning: a["tag--type-warning"]
+};
+function y({
+  label: l,
+  type: n = "default",
+  size: t = "x-small",
+  casing: i = "title-case",
+  leadingIcon: e,
+  className: o = "",
+  ...r
+}) {
+  const c = [
+    a.tag,
+    d[n],
+    t === "small" ? a["tag--size-small"] : a["tag--size-x-small"],
+    i === "all-caps" ? a["tag--casing-all-caps"] : "",
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ g("span", { ...r, className: c, children: [
+    e && /* @__PURE__ */ s("span", { className: a.tag__icon, "aria-hidden": !0, children: /* @__PURE__ */ s(m.Provider, { value: { size: p[t] }, children: e }) }),
+    /* @__PURE__ */ s("span", { className: a.tag__label, children: l })
+  ] });
+}
+export {
+  y as default
+};
+//# sourceMappingURL=Tag.js.map

package/dist/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport type { IconSize } from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './Tag.module.scss';\n\nexport type TagType =\n  | 'default'\n  | 'info'\n  | 'info-dim'\n  | 'danger'\n  | 'success'\n  | 'warning';\n\nexport type TagSize = 'small' | 'x-small';\nexport type TagCasing = 'title-case' | 'all-caps';\n\nexport type TagProps = Omit<HTMLAttributes<HTMLSpanElement>, 'type'> & {\n  /** Tag label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /** Semantic colour type. Default: Default. */\n  type?: TagType;\n  /** Size variant. Default: X-Small. */\n  size?: TagSize;\n  /** Text casing. Default: Title Case. */\n  casing?: TagCasing;\n  /** Leading icon — pass `<Icon glyph={<SomeIcon />} />`; Tag provides the correct size via context (`\"10\"` for x-small, `\"12\"` for small). */\n  leadingIcon?: ReactNode;\n  /** Merged onto the root after variant classes (e.g. layout overrides in a parent row). */\n  className?: string;\n};\n\nconst TAG_ICON_SIZE: Record<TagSize, IconSize> = {\n  'x-small': '10',\n  small: '12',\n};\n\nconst TYPE_CLASS: Record<TagType, string> = {\n  default: styles['tag--type-default'],\n  info: styles['tag--type-info'],\n  'info-dim': styles['tag--type-info-dim'],\n  danger: styles['tag--type-danger'],\n  success: styles['tag--type-success'],\n  warning: styles['tag--type-warning'],\n};\n\n/**\n * Tags are compact pills that mark something — a role (_BOT_, _GUEST_), a tier\n * (_PROFESSIONAL_), a status (_NEW_, _BETA_), or a category. They're scannable signal: a way\n * to surface a small piece of metadata without spending a sentence on it.\n */\nexport default function Tag({\n  label,\n  type = 'default',\n  size = 'x-small',\n  casing = 'title-case',\n  leadingIcon,\n  className = '',\n  ...rest\n}: TagProps) {\n  const classes = [\n    styles.tag,\n    TYPE_CLASS[type],\n    size === 'small' ? styles['tag--size-small'] : styles['tag--size-x-small'],\n    casing === 'all-caps' ? styles['tag--casing-all-caps'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span {...rest} className={classes}>\n      {leadingIcon && (\n        <span className={styles['tag__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: TAG_ICON_SIZE[size] }}>\n            {leadingIcon}\n          </IconSlotContext.Provider>\n        </span>\n      )}\n      <span className={styles['tag__label']}>{label}</span>\n    </span>\n  );\n}\n"],"names":["TAG_ICON_SIZE","TYPE_CLASS","styles","Tag","label","type","size","casing","leadingIcon","className","rest","classes","jsxs","jsx","IconSlotContext"],"mappings":";;;AA+BA,MAAMA,IAA2C;AAAA,EAC/C,WAAW;AAAA,EACX,OAAO;AACT,GAEMC,IAAsC;AAAA,EAC1C,SAASC,EAAO,mBAAmB;AAAA,EACnC,MAAMA,EAAO,gBAAgB;AAAA,EAC7B,YAAYA,EAAO,oBAAoB;AAAA,EACvC,QAAQA,EAAO,kBAAkB;AAAA,EACjC,SAASA,EAAO,mBAAmB;AAAA,EACnC,SAASA,EAAO,mBAAmB;AACrC;AAOA,SAAwBC,EAAI;AAAA,EAC1B,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,aAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAa;AACX,QAAMC,IAAU;AAAA,IACdT,EAAO;AAAA,IACPD,EAAWI,CAAI;AAAA,IACfC,MAAS,UAAUJ,EAAO,iBAAiB,IAAIA,EAAO,mBAAmB;AAAA,IACzEK,MAAW,aAAaL,EAAO,sBAAsB,IAAI;AAAA,IACzDO;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAG,EAAC,QAAA,EAAM,GAAGF,GAAM,WAAWC,GACxB,UAAA;AAAA,IAAAH,KACC,gBAAAK,EAAC,UAAK,WAAWX,EAAO,WAAc,eAAW,IAC/C,UAAA,gBAAAW,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAMd,EAAcM,CAAI,EAAA,GACxD,aACH,GACF;AAAA,sBAED,QAAA,EAAK,WAAWJ,EAAO,YAAgB,UAAAE,EAAA,CAAM;AAAA,EAAA,GAChD;AAEJ;"}

package/dist/components/tag/Tag.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Tag.css');const a="_tag_ap0kl_2",t="_tag__icon_ap0kl_14",_="_tag__label_ap0kl_19",l={tag:a,tag__icon:t,tag__label:_,"tag--size-x-small":"_tag--size-x-small_ap0kl_22","tag--size-small":"_tag--size-small_ap0kl_28","tag--type-default":"_tag--type-default_ap0kl_33","tag--type-info":"_tag--type-info_ap0kl_37","tag--type-info-dim":"_tag--type-info-dim_ap0kl_41","tag--type-danger":"_tag--type-danger_ap0kl_45","tag--type-success":"_tag--type-success_ap0kl_49","tag--type-warning":"_tag--type-warning_ap0kl_53","tag--casing-all-caps":"_tag--casing-all-caps_ap0kl_57"};exports.default=l;exports.tag=a;exports.tag__icon=t;exports.tag__label=_;
+//# sourceMappingURL=Tag.module.scss.cjs.map

package/dist/components/tag/Tag.module.scss.cjs.map

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

package/dist/components/tag/Tag.module.scss.js

@@ -0,0 +1,21 @@
+import './Tag.css';const a = "_tag_ap0kl_2", t = "_tag__icon_ap0kl_14", _ = "_tag__label_ap0kl_19", l = {
+  tag: a,
+  tag__icon: t,
+  tag__label: _,
+  "tag--size-x-small": "_tag--size-x-small_ap0kl_22",
+  "tag--size-small": "_tag--size-small_ap0kl_28",
+  "tag--type-default": "_tag--type-default_ap0kl_33",
+  "tag--type-info": "_tag--type-info_ap0kl_37",
+  "tag--type-info-dim": "_tag--type-info-dim_ap0kl_41",
+  "tag--type-danger": "_tag--type-danger_ap0kl_45",
+  "tag--type-success": "_tag--type-success_ap0kl_49",
+  "tag--type-warning": "_tag--type-warning_ap0kl_53",
+  "tag--casing-all-caps": "_tag--casing-all-caps_ap0kl_57"
+};
+export {
+  l as default,
+  a as tag,
+  t as tag__icon,
+  _ as tag__label
+};
+//# sourceMappingURL=Tag.module.scss.js.map

package/dist/components/tag/Tag.module.scss.js.map

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

package/dist/components/tag/index.cjs

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC"}

package/dist/components/tag/index.js

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

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

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

package/dist/components/team-avatar/TeamAvatar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("../mention-badge/MentionBadge.cjs"),a=require("./TeamAvatar.module.scss.cjs");function f({alt:s="",badge:t,className:n="",initials:l="Ac",size:r="40",src:u,state:c="default"}){const d=parseInt(r,10),i=c==="active",m=t!=null&&t>0&&d<=64&&!i,o=[a.default["team-avatar"],a.default[`team-avatar--size-${r}`],i&&a.default["team-avatar--active"],n].filter(Boolean).join(" ");return e.jsxs("div",{className:o,children:[e.jsx("div",{className:a.default["team-avatar__inner"],children:u?e.jsx("img",{src:u,alt:s,className:a.default["team-avatar__image"]}):e.jsx("div",{className:a.default["team-avatar__fallback"],"aria-label":s||l,children:l})}),m&&e.jsx(v.default,{count:t,size:"medium",className:a.default["team-avatar__badge"]})]})}exports.default=f;
+//# sourceMappingURL=TeamAvatar.cjs.map

package/dist/components/team-avatar/TeamAvatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamAvatar.cjs","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"sourcesContent":["import MentionBadge from '../mention-badge/MentionBadge';\nimport styles from './TeamAvatar.module.scss';\n\nexport type TeamAvatarSize =\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72'\n  | '96'\n  | '120';\nexport type TeamAvatarState = 'default' | 'active';\n\nexport interface TeamAvatarProps {\n  alt?: string;\n  badge?: number;\n  className?: string;\n  initials?: string;\n  size?: TeamAvatarSize;\n  src?: string;\n  state?: TeamAvatarState;\n}\n\n/**\n * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart\n * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.\n */\nexport default function TeamAvatar({\n  alt = '',\n  badge,\n  className = '',\n  initials = 'Ac',\n  size = '40',\n  src,\n  state = 'default',\n}: TeamAvatarProps) {\n  const numSize = parseInt(size, 10);\n  const isActive = state === 'active';\n  const showBadge = badge != null && badge > 0 && numSize <= 64 && !isActive;\n\n  const rootClasses = [\n    styles['team-avatar'],\n    styles[`team-avatar--size-${size}`],\n    isActive && styles['team-avatar--active'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClasses}>\n      <div className={styles['team-avatar__inner']}>\n        {src ? (\n          <img src={src} alt={alt} className={styles['team-avatar__image']} />\n        ) : (\n          <div\n            className={styles['team-avatar__fallback']}\n            aria-label={alt || initials}\n          >\n            {initials}\n          </div>\n        )}\n      </div>\n      {showBadge && (\n        <MentionBadge\n          count={badge!}\n          size=\"medium\"\n          className={styles['team-avatar__badge']}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TeamAvatar","alt","badge","className","initials","size","src","state","numSize","isActive","showBadge","rootClasses","styles","jsxs","jsx","MentionBadge"],"mappings":"yOA8BA,SAAwBA,EAAW,CACjC,IAAAC,EAAM,GACN,MAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,KACX,KAAAC,EAAO,KACP,IAAAC,EACA,MAAAC,EAAQ,SACV,EAAoB,CAClB,MAAMC,EAAU,SAASH,EAAM,EAAE,EAC3BI,EAAWF,IAAU,SACrBG,EAAYR,GAAS,MAAQA,EAAQ,GAAKM,GAAW,IAAM,CAACC,EAE5DE,EAAc,CAClBC,EAAAA,QAAO,aAAa,EACpBA,EAAAA,QAAO,qBAAqBP,CAAI,EAAE,EAClCI,GAAYG,EAAAA,QAAO,qBAAqB,EACxCT,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEU,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACd,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,oBAAoB,EACxC,SAAAN,EACCQ,EAAAA,IAAC,MAAA,CAAI,IAAAR,EAAU,IAAAL,EAAU,UAAWW,EAAAA,QAAO,oBAAoB,EAAG,EAElEE,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,QAAO,uBAAuB,EACzC,aAAYX,GAAOG,EAElB,SAAAA,CAAA,CAAA,EAGP,EACCM,GACCI,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOb,EACP,KAAK,SACL,UAAWU,EAAAA,QAAO,oBAAoB,CAAA,CAAA,CACxC,EAEJ,CAEJ"}

package/dist/components/team-avatar/TeamAvatar.css

@@ -0,0 +1 @@
+._team-avatar_1s9bp_2{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;outline-style:solid;outline-offset:0;outline-color:transparent;transition:outline-color var(--duration-quick) var(--ease-transition)}._team-avatar__inner_1s9bp_12{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}._team-avatar__inner_1s9bp_12:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:inherit;border-style:solid;border-color:var(--sidebar-header-bg, #192a4d);border-width:0;pointer-events:none;z-index:1;transition:border-width var(--duration-quick) var(--ease-transition)}._team-avatar__image_1s9bp_31{display:block;width:100%;height:100%;object-fit:cover}._team-avatar__fallback_1s9bp_37{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(var(--sidebar-text-rgb),.16);color:var(--sidebar-text, white);font-family:Metropolis,sans-serif;font-weight:var(--font-weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}._team-avatar__badge_1s9bp_50{position:absolute;top:-4px;right:-4px;z-index:2;box-shadow:0 0 0 2px var(--sidebar-header-bg, #192a4d)}._team-avatar--size-24_1s9bp_57{width:24px;height:24px;border-radius:4px;outline-width:2px}._team-avatar--size-24_1s9bp_57 ._team-avatar__inner_1s9bp_12{border-radius:4px}._team-avatar--size-24_1s9bp_57 ._team-avatar__fallback_1s9bp_37{font-size:11.2px}._team-avatar--size-24_1s9bp_57:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-24_1s9bp_57._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:2px}._team-avatar--size-24_1s9bp_57:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-24_1s9bp_57._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-28_1s9bp_78{width:28px;height:28px;border-radius:4px;outline-width:2px}._team-avatar--size-28_1s9bp_78 ._team-avatar__inner_1s9bp_12{border-radius:4px}._team-avatar--size-28_1s9bp_78 ._team-avatar__fallback_1s9bp_37{font-size:13.07px}._team-avatar--size-28_1s9bp_78:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-28_1s9bp_78._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:2px}._team-avatar--size-28_1s9bp_78:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-28_1s9bp_78._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-32_1s9bp_99{width:32px;height:32px;border-radius:6px;outline-width:3px}._team-avatar--size-32_1s9bp_99 ._team-avatar__inner_1s9bp_12{border-radius:6px}._team-avatar--size-32_1s9bp_99 ._team-avatar__fallback_1s9bp_37{font-size:14.93px}._team-avatar--size-32_1s9bp_99:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-32_1s9bp_99._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-32_1s9bp_99:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-32_1s9bp_99._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-40_1s9bp_120{width:40px;height:40px;border-radius:8px;outline-width:3px}._team-avatar--size-40_1s9bp_120 ._team-avatar__inner_1s9bp_12{border-radius:8px}._team-avatar--size-40_1s9bp_120 ._team-avatar__fallback_1s9bp_37{font-size:18.67px}._team-avatar--size-40_1s9bp_120:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-40_1s9bp_120._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-40_1s9bp_120:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-40_1s9bp_120._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-48_1s9bp_141{width:48px;height:48px;border-radius:9px;outline-width:3px}._team-avatar--size-48_1s9bp_141 ._team-avatar__inner_1s9bp_12{border-radius:9px}._team-avatar--size-48_1s9bp_141 ._team-avatar__fallback_1s9bp_37{font-size:22.4px}._team-avatar--size-48_1s9bp_141:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-48_1s9bp_141._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-48_1s9bp_141:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-48_1s9bp_141._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-56_1s9bp_162{width:56px;height:56px;border-radius:10px;outline-width:3px}._team-avatar--size-56_1s9bp_162 ._team-avatar__inner_1s9bp_12{border-radius:10px}._team-avatar--size-56_1s9bp_162 ._team-avatar__fallback_1s9bp_37{font-size:26.13px}._team-avatar--size-56_1s9bp_162:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-56_1s9bp_162._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-56_1s9bp_162:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-56_1s9bp_162._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-64_1s9bp_183{width:64px;height:64px;border-radius:11px;outline-width:3px}._team-avatar--size-64_1s9bp_183 ._team-avatar__inner_1s9bp_12{border-radius:11px}._team-avatar--size-64_1s9bp_183 ._team-avatar__fallback_1s9bp_37{font-size:29.87px}._team-avatar--size-64_1s9bp_183:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-64_1s9bp_183._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-64_1s9bp_183:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-64_1s9bp_183._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-72_1s9bp_204{width:72px;height:72px;border-radius:12px;outline-width:3px}._team-avatar--size-72_1s9bp_204 ._team-avatar__inner_1s9bp_12{border-radius:12px}._team-avatar--size-72_1s9bp_204 ._team-avatar__fallback_1s9bp_37{font-size:33.6px}._team-avatar--size-72_1s9bp_204:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-72_1s9bp_204._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-72_1s9bp_204:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-72_1s9bp_204._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-96_1s9bp_225{width:96px;height:96px;border-radius:18px;outline-width:3px}._team-avatar--size-96_1s9bp_225 ._team-avatar__inner_1s9bp_12{border-radius:20px}._team-avatar--size-96_1s9bp_225 ._team-avatar__fallback_1s9bp_37{font-size:44.8px}._team-avatar--size-96_1s9bp_225:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-96_1s9bp_225._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-96_1s9bp_225:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-96_1s9bp_225._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}._team-avatar--size-120_1s9bp_246{width:120px;height:120px;border-radius:24px;outline-width:3px}._team-avatar--size-120_1s9bp_246 ._team-avatar__inner_1s9bp_12{border-radius:24px}._team-avatar--size-120_1s9bp_246 ._team-avatar__fallback_1s9bp_37{font-size:56px}._team-avatar--size-120_1s9bp_246:hover ._team-avatar__inner_1s9bp_12:after,._team-avatar--size-120_1s9bp_246._team-avatar--active_1s9bp_69 ._team-avatar__inner_1s9bp_12:after{border-width:3px}._team-avatar--size-120_1s9bp_246:hover{outline-color:rgba(var(--sidebar-text-rgb),.16)}._team-avatar--size-120_1s9bp_246._team-avatar--active_1s9bp_69{outline-color:var(--sidebar-text-active-border, #5d89ea)}

package/dist/components/team-avatar/TeamAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AACV,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAQ,EACR,KAAK,EACL,SAAc,EACd,QAAe,EACf,IAAW,EACX,GAAG,EACH,KAAiB,GAClB,EAAE,eAAe,2CAqCjB"}

package/dist/components/team-avatar/TeamAvatar.js

@@ -0,0 +1,41 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import u from "../mention-badge/MentionBadge.js";
+import a from "./TeamAvatar.module.scss.js";
+function h({
+  alt: s = "",
+  badge: t,
+  className: n = "",
+  initials: m = "Ac",
+  size: r = "40",
+  src: i,
+  state: c = "default"
+}) {
+  const l = parseInt(r, 10), o = c === "active", v = t != null && t > 0 && l <= 64 && !o, d = [
+    a["team-avatar"],
+    a[`team-avatar--size-${r}`],
+    o && a["team-avatar--active"],
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ f("div", { className: d, children: [
+    /* @__PURE__ */ e("div", { className: a["team-avatar__inner"], children: i ? /* @__PURE__ */ e("img", { src: i, alt: s, className: a["team-avatar__image"] }) : /* @__PURE__ */ e(
+      "div",
+      {
+        className: a["team-avatar__fallback"],
+        "aria-label": s || m,
+        children: m
+      }
+    ) }),
+    v && /* @__PURE__ */ e(
+      u,
+      {
+        count: t,
+        size: "medium",
+        className: a["team-avatar__badge"]
+      }
+    )
+  ] });
+}
+export {
+  h as default
+};
+//# sourceMappingURL=TeamAvatar.js.map

package/dist/components/team-avatar/TeamAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamAvatar.js","sources":["../../../src/components/team-avatar/TeamAvatar.tsx"],"sourcesContent":["import MentionBadge from '../mention-badge/MentionBadge';\nimport styles from './TeamAvatar.module.scss';\n\nexport type TeamAvatarSize =\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '48'\n  | '56'\n  | '64'\n  | '72'\n  | '96'\n  | '120';\nexport type TeamAvatarState = 'default' | 'active';\n\nexport interface TeamAvatarProps {\n  alt?: string;\n  badge?: number;\n  className?: string;\n  initials?: string;\n  size?: TeamAvatarSize;\n  src?: string;\n  state?: TeamAvatarState;\n}\n\n/**\n * Team Avatars identify a Team in Mattermost. Their rounded-square shape sets them apart\n * from circular User Avatars at a glance — same scanning rhythm, different kind of subject.\n */\nexport default function TeamAvatar({\n  alt = '',\n  badge,\n  className = '',\n  initials = 'Ac',\n  size = '40',\n  src,\n  state = 'default',\n}: TeamAvatarProps) {\n  const numSize = parseInt(size, 10);\n  const isActive = state === 'active';\n  const showBadge = badge != null && badge > 0 && numSize <= 64 && !isActive;\n\n  const rootClasses = [\n    styles['team-avatar'],\n    styles[`team-avatar--size-${size}`],\n    isActive && styles['team-avatar--active'],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClasses}>\n      <div className={styles['team-avatar__inner']}>\n        {src ? (\n          <img src={src} alt={alt} className={styles['team-avatar__image']} />\n        ) : (\n          <div\n            className={styles['team-avatar__fallback']}\n            aria-label={alt || initials}\n          >\n            {initials}\n          </div>\n        )}\n      </div>\n      {showBadge && (\n        <MentionBadge\n          count={badge!}\n          size=\"medium\"\n          className={styles['team-avatar__badge']}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["TeamAvatar","alt","badge","className","initials","size","src","state","numSize","isActive","showBadge","rootClasses","styles","jsxs","jsx","MentionBadge"],"mappings":";;;AA8BA,SAAwBA,EAAW;AAAA,EACjC,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,KAAAC;AAAA,EACA,OAAAC,IAAQ;AACV,GAAoB;AAClB,QAAMC,IAAU,SAASH,GAAM,EAAE,GAC3BI,IAAWF,MAAU,UACrBG,IAAYR,KAAS,QAAQA,IAAQ,KAAKM,KAAW,MAAM,CAACC,GAE5DE,IAAc;AAAA,IAClBC,EAAO,aAAa;AAAA,IACpBA,EAAO,qBAAqBP,CAAI,EAAE;AAAA,IAClCI,KAAYG,EAAO,qBAAqB;AAAA,IACxCT;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWF,EAAO,oBAAoB,GACxC,UAAAN,IACC,gBAAAQ,EAAC,OAAA,EAAI,KAAAR,GAAU,KAAAL,GAAU,WAAWW,EAAO,oBAAoB,GAAG,IAElE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF,EAAO,uBAAuB;AAAA,QACzC,cAAYX,KAAOG;AAAA,QAElB,UAAAA;AAAA,MAAA;AAAA,IAAA,GAGP;AAAA,IACCM,KACC,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOb;AAAA,QACP,MAAK;AAAA,QACL,WAAWU,EAAO,oBAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GAEJ;AAEJ;"}

package/dist/components/team-avatar/TeamAvatar.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TeamAvatar.css');const a={"team-avatar":"_team-avatar_1s9bp_2","team-avatar__inner":"_team-avatar__inner_1s9bp_12","team-avatar__image":"_team-avatar__image_1s9bp_31","team-avatar__fallback":"_team-avatar__fallback_1s9bp_37","team-avatar__badge":"_team-avatar__badge_1s9bp_50","team-avatar--size-24":"_team-avatar--size-24_1s9bp_57","team-avatar--active":"_team-avatar--active_1s9bp_69","team-avatar--size-28":"_team-avatar--size-28_1s9bp_78","team-avatar--size-32":"_team-avatar--size-32_1s9bp_99","team-avatar--size-40":"_team-avatar--size-40_1s9bp_120","team-avatar--size-48":"_team-avatar--size-48_1s9bp_141","team-avatar--size-56":"_team-avatar--size-56_1s9bp_162","team-avatar--size-64":"_team-avatar--size-64_1s9bp_183","team-avatar--size-72":"_team-avatar--size-72_1s9bp_204","team-avatar--size-96":"_team-avatar--size-96_1s9bp_225","team-avatar--size-120":"_team-avatar--size-120_1s9bp_246"};exports.default=a;
+//# sourceMappingURL=TeamAvatar.module.scss.cjs.map

package/dist/components/team-avatar/TeamAvatar.module.scss.cjs.map

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

package/dist/components/team-avatar/TeamAvatar.module.scss.js

@@ -0,0 +1,22 @@
+import './TeamAvatar.css';const a = {
+  "team-avatar": "_team-avatar_1s9bp_2",
+  "team-avatar__inner": "_team-avatar__inner_1s9bp_12",
+  "team-avatar__image": "_team-avatar__image_1s9bp_31",
+  "team-avatar__fallback": "_team-avatar__fallback_1s9bp_37",
+  "team-avatar__badge": "_team-avatar__badge_1s9bp_50",
+  "team-avatar--size-24": "_team-avatar--size-24_1s9bp_57",
+  "team-avatar--active": "_team-avatar--active_1s9bp_69",
+  "team-avatar--size-28": "_team-avatar--size-28_1s9bp_78",
+  "team-avatar--size-32": "_team-avatar--size-32_1s9bp_99",
+  "team-avatar--size-40": "_team-avatar--size-40_1s9bp_120",
+  "team-avatar--size-48": "_team-avatar--size-48_1s9bp_141",
+  "team-avatar--size-56": "_team-avatar--size-56_1s9bp_162",
+  "team-avatar--size-64": "_team-avatar--size-64_1s9bp_183",
+  "team-avatar--size-72": "_team-avatar--size-72_1s9bp_204",
+  "team-avatar--size-96": "_team-avatar--size-96_1s9bp_225",
+  "team-avatar--size-120": "_team-avatar--size-120_1s9bp_246"
+};
+export {
+  a as default
+};
+//# sourceMappingURL=TeamAvatar.module.scss.js.map

package/dist/components/team-avatar/TeamAvatar.module.scss.js.map

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

package/dist/components/team-avatar/index.cjs

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

package/dist/components/team-avatar/index.cjs.map

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

package/dist/components/team-avatar/index.d.ts.map

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

package/dist/components/team-avatar/index.js

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

package/dist/components/team-avatar/index.js.map

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

package/dist/components/text-area/TextArea.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),_=require("../field/fieldDescribedBy.cjs"),X=require("../field-message/FieldMessage.cjs"),Y=require("../../utils/string.cjs"),e=require("./TextArea.module.scss.cjs"),Z=s.forwardRef(function({className:F="",size:g="medium",label:u,invalid:M=!1,maxLength:l,showCharacterCount:f=!1,message:v,messageTone:j,id:h,value:x,defaultValue:m,placeholder:p,onFocus:i,onBlur:r,onChange:c,disabled:S,readOnly:T,rows:k=3,"aria-describedby":A,...R},V){const $=s.useId(),o=h??$,d=x!==void 0,[w,z]=s.useState(m??""),n=d?x:w,D=n!=null&&n!=="",[C,I]=s.useState(!1),K=C||D,O=s.useCallback(a=>{I(!0),i==null||i(a)},[i]),U=s.useCallback(a=>{I(!1),r==null||r(a)},[r]),B=s.useCallback(a=>{d||z(a.target.value),c==null||c(a)},[d,c]),N=_.isFieldInvalid(M,v,j),b=_.hasFieldMessage(v),E=e.default[`text-area--size-${Y.toKebab(g)}`],G=N?e.default["text-area--invalid"]:"",H=u!=null&&K?e.default["text-area--label-floated"]:"",J=[e.default["text-area"],E,G,H,F].filter(Boolean).join(" "),Q=typeof n=="string"?n.length:0,q=f&&l!=null?`${o}-counter`:void 0,y=b?`${o}-message`:void 0,W=j??"error";return t.jsxs("div",{className:J,children:[t.jsxs("div",{className:e.default["text-area__wrapper"],children:[u!=null&&t.jsx("label",{className:e.default["text-area__label"],htmlFor:o,children:u}),t.jsx("textarea",{ref:V,id:o,className:e.default["text-area__input"],value:d?x:void 0,defaultValue:d?void 0:m,placeholder:p,maxLength:l,disabled:S,readOnly:T,rows:k,"aria-invalid":N?!0:void 0,"aria-describedby":_.mergeFieldDescribedBy(A,y,q),onFocus:O,onBlur:U,onChange:B,...R})]}),(b||f&&l!=null)&&t.jsxs("div",{className:e.default["text-area__footer"],children:[b&&t.jsx(X.default,{id:y,className:e.default["text-area__footer-message"],message:v,tone:W}),f&&l!=null&&t.jsxs("div",{id:q,className:e.default["text-area__counter"],"aria-live":"polite",children:[Q," / ",l]})]})]})});exports.default=Z;
+//# sourceMappingURL=TextArea.cjs.map