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

package/dist/components/field/useFieldClear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldClear.js","sources":["../../../src/components/field/useFieldClear.ts"],"sourcesContent":["import type {\n  ChangeEvent,\n  KeyboardEvent,\n  RefObject,\n  SyntheticEvent,\n} from 'react';\nimport { useCallback } from 'react';\n\ntype FieldElement = HTMLInputElement | HTMLTextAreaElement;\n\nexport interface UseFieldClearOptions<T extends FieldElement> {\n  disabled?: boolean;\n  hasValue: boolean;\n  /** When false, clear is hidden and Escape does not clear. Default true. */\n  clearEnabled?: boolean;\n  isControlled: boolean;\n  onClear?: () => void;\n  onChange?: (e: ChangeEvent<T>) => void;\n  onKeyDown?: (e: KeyboardEvent<T>) => void;\n  inputRef: RefObject<T | null>;\n  setUncontrolledValue: (value: string) => void;\n}\n\n/** Minimal ChangeEvent so host `preventDefault` / `nativeEvent` access won't throw. */\nfunction createClearChangeEvent<T extends FieldElement>(\n  input: T,\n): ChangeEvent<T> {\n  let defaultPrevented = false;\n  let propagationStopped = false;\n  const nativeEvent = new Event('change', { bubbles: true, cancelable: true });\n\n  const event = {\n    nativeEvent,\n    type: 'change',\n    target: input,\n    currentTarget: input,\n    bubbles: true,\n    cancelable: true,\n    defaultPrevented: false,\n    eventPhase: 0,\n    isTrusted: false,\n    timeStamp: Date.now(),\n    preventDefault() {\n      defaultPrevented = true;\n      this.defaultPrevented = true;\n      nativeEvent.preventDefault?.();\n    },\n    isDefaultPrevented() {\n      return defaultPrevented;\n    },\n    stopPropagation() {\n      propagationStopped = true;\n      nativeEvent.stopPropagation?.();\n    },\n    isPropagationStopped() {\n      return propagationStopped;\n    },\n    persist() {},\n  } as ChangeEvent<T> & SyntheticEvent<T, Event>;\n\n  return event;\n}\n\nexport function useFieldClear<T extends FieldElement>({\n  disabled,\n  hasValue,\n  clearEnabled = true,\n  isControlled,\n  onClear,\n  onChange,\n  onKeyDown,\n  inputRef,\n  setUncontrolledValue,\n}: UseFieldClearOptions<T>) {\n  const showClearButton = Boolean(clearEnabled && hasValue && !disabled);\n\n  const handleClear = useCallback(() => {\n    if (disabled || !clearEnabled) return;\n\n    if (onClear) {\n      onClear();\n      inputRef.current?.focus();\n      return;\n    }\n\n    const input = inputRef.current;\n    if (input == null) return;\n\n    input.value = '';\n    if (!isControlled) setUncontrolledValue('');\n\n    onChange?.(createClearChangeEvent(input));\n    input.focus();\n  }, [\n    clearEnabled,\n    disabled,\n    inputRef,\n    isControlled,\n    onChange,\n    onClear,\n    setUncontrolledValue,\n  ]);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<T>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented || disabled || !clearEnabled) return;\n      if (e.key === 'Escape' && hasValue) {\n        e.preventDefault();\n        handleClear();\n      }\n    },\n    [clearEnabled, disabled, handleClear, hasValue, onKeyDown],\n  );\n\n  return { showClearButton, handleClear, handleKeyDown };\n}\n"],"names":["createClearChangeEvent","input","defaultPrevented","propagationStopped","nativeEvent","_a","useFieldClear","disabled","hasValue","clearEnabled","isControlled","onClear","onChange","onKeyDown","inputRef","setUncontrolledValue","showClearButton","handleClear","useCallback","handleKeyDown","e"],"mappings":";AAwBA,SAASA,EACPC,GACgB;AAChB,MAAIC,IAAmB,IACnBC,IAAqB;AACzB,QAAMC,IAAc,IAAI,MAAM,UAAU,EAAE,SAAS,IAAM,YAAY,IAAM;AA+B3E,SA7Bc;AAAA,IACZ,aAAAA;AAAA,IACA,MAAM;AAAA,IACN,QAAQH;AAAA,IACR,eAAeA;AAAA,IACf,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW,KAAK,IAAA;AAAA,IAChB,iBAAiB;;AACf,MAAAC,IAAmB,IACnB,KAAK,mBAAmB,KACxBG,IAAAD,EAAY,mBAAZ,QAAAC,EAAA,KAAAD;AAAA,IACF;AAAA,IACA,qBAAqB;AACnB,aAAOF;AAAA,IACT;AAAA,IACA,kBAAkB;;AAChB,MAAAC,IAAqB,KACrBE,IAAAD,EAAY,oBAAZ,QAAAC,EAAA,KAAAD;AAAA,IACF;AAAA,IACA,uBAAuB;AACrB,aAAOD;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IAAC;AAAA,EAAA;AAIf;AAEO,SAASG,EAAsC;AAAA,EACpD,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,sBAAAC;AACF,GAA4B;AAC1B,QAAMC,IAAkB,GAAQP,KAAgBD,KAAY,CAACD,IAEvDU,IAAcC,EAAY,MAAM;;AACpC,QAAIX,KAAY,CAACE,EAAc;AAE/B,QAAIE,GAAS;AACX,MAAAA,EAAA,IACAN,IAAAS,EAAS,YAAT,QAAAT,EAAkB;AAClB;AAAA,IACF;AAEA,UAAMJ,IAAQa,EAAS;AACvB,IAAIb,KAAS,SAEbA,EAAM,QAAQ,IACTS,KAAcK,EAAqB,EAAE,GAE1CH,KAAA,QAAAA,EAAWZ,EAAuBC,CAAK,IACvCA,EAAM,MAAA;AAAA,EACR,GAAG;AAAA,IACDQ;AAAA,IACAF;AAAA,IACAO;AAAA,IACAJ;AAAA,IACAE;AAAA,IACAD;AAAA,IACAI;AAAA,EAAA,CACD,GAEKI,IAAgBD;AAAA,IACpB,CAACE,MAAwB;AAEvB,MADAP,KAAA,QAAAA,EAAYO,IACR,EAAAA,EAAE,oBAAoBb,KAAY,CAACE,MACnCW,EAAE,QAAQ,YAAYZ,MACxBY,EAAE,eAAA,GACFH,EAAA;AAAA,IAEJ;AAAA,IACA,CAACR,GAAcF,GAAUU,GAAaT,GAAUK,CAAS;AAAA,EAAA;AAG3D,SAAO,EAAE,iBAAAG,GAAiB,aAAAC,GAAa,eAAAE,EAAA;AACzC;"}

package/dist/components/field-message/FieldMessage.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__u=require("@mattermost/compass-icons/components/alert-circle-outline.js"),u=__u?.default??__u,__d=require("@mattermost/compass-icons/components/alert-outline.js"),d=__d?.default??__d,__f=require("@mattermost/compass-icons/components/check.js"),f=__f?.default??__f,g=require("../icon/Icon.cjs"),j=require("../../utils/string.cjs"),r=require("./FieldMessage.module.scss.cjs"),m={error:e.jsx(u,{}),warning:e.jsx(d,{}),success:e.jsx(f,{})};function x({className:n="",message:i,tone:s="error",...l}){const o=r.default[`field-message--tone-${j.toKebab(s)}`],a=[r.default["field-message"],o,n].filter(Boolean).join(" "),c=s==="error"||s==="warning",t=m[s];return e.jsxs("div",{...l,className:a,role:c?"alert":l.role,children:[t!=null&&e.jsx("span",{className:r.default["field-message__icon"],"aria-hidden":!0,children:e.jsx(g.default,{size:"12",glyph:t})}),e.jsx("span",{className:r.default["field-message__text"],children:i})]})}exports.default=x;
+//# sourceMappingURL=FieldMessage.cjs.map

package/dist/components/field-message/FieldMessage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldMessage.cjs","sources":["../../../src/components/field-message/FieldMessage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport Icon from '@/components/icon/Icon';\nimport { toKebab } from '@/utils/string';\nimport styles from './FieldMessage.module.scss';\n\nexport type FieldMessageTone = 'error' | 'warning' | 'info' | 'success';\n\nexport interface FieldMessageProps extends HTMLAttributes<HTMLDivElement> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** The message. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  message: ReactNode;\n  /** Visual tone. Default: `error`. Info has no icon. */\n  tone?: FieldMessageTone;\n}\n\nconst TONE_ICONS: Partial<Record<FieldMessageTone, ReactNode>> = {\n  error: <AlertCircleOutlineIcon />,\n  warning: <AlertOutlineIcon />,\n  success: <CheckIcon />,\n};\n\n/**\n * Field Message is the inline status line under a form field — validation errors, warnings,\n * hints, or success. Error, warning, and success pair a tone glyph with the copy; info is\n * text-only at muted center-channel color.\n */\nexport default function FieldMessage({\n  className = '',\n  message,\n  tone = 'error',\n  ...rest\n}: FieldMessageProps) {\n  const toneClass = styles[`field-message--tone-${toKebab(tone)}`];\n  const rootClass = [styles['field-message'], toneClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const isAlert = tone === 'error' || tone === 'warning';\n  const glyph = TONE_ICONS[tone];\n\n  return (\n    <div {...rest} className={rootClass} role={isAlert ? 'alert' : rest.role}>\n      {glyph != null && (\n        <span className={styles['field-message__icon']} aria-hidden>\n          <Icon size=\"12\" glyph={glyph} />\n        </span>\n      )}\n      <span className={styles['field-message__text']}>{message}</span>\n    </div>\n  );\n}\n"],"names":["TONE_ICONS","AlertCircleOutlineIcon","AlertOutlineIcon","CheckIcon","FieldMessage","className","message","tone","rest","toneClass","styles","toKebab","rootClass","isAlert","glyph","jsxs","jsx","Icon"],"mappings":"8bAmBMA,EAA2D,CAC/D,YAAQC,EAAA,EAAuB,EAC/B,cAAUC,EAAA,EAAiB,EAC3B,cAAUC,EAAA,CAAA,CAAU,CACtB,EAOA,SAAwBC,EAAa,CACnC,UAAAC,EAAY,GACZ,QAAAC,EACA,KAAAC,EAAO,QACP,GAAGC,CACL,EAAsB,CACpB,MAAMC,EAAYC,EAAAA,QAAO,uBAAuBC,EAAAA,QAAQJ,CAAI,CAAC,EAAE,EACzDK,EAAY,CAACF,UAAO,eAAe,EAAGD,EAAWJ,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EAELQ,EAAUN,IAAS,SAAWA,IAAS,UACvCO,EAAQd,EAAWO,CAAI,EAE7B,OACEQ,EAAAA,KAAC,MAAA,CAAK,GAAGP,EAAM,UAAWI,EAAW,KAAMC,EAAU,QAAUL,EAAK,KACjE,SAAA,CAAAM,GAAS,MACRE,MAAC,OAAA,CAAK,UAAWN,EAAAA,QAAO,qBAAqB,EAAG,cAAW,GACzD,SAAAM,EAAAA,IAACC,UAAA,CAAK,KAAK,KAAK,MAAAH,EAAc,EAChC,QAED,OAAA,CAAK,UAAWJ,EAAAA,QAAO,qBAAqB,EAAI,SAAAJ,CAAA,CAAQ,CAAA,EAC3D,CAEJ"}

package/dist/components/field-message/FieldMessage.css

@@ -0,0 +1 @@
+._field-message_10eh8_2{display:flex;align-items:flex-start;gap:var(--spacing-xxs)}._field-message__icon_10eh8_7{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:2px}._field-message__text_10eh8_14{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);flex:1 0 0;min-width:0}._field-message--tone-error_10eh8_21 ._field-message__icon_10eh8_7,._field-message--tone-error_10eh8_21 ._field-message__text_10eh8_14{color:var(--error-text, var(--color-danger))}._field-message--tone-warning_10eh8_25 ._field-message__icon_10eh8_7,._field-message--tone-warning_10eh8_25 ._field-message__text_10eh8_14{color:var(--away-indicator, var(--color-warning))}._field-message--tone-info_10eh8_29 ._field-message__text_10eh8_14{color:rgba(var(--center-channel-color-rgb),.75)}._field-message--tone-success_10eh8_32 ._field-message__icon_10eh8_7,._field-message--tone-success_10eh8_32 ._field-message__text_10eh8_14{color:var(--online-indicator, var(--color-success))}

package/dist/components/field-message/FieldMessage.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type FieldMessageTone = 'error' | 'warning' | 'info' | 'success';
+export interface FieldMessageProps extends HTMLAttributes<HTMLDivElement> {
+    /** Optional CSS class name. */
+    className?: string;
+    /** The message. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    message: ReactNode;
+    /** Visual tone. Default: `error`. Info has no icon. */
+    tone?: FieldMessageTone;
+}
+/**
+ * Field Message is the inline status line under a form field — validation errors, warnings,
+ * hints, or success. Error, warning, and success pair a tone glyph with the copy; info is
+ * text-only at muted center-channel color.
+ */
+export default function FieldMessage({ className, message, tone, ...rest }: FieldMessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldMessage.d.ts.map

package/dist/components/field-message/FieldMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldMessage.d.ts","sourceRoot":"","sources":["../../../src/components/field-message/FieldMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,OAAO,EAAE,SAAS,CAAC;IACnB,uDAAuD;IACvD,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAO,EACP,IAAc,EACd,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAmBnB"}

package/dist/components/field-message/FieldMessage.js

@@ -0,0 +1,28 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import __f from "@mattermost/compass-icons/components/alert-circle-outline.js";const f=__f&&__f.default?__f.default:__f;
+import __d from "@mattermost/compass-icons/components/alert-outline.js";const d=__d&&__d.default?__d.default:__d;
+import __p from "@mattermost/compass-icons/components/check.js";const p=__p&&__p.default?__p.default:__p;
+import g from "../icon/Icon.js";
+import { toKebab as u } from "../../utils/string.js";
+import s from "./FieldMessage.module.scss.js";
+const h = {
+  error: /* @__PURE__ */ e(f, {}),
+  warning: /* @__PURE__ */ e(d, {}),
+  success: /* @__PURE__ */ e(p, {})
+};
+function A({
+  className: l = "",
+  message: n,
+  tone: r = "error",
+  ...o
+}) {
+  const t = s[`field-message--tone-${u(r)}`], a = [s["field-message"], t, l].filter(Boolean).join(" "), c = r === "error" || r === "warning", i = h[r];
+  return /* @__PURE__ */ m("div", { ...o, className: a, role: c ? "alert" : o.role, children: [
+    i != null && /* @__PURE__ */ e("span", { className: s["field-message__icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(g, { size: "12", glyph: i }) }),
+    /* @__PURE__ */ e("span", { className: s["field-message__text"], children: n })
+  ] });
+}
+export {
+  A as default
+};
+//# sourceMappingURL=FieldMessage.js.map

package/dist/components/field-message/FieldMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldMessage.js","sources":["../../../src/components/field-message/FieldMessage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport Icon from '@/components/icon/Icon';\nimport { toKebab } from '@/utils/string';\nimport styles from './FieldMessage.module.scss';\n\nexport type FieldMessageTone = 'error' | 'warning' | 'info' | 'success';\n\nexport interface FieldMessageProps extends HTMLAttributes<HTMLDivElement> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** The message. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  message: ReactNode;\n  /** Visual tone. Default: `error`. Info has no icon. */\n  tone?: FieldMessageTone;\n}\n\nconst TONE_ICONS: Partial<Record<FieldMessageTone, ReactNode>> = {\n  error: <AlertCircleOutlineIcon />,\n  warning: <AlertOutlineIcon />,\n  success: <CheckIcon />,\n};\n\n/**\n * Field Message is the inline status line under a form field — validation errors, warnings,\n * hints, or success. Error, warning, and success pair a tone glyph with the copy; info is\n * text-only at muted center-channel color.\n */\nexport default function FieldMessage({\n  className = '',\n  message,\n  tone = 'error',\n  ...rest\n}: FieldMessageProps) {\n  const toneClass = styles[`field-message--tone-${toKebab(tone)}`];\n  const rootClass = [styles['field-message'], toneClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const isAlert = tone === 'error' || tone === 'warning';\n  const glyph = TONE_ICONS[tone];\n\n  return (\n    <div {...rest} className={rootClass} role={isAlert ? 'alert' : rest.role}>\n      {glyph != null && (\n        <span className={styles['field-message__icon']} aria-hidden>\n          <Icon size=\"12\" glyph={glyph} />\n        </span>\n      )}\n      <span className={styles['field-message__text']}>{message}</span>\n    </div>\n  );\n}\n"],"names":["TONE_ICONS","AlertCircleOutlineIcon","AlertOutlineIcon","CheckIcon","FieldMessage","className","message","tone","rest","toneClass","styles","toKebab","rootClass","isAlert","glyph","jsxs","jsx","Icon"],"mappings":";;;;;;;AAmBA,MAAMA,IAA2D;AAAA,EAC/D,yBAAQC,GAAA,EAAuB;AAAA,EAC/B,2BAAUC,GAAA,EAAiB;AAAA,EAC3B,2BAAUC,GAAA,CAAA,CAAU;AACtB;AAOA,SAAwBC,EAAa;AAAA,EACnC,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAsB;AACpB,QAAMC,IAAYC,EAAO,uBAAuBC,EAAQJ,CAAI,CAAC,EAAE,GACzDK,IAAY,CAACF,EAAO,eAAe,GAAGD,GAAWJ,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,GAELQ,IAAUN,MAAS,WAAWA,MAAS,WACvCO,IAAQd,EAAWO,CAAI;AAE7B,SACE,gBAAAQ,EAAC,OAAA,EAAK,GAAGP,GAAM,WAAWI,GAAW,MAAMC,IAAU,UAAUL,EAAK,MACjE,UAAA;AAAA,IAAAM,KAAS,QACR,gBAAAE,EAAC,QAAA,EAAK,WAAWN,EAAO,qBAAqB,GAAG,eAAW,IACzD,UAAA,gBAAAM,EAACC,GAAA,EAAK,MAAK,MAAK,OAAAH,GAAc,GAChC;AAAA,sBAED,QAAA,EAAK,WAAWJ,EAAO,qBAAqB,GAAI,UAAAJ,EAAA,CAAQ;AAAA,EAAA,GAC3D;AAEJ;"}

package/dist/components/field-message/FieldMessage.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./FieldMessage.css');const e={"field-message":"_field-message_10eh8_2","field-message__icon":"_field-message__icon_10eh8_7","field-message__text":"_field-message__text_10eh8_14","field-message--tone-error":"_field-message--tone-error_10eh8_21","field-message--tone-warning":"_field-message--tone-warning_10eh8_25","field-message--tone-info":"_field-message--tone-info_10eh8_29","field-message--tone-success":"_field-message--tone-success_10eh8_32"};exports.default=e;
+//# sourceMappingURL=FieldMessage.module.scss.cjs.map

package/dist/components/field-message/FieldMessage.module.scss.cjs.map

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

package/dist/components/field-message/FieldMessage.module.scss.js

@@ -0,0 +1,13 @@
+import './FieldMessage.css';const e = {
+  "field-message": "_field-message_10eh8_2",
+  "field-message__icon": "_field-message__icon_10eh8_7",
+  "field-message__text": "_field-message__text_10eh8_14",
+  "field-message--tone-error": "_field-message--tone-error_10eh8_21",
+  "field-message--tone-warning": "_field-message--tone-warning_10eh8_25",
+  "field-message--tone-info": "_field-message--tone-info_10eh8_29",
+  "field-message--tone-success": "_field-message--tone-success_10eh8_32"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=FieldMessage.module.scss.js.map

package/dist/components/field-message/FieldMessage.module.scss.js.map

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

package/dist/components/field-message/index.cjs

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

package/dist/components/field-message/index.cjs.map

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

package/dist/components/field-message/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FieldMessage } from './FieldMessage';
+export type { FieldMessageProps, FieldMessageTone } from './FieldMessage';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/field-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field-message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/field-message/index.js

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

package/dist/components/field-message/index.js.map

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

package/dist/components/global-banner/GlobalBanner.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("../button/Button.cjs"),_=require("../icon-button/IconButton.cjs"),t=require("../icon/Icon.cjs"),__j=require("@mattermost/compass-icons/components/close.js"),j=__j?.default??__j,m=require("../../utils/props.cjs"),l=require("./GlobalBanner.module.scss.cjs");function x({className:c="",message:u,type:n="general",leadingIcon:r,actionLabel:s,onAction:i,onDismiss:o,dismissLabel:d="Dismiss",dismissButtonProps:a}){const b=n!=="general"?l.default[`global-banner--type-${n.toLowerCase()}`]:"",f=[l.default["global-banner"],b,c].filter(Boolean).join(" ");return e.jsxs("div",{className:f,role:"banner",children:[e.jsxs("div",{className:l.default["global-banner__content"],children:[r!=null&&e.jsx("span",{className:l.default["global-banner__icon"],"aria-hidden":!0,children:e.jsx(t.IconSlotContext.Provider,{value:{size:"16"},children:r})}),e.jsx("span",{className:l.default["global-banner__message"],children:u}),s!=null&&e.jsx(g.default,{className:l.default["global-banner__action"],appearance:"default",emphasis:"tertiary",size:"x-small",onClick:i,children:s})]}),o!=null&&e.jsx(_.default,{...a,className:m.mergeClassNames(l.default["global-banner__dismiss"],a==null?void 0:a.className),"aria-label":d,size:"small",icon:e.jsx(t.default,{glyph:e.jsx(j,{}),size:"16"}),onClick:o})]})}exports.default=x;
+//# sourceMappingURL=GlobalBanner.cjs.map

package/dist/components/global-banner/GlobalBanner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalBanner.cjs","sources":["../../../src/components/global-banner/GlobalBanner.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport styles from './GlobalBanner.module.scss';\n\nexport type GlobalBannerType =\n  | 'general'\n  | 'warning'\n  | 'danger'\n  | 'info'\n  | 'success';\n\nexport interface GlobalBannerProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** The message text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  message: ReactNode;\n  /** Optional type for color-coding. Default: General. */\n  type?: GlobalBannerType;\n  /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; GlobalBanner provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  /** Label for the optional action button. Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Callback when the action button is clicked. */\n  onAction?: () => void;\n  /** Called when dismiss button is clicked. When omitted, dismiss button is hidden. */\n  onDismiss?: () => void;\n  /** Accessible name for the dismiss button. Default: \"Dismiss\". */\n  dismissLabel?: string;\n  /** Extra attributes for the dismiss button (e.g. `data-testid`). */\n  dismissButtonProps?: BuiltInButtonProps;\n}\n\n/**\n * Global Banners sit at the very top of the application and broadcast something every user\n * in the workspace needs to know — a maintenance window, an expiring licence, a connectivity\n * problem, an available update. They span the full width of the app and stay visible until\n * they're dismissed or the condition resolves.\n */\nexport default function GlobalBanner({\n  className = '',\n  message,\n  type = 'general',\n  leadingIcon,\n  actionLabel,\n  onAction,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  dismissButtonProps,\n}: GlobalBannerProps) {\n  const typeClass =\n    type !== 'general'\n      ? styles[`global-banner--type-${type.toLowerCase()}`]\n      : '';\n\n  const rootClass = [styles['global-banner'], typeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} role=\"banner\">\n      <div className={styles['global-banner__content']}>\n        {leadingIcon != null && (\n          <span className={styles['global-banner__icon']} aria-hidden>\n            <IconSlotContext.Provider value={{ size: '16' }}>\n              {leadingIcon}\n            </IconSlotContext.Provider>\n          </span>\n        )}\n        <span className={styles['global-banner__message']}>{message}</span>\n        {actionLabel != null && (\n          <Button\n            className={styles['global-banner__action']}\n            appearance=\"default\"\n            emphasis=\"tertiary\"\n            size=\"x-small\"\n            onClick={onAction}\n          >\n            {actionLabel}\n          </Button>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          {...dismissButtonProps}\n          className={mergeClassNames(\n            styles['global-banner__dismiss'],\n            dismissButtonProps?.className,\n          )}\n          aria-label={dismissLabel}\n          size=\"small\"\n          icon={<Icon glyph={<CloseIcon />} size=\"16\" />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["GlobalBanner","className","message","type","leadingIcon","actionLabel","onAction","onDismiss","dismissLabel","dismissButtonProps","typeClass","styles","rootClass","jsxs","jsx","IconSlotContext","Button","IconButton","mergeClassNames","Icon","CloseIcon"],"mappings":"kYA4CA,SAAwBA,EAAa,CACnC,UAAAC,EAAY,GACZ,QAAAC,EACA,KAAAC,EAAO,UACP,YAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EAAe,UACf,mBAAAC,CACF,EAAsB,CACpB,MAAMC,EACJP,IAAS,UACLQ,UAAO,uBAAuBR,EAAK,YAAA,CAAa,EAAE,EAClD,GAEAS,EAAY,CAACD,UAAO,eAAe,EAAGD,EAAWT,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEY,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAW,KAAK,SAC9B,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,wBAAwB,EAC5C,SAAA,CAAAP,GAAe,MACdU,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,qBAAqB,EAAG,cAAW,GACzD,eAACI,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,QAED,OAAA,CAAK,UAAWJ,EAAAA,QAAO,wBAAwB,EAAI,SAAAT,EAAQ,EAC3DG,GAAe,MACdS,EAAAA,IAACE,EAAAA,QAAA,CACC,UAAWL,EAAAA,QAAO,uBAAuB,EACzC,WAAW,UACX,SAAS,WACT,KAAK,UACL,QAASL,EAER,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCE,GAAa,MACZO,EAAAA,IAACG,EAAAA,QAAA,CACE,GAAGR,EACJ,UAAWS,EAAAA,gBACTP,EAAAA,QAAO,wBAAwB,EAC/BF,GAAA,YAAAA,EAAoB,SAAA,EAEtB,aAAYD,EACZ,KAAK,QACL,WAAOW,UAAA,CAAK,YAAQC,EAAA,EAAU,EAAI,KAAK,KAAK,EAC5C,QAASb,CAAA,CAAA,CACX,EAEJ,CAEJ"}

package/dist/components/global-banner/GlobalBanner.css

@@ -0,0 +1 @@
+._global-banner_weys9_2{display:flex;align-items:center;justify-content:center;height:40px;width:100%;position:relative;background-color:var(--neutral-900);padding:0 var(--spacing-xxl)}._global-banner__content_weys9_12{display:flex;align-items:center;justify-content:center;gap:var(--spacing-s)}._global-banner__icon_weys9_18{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--neutral-0)}._global-banner__message_weys9_25{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0);white-space:nowrap;text-align:center}._global-banner__dismiss_weys9_33{position:absolute;right:var(--spacing-xxs);top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--neutral-0) 92%,transparent)!important}._global-banner__dismiss_weys9_33:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._global-banner__dismiss_weys9_33:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 20%,transparent)!important;color:var(--neutral-0)!important}._global-banner__dismiss_weys9_33:focus-visible{outline:2px solid color-mix(in srgb,var(--neutral-0) 56%,transparent)!important;outline-offset:2px!important;box-shadow:none!important}._global-banner__action_weys9_53{flex-shrink:0;background-color:color-mix(in srgb,var(--neutral-0) 8%,transparent)!important;color:var(--neutral-0)!important;border-color:transparent!important}._global-banner__action_weys9_53:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 12%,transparent)!important;color:var(--neutral-0)!important}._global-banner__action_weys9_53:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 16%,transparent)!important;color:var(--neutral-0)!important}._global-banner__action_weys9_53:focus-visible{outline:2px solid color-mix(in srgb,var(--neutral-0) 56%,transparent)!important;outline-offset:2px!important;box-shadow:none!important}._global-banner__action_weys9_53:disabled{color:color-mix(in srgb,var(--neutral-0) 40%,transparent)!important;background-color:color-mix(in srgb,var(--neutral-0) 6%,transparent)!important}._global-banner--type-warning_weys9_76{background-color:rgb(var(--semantic-color-warning))}._global-banner--type-danger_weys9_79{background-color:rgb(var(--semantic-color-danger))}._global-banner--type-info_weys9_82{background-color:rgb(var(--semantic-color-info))}._global-banner--type-success_weys9_85{background-color:rgb(var(--semantic-color-success))}

package/dist/components/global-banner/GlobalBanner.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { BuiltInButtonProps } from '../../utils/props';
+export type GlobalBannerType = 'general' | 'warning' | 'danger' | 'info' | 'success';
+export interface GlobalBannerProps {
+    /** Optional CSS class name. */
+    className?: string;
+    /** The message text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    message: ReactNode;
+    /** Optional type for color-coding. Default: General. */
+    type?: GlobalBannerType;
+    /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; GlobalBanner provides the correct size via context. */
+    leadingIcon?: ReactNode;
+    /** Label for the optional action button. Accepts translated nodes. */
+    actionLabel?: ReactNode;
+    /** Callback when the action button is clicked. */
+    onAction?: () => void;
+    /** Called when dismiss button is clicked. When omitted, dismiss button is hidden. */
+    onDismiss?: () => void;
+    /** Accessible name for the dismiss button. Default: "Dismiss". */
+    dismissLabel?: string;
+    /** Extra attributes for the dismiss button (e.g. `data-testid`). */
+    dismissButtonProps?: BuiltInButtonProps;
+}
+/**
+ * Global Banners sit at the very top of the application and broadcast something every user
+ * in the workspace needs to know — a maintenance window, an expiring licence, a connectivity
+ * problem, an available update. They span the full width of the app and stay visible until
+ * they're dismissed or the condition resolves.
+ */
+export default function GlobalBanner({ className, message, type, leadingIcon, actionLabel, onAction, onDismiss, dismissLabel, dismissButtonProps, }: GlobalBannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GlobalBanner.d.ts.map

package/dist/components/global-banner/GlobalBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalBanner.d.ts","sourceRoot":"","sources":["../../../src/components/global-banner/GlobalBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,SAAS,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,wHAAwH;IACxH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAO,EACP,IAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAwB,EACxB,kBAAkB,GACnB,EAAE,iBAAiB,2CAgDnB"}

package/dist/components/global-banner/GlobalBanner.js

@@ -0,0 +1,55 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import p from "../button/Button.js";
+import _ from "../icon-button/IconButton.js";
+import h, { IconSlotContext as d } from "../icon/Icon.js";
+import __C from "@mattermost/compass-icons/components/close.js";const C=__C&&__C.default?__C.default:__C;
+import { mergeClassNames as N } from "../../utils/props.js";
+import e from "./GlobalBanner.module.scss.js";
+function k({
+  className: i = "",
+  message: m,
+  type: n = "general",
+  leadingIcon: r,
+  actionLabel: o,
+  onAction: t,
+  onDismiss: s,
+  dismissLabel: b = "Dismiss",
+  dismissButtonProps: l
+}) {
+  const f = n !== "general" ? e[`global-banner--type-${n.toLowerCase()}`] : "", g = [e["global-banner"], f, i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c("div", { className: g, role: "banner", children: [
+    /* @__PURE__ */ c("div", { className: e["global-banner__content"], children: [
+      r != null && /* @__PURE__ */ a("span", { className: e["global-banner__icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(d.Provider, { value: { size: "16" }, children: r }) }),
+      /* @__PURE__ */ a("span", { className: e["global-banner__message"], children: m }),
+      o != null && /* @__PURE__ */ a(
+        p,
+        {
+          className: e["global-banner__action"],
+          appearance: "default",
+          emphasis: "tertiary",
+          size: "x-small",
+          onClick: t,
+          children: o
+        }
+      )
+    ] }),
+    s != null && /* @__PURE__ */ a(
+      _,
+      {
+        ...l,
+        className: N(
+          e["global-banner__dismiss"],
+          l == null ? void 0 : l.className
+        ),
+        "aria-label": b,
+        size: "small",
+        icon: /* @__PURE__ */ a(h, { glyph: /* @__PURE__ */ a(C, {}), size: "16" }),
+        onClick: s
+      }
+    )
+  ] });
+}
+export {
+  k as default
+};
+//# sourceMappingURL=GlobalBanner.js.map

package/dist/components/global-banner/GlobalBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalBanner.js","sources":["../../../src/components/global-banner/GlobalBanner.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport styles from './GlobalBanner.module.scss';\n\nexport type GlobalBannerType =\n  | 'general'\n  | 'warning'\n  | 'danger'\n  | 'info'\n  | 'success';\n\nexport interface GlobalBannerProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** The message text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  message: ReactNode;\n  /** Optional type for color-coding. Default: General. */\n  type?: GlobalBannerType;\n  /** Optional leading icon — pass `<Icon glyph={<SomeIcon />} />`; GlobalBanner provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  /** Label for the optional action button. Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Callback when the action button is clicked. */\n  onAction?: () => void;\n  /** Called when dismiss button is clicked. When omitted, dismiss button is hidden. */\n  onDismiss?: () => void;\n  /** Accessible name for the dismiss button. Default: \"Dismiss\". */\n  dismissLabel?: string;\n  /** Extra attributes for the dismiss button (e.g. `data-testid`). */\n  dismissButtonProps?: BuiltInButtonProps;\n}\n\n/**\n * Global Banners sit at the very top of the application and broadcast something every user\n * in the workspace needs to know — a maintenance window, an expiring licence, a connectivity\n * problem, an available update. They span the full width of the app and stay visible until\n * they're dismissed or the condition resolves.\n */\nexport default function GlobalBanner({\n  className = '',\n  message,\n  type = 'general',\n  leadingIcon,\n  actionLabel,\n  onAction,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  dismissButtonProps,\n}: GlobalBannerProps) {\n  const typeClass =\n    type !== 'general'\n      ? styles[`global-banner--type-${type.toLowerCase()}`]\n      : '';\n\n  const rootClass = [styles['global-banner'], typeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass} role=\"banner\">\n      <div className={styles['global-banner__content']}>\n        {leadingIcon != null && (\n          <span className={styles['global-banner__icon']} aria-hidden>\n            <IconSlotContext.Provider value={{ size: '16' }}>\n              {leadingIcon}\n            </IconSlotContext.Provider>\n          </span>\n        )}\n        <span className={styles['global-banner__message']}>{message}</span>\n        {actionLabel != null && (\n          <Button\n            className={styles['global-banner__action']}\n            appearance=\"default\"\n            emphasis=\"tertiary\"\n            size=\"x-small\"\n            onClick={onAction}\n          >\n            {actionLabel}\n          </Button>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          {...dismissButtonProps}\n          className={mergeClassNames(\n            styles['global-banner__dismiss'],\n            dismissButtonProps?.className,\n          )}\n          aria-label={dismissLabel}\n          size=\"small\"\n          icon={<Icon glyph={<CloseIcon />} size=\"16\" />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["GlobalBanner","className","message","type","leadingIcon","actionLabel","onAction","onDismiss","dismissLabel","dismissButtonProps","typeClass","styles","rootClass","jsxs","jsx","IconSlotContext","Button","IconButton","mergeClassNames","Icon","CloseIcon"],"mappings":";;;;;;;AA4CA,SAAwBA,EAAa;AAAA,EACnC,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,oBAAAC;AACF,GAAsB;AACpB,QAAMC,IACJP,MAAS,YACLQ,EAAO,uBAAuBR,EAAK,YAAA,CAAa,EAAE,IAClD,IAEAS,IAAY,CAACD,EAAO,eAAe,GAAGD,GAAWT,CAAS,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAY,EAAC,OAAA,EAAI,WAAWD,GAAW,MAAK,UAC9B,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWF,EAAO,wBAAwB,GAC5C,UAAA;AAAA,MAAAP,KAAe,QACd,gBAAAU,EAAC,QAAA,EAAK,WAAWH,EAAO,qBAAqB,GAAG,eAAW,IACzD,4BAACI,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,wBAED,QAAA,EAAK,WAAWJ,EAAO,wBAAwB,GAAI,UAAAT,GAAQ;AAAA,MAC3DG,KAAe,QACd,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAWL,EAAO,uBAAuB;AAAA,UACzC,YAAW;AAAA,UACX,UAAS;AAAA,UACT,MAAK;AAAA,UACL,SAASL;AAAA,UAER,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,IACCE,KAAa,QACZ,gBAAAO;AAAA,MAACG;AAAA,MAAA;AAAA,QACE,GAAGR;AAAA,QACJ,WAAWS;AAAA,UACTP,EAAO,wBAAwB;AAAA,UAC/BF,KAAA,gBAAAA,EAAoB;AAAA,QAAA;AAAA,QAEtB,cAAYD;AAAA,QACZ,MAAK;AAAA,QACL,wBAAOW,GAAA,EAAK,yBAAQC,GAAA,EAAU,GAAI,MAAK,MAAK;AAAA,QAC5C,SAASb;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GAEJ;AAEJ;"}

package/dist/components/global-banner/GlobalBanner.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./GlobalBanner.css');const e={"global-banner":"_global-banner_weys9_2","global-banner__content":"_global-banner__content_weys9_12","global-banner__icon":"_global-banner__icon_weys9_18","global-banner__message":"_global-banner__message_weys9_25","global-banner__dismiss":"_global-banner__dismiss_weys9_33","global-banner__action":"_global-banner__action_weys9_53","global-banner--type-warning":"_global-banner--type-warning_weys9_76","global-banner--type-danger":"_global-banner--type-danger_weys9_79","global-banner--type-info":"_global-banner--type-info_weys9_82","global-banner--type-success":"_global-banner--type-success_weys9_85"};exports.default=e;
+//# sourceMappingURL=GlobalBanner.module.scss.cjs.map

package/dist/components/global-banner/GlobalBanner.module.scss.cjs.map

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

package/dist/components/global-banner/GlobalBanner.module.scss.js

@@ -0,0 +1,16 @@
+import './GlobalBanner.css';const n = {
+  "global-banner": "_global-banner_weys9_2",
+  "global-banner__content": "_global-banner__content_weys9_12",
+  "global-banner__icon": "_global-banner__icon_weys9_18",
+  "global-banner__message": "_global-banner__message_weys9_25",
+  "global-banner__dismiss": "_global-banner__dismiss_weys9_33",
+  "global-banner__action": "_global-banner__action_weys9_53",
+  "global-banner--type-warning": "_global-banner--type-warning_weys9_76",
+  "global-banner--type-danger": "_global-banner--type-danger_weys9_79",
+  "global-banner--type-info": "_global-banner--type-info_weys9_82",
+  "global-banner--type-success": "_global-banner--type-success_weys9_85"
+};
+export {
+  n as default
+};
+//# sourceMappingURL=GlobalBanner.module.scss.js.map

package/dist/components/global-banner/GlobalBanner.module.scss.js.map

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

package/dist/components/global-banner/index.cjs

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

package/dist/components/global-banner/index.cjs.map

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

package/dist/components/global-banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/global-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/global-banner/index.js

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

package/dist/components/global-banner/index.js.map

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

package/dist/components/icon/Icon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),___=require("@mattermost/compass-icons/components/emoticon-happy-outline.js"),_=___?.default??___,e=require("./Icon.module.scss.cjs"),l={10:12,12:14,16:18,20:24,24:28,28:32,32:36,40:48,52:60,64:72,104:120},u=n.createContext(null),a=()=>n.useContext(u),C={10:e.default["icon--size-10"],12:e.default["icon--size-12"],16:e.default["icon--size-16"],20:e.default["icon--size-20"],24:e.default["icon--size-24"],28:e.default["icon--size-28"],32:e.default["icon--size-32"],40:e.default["icon--size-40"],52:e.default["icon--size-52"],64:e.default["icon--size-64"],104:e.default["icon--size-104"]};function I({className:r="",glyph:t=null,size:d}){var c;const f=(c=a())==null?void 0:c.size,i=d??f??"24",z=C[i],S=[e.default.icon,z,r].filter(Boolean).join(" "),s=l[i],x=t==null?o.jsx(_,{size:s,"aria-hidden":!0}):n.isValidElement(t)?n.cloneElement(t,{size:s}):t;return o.jsx("div",{className:S,"aria-hidden":!0,children:o.jsx("div",{className:e.default["icon__glyph-area"],children:x})})}exports.IconSlotContext=u;exports.SVG_SIZE_MAP=l;exports.default=I;exports.useIconSlotContext=a;
+//# sourceMappingURL=Icon.cjs.map

package/dist/components/icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { type ReactNode, createContext, useContext } from 'react';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport styles from './Icon.module.scss';\n\nexport type IconSize =\n  | '10'\n  | '12'\n  | '16'\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '52'\n  | '64'\n  | '104';\n\n/**\n * Maps container size → SVG render size. Icons bleed slightly past the container\n * to strip the built-in clear-space padding from compass-icons SVGs.\n * Pass SVG_SIZE_MAP[size] as the `size` prop on any compass-icons component\n * used as a glyph (e.g. <GlobeIcon size={SVG_SIZE_MAP['24']} />).\n */\nexport const SVG_SIZE_MAP: Record<IconSize, number> = {\n  '10': 12,\n  '12': 14,\n  '16': 18,\n  '20': 24,\n  '24': 28,\n  '28': 32,\n  '32': 36,\n  '40': 48,\n  '52': 60,\n  '64': 72,\n  '104': 120,\n};\n\n/**\n * Context published by components that host an icon slot (Button, IconButton,\n * MenuItem, etc.). Icon reads this as a fallback when no `size` prop is passed,\n * so consumers can pass `<Icon glyph={<X />} />` without specifying a size.\n */\nexport const IconSlotContext = createContext<{ size: IconSize } | null>(null);\nexport const useIconSlotContext = () => useContext(IconSlotContext);\n\nexport interface IconProps {\n  /** Optional CSS class name applied to the container. */\n  className?: string;\n  /**\n   * Icon SVG from @mattermost/compass-icons (e.g. `<GlobeIcon />`).\n   * Icon automatically injects the correct SVG size — no need to pass a size\n   * prop on the glyph element. When omitted, shows emoticon-happy-outline.\n   */\n  glyph?: ReactNode | null;\n  /** Container size from the Mattermost icon scale. Default 24. */\n  size?: IconSize;\n}\n\nconst SIZE_CLASS_MAP: Record<IconSize, string> = {\n  '10': styles['icon--size-10'],\n  '12': styles['icon--size-12'],\n  '16': styles['icon--size-16'],\n  '20': styles['icon--size-20'],\n  '24': styles['icon--size-24'],\n  '28': styles['icon--size-28'],\n  '32': styles['icon--size-32'],\n  '40': styles['icon--size-40'],\n  '52': styles['icon--size-52'],\n  '64': styles['icon--size-64'],\n  '104': styles['icon--size-104'],\n};\n\n/**\n * Icon is the standard wrapper for any glyph from `@mattermost/compass-icons`. It enforces a\n * consistent container size, strips the package's built-in clear-space padding, and keeps\n * icons aligned with text and other icons across the system.\n */\nexport default function Icon({\n  className = '',\n  glyph = null,\n  size,\n}: IconProps) {\n  const contextSize = useIconSlotContext()?.size;\n  const resolvedSize: IconSize = size ?? contextSize ?? '24';\n  const sizeClass = SIZE_CLASS_MAP[resolvedSize];\n  const rootClass = [styles.icon, sizeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const svgSize = SVG_SIZE_MAP[resolvedSize];\n  const glyphContent = (() => {\n    if (glyph === undefined || glyph === null) {\n      return <EmoticonHappyOutlineIcon size={svgSize} aria-hidden />;\n    }\n    // Inject the correct SVG size into the glyph so callers don't need to\n    // know about SVG_SIZE_MAP — the container size is all that's needed.\n    if (React.isValidElement(glyph)) {\n      return React.cloneElement(\n        glyph as React.ReactElement<{ size?: number }>,\n        {\n          size: svgSize,\n        },\n      );\n    }\n    return glyph;\n  })();\n\n  return (\n    <div className={rootClass} aria-hidden>\n      <div className={styles['icon__glyph-area']}>{glyphContent}</div>\n    </div>\n  );\n}\n"],"names":["SVG_SIZE_MAP","IconSlotContext","createContext","useIconSlotContext","useContext","SIZE_CLASS_MAP","styles","Icon","className","glyph","size","contextSize","_a","resolvedSize","sizeClass","rootClass","svgSize","glyphContent","jsx","EmoticonHappyOutlineIcon","React"],"mappings":"iRAuBaA,EAAyC,CACpD,GAAM,GACN,GAAM,GACN,GAAM,GACN,GAAM,GACN,GAAM,GACN,GAAM,GACN,GAAM,GACN,GAAM,GACN,GAAM,GACN,GAAM,GACN,IAAO,GACT,EAOaC,EAAkBC,EAAAA,cAAyC,IAAI,EAC/DC,EAAqB,IAAMC,EAAAA,WAAWH,CAAe,EAe5DI,EAA2C,CAC/C,GAAMC,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,GAAMA,EAAAA,QAAO,eAAe,EAC5B,IAAOA,EAAAA,QAAO,gBAAgB,CAChC,EAOA,SAAwBC,EAAK,CAC3B,UAAAC,EAAY,GACZ,MAAAC,EAAQ,KACR,KAAAC,CACF,EAAc,OACZ,MAAMC,GAAcC,EAAAT,MAAA,YAAAS,EAAsB,KACpCC,EAAyBH,GAAQC,GAAe,KAChDG,EAAYT,EAAeQ,CAAY,EACvCE,EAAY,CAACT,UAAO,KAAMQ,EAAWN,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,EAELQ,EAAUhB,EAAaa,CAAY,EACnCI,EACuBR,GAAU,KAC5BS,EAAAA,IAACC,EAAA,CAAyB,KAAMH,EAAS,cAAW,GAAC,EAI1DI,EAAM,eAAeX,CAAK,EACrBW,EAAM,aACXX,EACA,CACE,KAAMO,CAAA,CACR,EAGGP,EAGT,OACES,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAW,cAAW,GACpC,SAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWZ,UAAO,kBAAkB,EAAI,WAAa,EAC5D,CAEJ"}

package/dist/components/icon/Icon.css

@@ -0,0 +1 @@
+._icon_1i355_2{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._icon__glyph-area_1i355_9{position:relative;overflow:visible;flex-shrink:0}._icon__glyph-area_1i355_9>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;max-width:none}._icon--size-10_1i355_22,._icon--size-10_1i355_22 ._icon__glyph-area_1i355_9{width:var(--icon-size-10);height:var(--icon-size-10)}._icon--size-12_1i355_30,._icon--size-12_1i355_30 ._icon__glyph-area_1i355_9{width:var(--icon-size-12);height:var(--icon-size-12)}._icon--size-16_1i355_38,._icon--size-16_1i355_38 ._icon__glyph-area_1i355_9{width:var(--icon-size-16);height:var(--icon-size-16)}._icon--size-20_1i355_46,._icon--size-20_1i355_46 ._icon__glyph-area_1i355_9{width:var(--icon-size-20);height:var(--icon-size-20)}._icon--size-24_1i355_54,._icon--size-24_1i355_54 ._icon__glyph-area_1i355_9{width:var(--icon-size-24);height:var(--icon-size-24)}._icon--size-28_1i355_62,._icon--size-28_1i355_62 ._icon__glyph-area_1i355_9{width:var(--icon-size-28);height:var(--icon-size-28)}._icon--size-32_1i355_70,._icon--size-32_1i355_70 ._icon__glyph-area_1i355_9{width:var(--icon-size-32);height:var(--icon-size-32)}._icon--size-40_1i355_78,._icon--size-40_1i355_78 ._icon__glyph-area_1i355_9{width:var(--icon-size-40);height:var(--icon-size-40)}._icon--size-52_1i355_86,._icon--size-52_1i355_86 ._icon__glyph-area_1i355_9{width:var(--icon-size-52);height:var(--icon-size-52)}._icon--size-64_1i355_94,._icon--size-64_1i355_94 ._icon__glyph-area_1i355_9{width:var(--icon-size-64);height:var(--icon-size-64)}._icon--size-104_1i355_102,._icon--size-104_1i355_102 ._icon__glyph-area_1i355_9{width:var(--icon-size-104);height:var(--icon-size-104)}

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,39 @@
+import { default as React, ReactNode } from 'react';
+export type IconSize = '10' | '12' | '16' | '20' | '24' | '28' | '32' | '40' | '52' | '64' | '104';
+/**
+ * Maps container size → SVG render size. Icons bleed slightly past the container
+ * to strip the built-in clear-space padding from compass-icons SVGs.
+ * Pass SVG_SIZE_MAP[size] as the `size` prop on any compass-icons component
+ * used as a glyph (e.g. <GlobeIcon size={SVG_SIZE_MAP['24']} />).
+ */
+export declare const SVG_SIZE_MAP: Record<IconSize, number>;
+/**
+ * Context published by components that host an icon slot (Button, IconButton,
+ * MenuItem, etc.). Icon reads this as a fallback when no `size` prop is passed,
+ * so consumers can pass `<Icon glyph={<X />} />` without specifying a size.
+ */
+export declare const IconSlotContext: React.Context<{
+    size: IconSize;
+} | null>;
+export declare const useIconSlotContext: () => {
+    size: IconSize;
+} | null;
+export interface IconProps {
+    /** Optional CSS class name applied to the container. */
+    className?: string;
+    /**
+     * Icon SVG from @mattermost/compass-icons (e.g. `<GlobeIcon />`).
+     * Icon automatically injects the correct SVG size — no need to pass a size
+     * prop on the glyph element. When omitted, shows emoticon-happy-outline.
+     */
+    glyph?: ReactNode | null;
+    /** Container size from the Mattermost icon scale. Default 24. */
+    size?: IconSize;
+}
+/**
+ * Icon is the standard wrapper for any glyph from `@mattermost/compass-icons`. It enforces a
+ * consistent container size, strips the package's built-in clear-space padding, and keeps
+ * icons aligned with text and other icons across the system.
+ */
+export default function Icon({ className, glyph, size, }: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAIzE,MAAM,MAAM,QAAQ,GAChB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,CAAC;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAYjD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe;UAAyB,QAAQ;SAAgB,CAAC;AAC9E,eAAO,MAAM,kBAAkB;UADsB,QAAQ;QACM,CAAC;AAEpE,MAAM,WAAW,SAAS;IACxB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAgBD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,SAAc,EACd,KAAY,EACZ,IAAI,GACL,EAAE,SAAS,2CA+BX"}

package/dist/components/icon/Icon.js

@@ -0,0 +1,50 @@
+import { jsx as n } from "react/jsx-runtime";
+import c, { useContext as m, createContext as f } from "react";
+import __S from "@mattermost/compass-icons/components/emoticon-happy-outline.js";const S=__S&&__S.default?__S.default:__S;
+import e from "./Icon.module.scss.js";
+const C = {
+  10: 12,
+  12: 14,
+  16: 18,
+  20: 24,
+  24: 28,
+  28: 32,
+  32: 36,
+  40: 48,
+  52: 60,
+  64: 72,
+  104: 120
+}, _ = f(null), x = () => m(_), I = {
+  10: e["icon--size-10"],
+  12: e["icon--size-12"],
+  16: e["icon--size-16"],
+  20: e["icon--size-20"],
+  24: e["icon--size-24"],
+  28: e["icon--size-28"],
+  32: e["icon--size-32"],
+  40: e["icon--size-40"],
+  52: e["icon--size-52"],
+  64: e["icon--size-64"],
+  104: e["icon--size-104"]
+};
+function h({
+  className: r = "",
+  glyph: o = null,
+  size: l
+}) {
+  var s;
+  const a = (s = x()) == null ? void 0 : s.size, i = l ?? a ?? "24", z = I[i], u = [e.icon, z, r].filter(Boolean).join(" "), t = C[i], d = o == null ? /* @__PURE__ */ n(S, { size: t, "aria-hidden": !0 }) : c.isValidElement(o) ? c.cloneElement(
+    o,
+    {
+      size: t
+    }
+  ) : o;
+  return /* @__PURE__ */ n("div", { className: u, "aria-hidden": !0, children: /* @__PURE__ */ n("div", { className: e["icon__glyph-area"], children: d }) });
+}
+export {
+  _ as IconSlotContext,
+  C as SVG_SIZE_MAP,
+  h as default,
+  x as useIconSlotContext
+};
+//# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { type ReactNode, createContext, useContext } from 'react';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport styles from './Icon.module.scss';\n\nexport type IconSize =\n  | '10'\n  | '12'\n  | '16'\n  | '20'\n  | '24'\n  | '28'\n  | '32'\n  | '40'\n  | '52'\n  | '64'\n  | '104';\n\n/**\n * Maps container size → SVG render size. Icons bleed slightly past the container\n * to strip the built-in clear-space padding from compass-icons SVGs.\n * Pass SVG_SIZE_MAP[size] as the `size` prop on any compass-icons component\n * used as a glyph (e.g. <GlobeIcon size={SVG_SIZE_MAP['24']} />).\n */\nexport const SVG_SIZE_MAP: Record<IconSize, number> = {\n  '10': 12,\n  '12': 14,\n  '16': 18,\n  '20': 24,\n  '24': 28,\n  '28': 32,\n  '32': 36,\n  '40': 48,\n  '52': 60,\n  '64': 72,\n  '104': 120,\n};\n\n/**\n * Context published by components that host an icon slot (Button, IconButton,\n * MenuItem, etc.). Icon reads this as a fallback when no `size` prop is passed,\n * so consumers can pass `<Icon glyph={<X />} />` without specifying a size.\n */\nexport const IconSlotContext = createContext<{ size: IconSize } | null>(null);\nexport const useIconSlotContext = () => useContext(IconSlotContext);\n\nexport interface IconProps {\n  /** Optional CSS class name applied to the container. */\n  className?: string;\n  /**\n   * Icon SVG from @mattermost/compass-icons (e.g. `<GlobeIcon />`).\n   * Icon automatically injects the correct SVG size — no need to pass a size\n   * prop on the glyph element. When omitted, shows emoticon-happy-outline.\n   */\n  glyph?: ReactNode | null;\n  /** Container size from the Mattermost icon scale. Default 24. */\n  size?: IconSize;\n}\n\nconst SIZE_CLASS_MAP: Record<IconSize, string> = {\n  '10': styles['icon--size-10'],\n  '12': styles['icon--size-12'],\n  '16': styles['icon--size-16'],\n  '20': styles['icon--size-20'],\n  '24': styles['icon--size-24'],\n  '28': styles['icon--size-28'],\n  '32': styles['icon--size-32'],\n  '40': styles['icon--size-40'],\n  '52': styles['icon--size-52'],\n  '64': styles['icon--size-64'],\n  '104': styles['icon--size-104'],\n};\n\n/**\n * Icon is the standard wrapper for any glyph from `@mattermost/compass-icons`. It enforces a\n * consistent container size, strips the package's built-in clear-space padding, and keeps\n * icons aligned with text and other icons across the system.\n */\nexport default function Icon({\n  className = '',\n  glyph = null,\n  size,\n}: IconProps) {\n  const contextSize = useIconSlotContext()?.size;\n  const resolvedSize: IconSize = size ?? contextSize ?? '24';\n  const sizeClass = SIZE_CLASS_MAP[resolvedSize];\n  const rootClass = [styles.icon, sizeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const svgSize = SVG_SIZE_MAP[resolvedSize];\n  const glyphContent = (() => {\n    if (glyph === undefined || glyph === null) {\n      return <EmoticonHappyOutlineIcon size={svgSize} aria-hidden />;\n    }\n    // Inject the correct SVG size into the glyph so callers don't need to\n    // know about SVG_SIZE_MAP — the container size is all that's needed.\n    if (React.isValidElement(glyph)) {\n      return React.cloneElement(\n        glyph as React.ReactElement<{ size?: number }>,\n        {\n          size: svgSize,\n        },\n      );\n    }\n    return glyph;\n  })();\n\n  return (\n    <div className={rootClass} aria-hidden>\n      <div className={styles['icon__glyph-area']}>{glyphContent}</div>\n    </div>\n  );\n}\n"],"names":["SVG_SIZE_MAP","IconSlotContext","createContext","useIconSlotContext","useContext","SIZE_CLASS_MAP","styles","Icon","className","glyph","size","contextSize","_a","resolvedSize","sizeClass","rootClass","svgSize","glyphContent","jsx","EmoticonHappyOutlineIcon","React"],"mappings":";;;;AAuBO,MAAMA,IAAyC;AAAA,EACpD,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,IAAM;AAAA,EACN,KAAO;AACT,GAOaC,IAAkBC,EAAyC,IAAI,GAC/DC,IAAqB,MAAMC,EAAWH,CAAe,GAe5DI,IAA2C;AAAA,EAC/C,IAAMC,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,IAAMA,EAAO,eAAe;AAAA,EAC5B,KAAOA,EAAO,gBAAgB;AAChC;AAOA,SAAwBC,EAAK;AAAA,EAC3B,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,MAAAC;AACF,GAAc;;AACZ,QAAMC,KAAcC,IAAAT,QAAA,gBAAAS,EAAsB,MACpCC,IAAyBH,KAAQC,KAAe,MAChDG,IAAYT,EAAeQ,CAAY,GACvCE,IAAY,CAACT,EAAO,MAAMQ,GAAWN,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,GAELQ,IAAUhB,EAAaa,CAAY,GACnCI,IACuBR,KAAU,OAC5B,gBAAAS,EAACC,GAAA,EAAyB,MAAMH,GAAS,eAAW,IAAC,IAI1DI,EAAM,eAAeX,CAAK,IACrBW,EAAM;AAAA,IACXX;AAAA,IACA;AAAA,MACE,MAAMO;AAAA,IAAA;AAAA,EACR,IAGGP;AAGT,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWH,GAAW,eAAW,IACpC,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWZ,EAAO,kBAAkB,GAAI,aAAa,GAC5D;AAEJ;"}

package/dist/components/icon/Icon.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Icon.css');const i="_icon_1i355_2",_={icon:i,"icon__glyph-area":"_icon__glyph-area_1i355_9","icon--size-10":"_icon--size-10_1i355_22","icon--size-12":"_icon--size-12_1i355_30","icon--size-16":"_icon--size-16_1i355_38","icon--size-20":"_icon--size-20_1i355_46","icon--size-24":"_icon--size-24_1i355_54","icon--size-28":"_icon--size-28_1i355_62","icon--size-32":"_icon--size-32_1i355_70","icon--size-40":"_icon--size-40_1i355_78","icon--size-52":"_icon--size-52_1i355_86","icon--size-64":"_icon--size-64_1i355_94","icon--size-104":"_icon--size-104_1i355_102"};exports.default=_;exports.icon=i;
+//# sourceMappingURL=Icon.module.scss.cjs.map

package/dist/components/icon/Icon.module.scss.cjs.map

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

package/dist/components/icon/Icon.module.scss.js

@@ -0,0 +1,20 @@
+import './Icon.css';const i = "_icon_1i355_2", _ = {
+  icon: i,
+  "icon__glyph-area": "_icon__glyph-area_1i355_9",
+  "icon--size-10": "_icon--size-10_1i355_22",
+  "icon--size-12": "_icon--size-12_1i355_30",
+  "icon--size-16": "_icon--size-16_1i355_38",
+  "icon--size-20": "_icon--size-20_1i355_46",
+  "icon--size-24": "_icon--size-24_1i355_54",
+  "icon--size-28": "_icon--size-28_1i355_62",
+  "icon--size-32": "_icon--size-32_1i355_70",
+  "icon--size-40": "_icon--size-40_1i355_78",
+  "icon--size-52": "_icon--size-52_1i355_86",
+  "icon--size-64": "_icon--size-64_1i355_94",
+  "icon--size-104": "_icon--size-104_1i355_102"
+};
+export {
+  _ as default,
+  i as icon
+};
+//# sourceMappingURL=Icon.module.scss.js.map

package/dist/components/icon/Icon.module.scss.js.map

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

package/dist/components/icon/index.cjs

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

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

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

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

@@ -0,0 +1,3 @@
+export { default as Icon, SVG_SIZE_MAP, IconSlotContext, useIconSlotContext, } from './Icon';
+export type { IconProps, IconSize } from './Icon';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,IAAI,EACf,YAAY,EACZ,eAAe,EACf,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/icon/index.js

@@ -0,0 +1,8 @@
+import { default as e, IconSlotContext as n, SVG_SIZE_MAP as I, useIconSlotContext as S } from "./Icon.js";
+export {
+  e as Icon,
+  n as IconSlotContext,
+  I as SVG_SIZE_MAP,
+  S as useIconSlotContext
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/icon-button/IconButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),V=require("react"),x=require("../icon/Icon.cjs"),j=require("../spinner/Spinner.cjs"),W=require("../../utils/slot.cjs"),X=require("../../utils/string.cjs"),e=require("./IconButton.module.scss.cjs"),b={"x-small":"12",small:"16",medium:"20",large:"24"};function I({className:m="",count:a,destructive:i=!1,padding:o="default",rounded:l=!1,size:n="medium",style:u="default",active:c=!1,toggled:s}){return[e.default["icon-button"],e.default[`icon-button--size-${X.toKebab(n)}`],o==="compact"?e.default["icon-button--padding-compact"]:"",u==="inverted"?e.default["icon-button--style-inverted"]:"",i?e.default["icon-button--destructive"]:"",l?e.default["icon-button--rounded"]:"",s?e.default["icon-button--toggled"]:"",c?e.default["icon-button--active"]:"",a!==void 0?e.default["icon-button--has-count"]:"",m].filter(Boolean).join(" ")}const B=V.forwardRef(function(a,i){if(a.asChild){const{active:h=!1,className:E="",count:f,destructive:L=!1,icon:M,loading:d=!1,padding:U="default",rounded:Z=!1,size:N="medium",style:C="default",unreadBadge:A=!1,disabled:F,children:K,"aria-label":$,asChild:ee,...k}=a,G=I({className:E,count:f,destructive:L,padding:U,rounded:Z,size:N,style:C,active:h}),p=b[N],H=!!(F||d),J=f!==void 0,Q=t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:e.default["icon-button__icon-slot"],"aria-hidden":!0,children:[d?t.jsx(j.default,{size:p,inverted:C==="inverted"}):t.jsx(x.IconSlotContext.Provider,{value:{size:p},children:M}),A&&!d&&t.jsx("span",{className:e.default["icon-button__unread-badge"]})]}),J&&t.jsx("span",{className:e.default["icon-button__count"],children:f})]});return W.renderAsChild({child:K,props:{...k,className:G,"aria-label":$,"data-active":h?"true":void 0,...d?{"aria-busy":!0}:null},ref:i,content:Q,disabled:H,disabledClassName:e.default["icon-button--disabled"],warnOnChildContent:!0})}const{active:o=!1,className:l="",count:n,destructive:u=!1,icon:c,loading:s=!1,padding:z="default",rounded:S=!1,size:v="medium",style:g="default",toggled:r,unreadBadge:y=!1,disabled:O,type:q="button","aria-label":T,asChild:Y,...R}=a,P=I({className:l,count:n,destructive:u,padding:z,rounded:S,size:v,style:g,active:o,toggled:r}),_=b[v],w=!!(O||s),D=n!==void 0;return t.jsxs("button",{ref:i,className:P,type:q,disabled:w,"aria-label":T,"aria-pressed":r===void 0?void 0:r,"data-active":o?"true":void 0,...R,children:[t.jsxs("span",{className:e.default["icon-button__icon-slot"],"aria-hidden":!0,children:[s?t.jsx(j.default,{size:_,inverted:g==="inverted"}):t.jsx(x.IconSlotContext.Provider,{value:{size:_},children:c}),y&&!s&&t.jsx("span",{className:e.default["icon-button__unread-badge"]})]}),D&&t.jsx("span",{className:e.default["icon-button__count"],children:n})]})});B.displayName="IconButton";exports.ICON_BUTTON_ICON_SIZES=b;exports.default=B;
+//# sourceMappingURL=IconButton.cjs.map