npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.2 → 0.1.0-alpha.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1642) hide show

package/README.md CHANGED Viewed

@@ -33,12 +33,14 @@ Set a theme on `<html>` (standalone hosts):
 <html data-theme="denim">
 ```
-Import components:
+Import components from **subpaths** (one module graph per import — required for Jest and recommended for webpack):
 ```tsx
-import { Button } from '@mattermost/compass-ui';
+import { Button } from '@mattermost/compass-ui/components/button';
 ```
+The root barrel (`@mattermost/compass-ui`) remains for backwards compatibility but loads the full package.
 ## Development
 From the monorepo root:
@@ -50,7 +52,9 @@ npm run storybook     # component catalog on :6006
 ## Package layout
-- `dist/index.js` / `dist/index.cjs` — component bundle (ESM + CJS)
+- `dist/components/<name>/index.js` / `.cjs` — per-component subpaths (`@mattermost/compass-ui/components/<name>`)
+- `dist/hooks/<name>.js` / `.cjs` — hooks (`@mattermost/compass-ui/hooks/<name>`)
+- `dist/index.js` / `dist/index.cjs` — legacy root barrel (ESM + CJS)
 - `dist/compass-ui.css` — tokens and webapp-compat defaults (`./styles`)
 - `dist/compass-ui-standalone.css` — theme presets + CSS reset + `body` / heading chrome for standalone hosts (`./styles/standalone`)
 - `dist/index.css` — component CSS modules (injected at build; also available as `./component-styles`)

package/dist/components/action-button/ActionButton.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./ActionButton.module.scss.cjs");function c({icon:o,label:a,active:n=!1,destructive:s=!1,className:u,...l}){const i=[t.default["action-button"],n?t.default["action-button--active"]:"",s?t.default["action-button--destructive"]:"",u??""].filter(Boolean).join(" ");return e.jsxs("button",{className:i,"aria-pressed":n,...l,children:[e.jsx("span",{className:t.default["action-button__icon"],children:o}),e.jsx("span",{className:t.default["action-button__label"],children:a})]})}exports.default=c;
2	+ //# sourceMappingURL=ActionButton.cjs.map

package/dist/components/action-button/ActionButton.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ActionButton.cjs","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport styles from './ActionButton.module.scss';\n\nexport interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n icon: ReactNode;\n label: string;\n active?: boolean;\n destructive?: boolean;\n}\n\n/**\n * Action Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n */\nexport default function ActionButton({\n icon,\n label,\n active = false,\n destructive = false,\n className,\n ...htmlProps\n}: ActionButtonProps) {\n const rootClass = [\n styles['action-button'],\n active ? styles['action-button--active'] : '',\n destructive ? styles['action-button--destructive'] : '',\n className ?? '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <button className={rootClass} aria-pressed={active} {...htmlProps}>\n <span className={styles['action-button__icon']}>{icon}</span>\n <span className={styles['action-button__label']}>{label}</span>\n </button>\n );\n}\n"],"names":["ActionButton","icon","label","active","destructive","className","htmlProps","rootClass","styles","jsx"],"mappings":"6LAeA,SAAwBA,EAAa,CACnC,KAAAC,EACA,MAAAC,EACA,OAAAC,EAAS,GACT,YAAAC,EAAc,GACd,UAAAC,EACA,GAAGC,CACL,EAAsB,CACpB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,eAAe,EACtBL,EAASK,EAAAA,QAAO,uBAAuB,EAAI,GAC3CJ,EAAcI,EAAAA,QAAO,4BAA4B,EAAI,GACrDH,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,cACG,SAAA,CAAO,UAAWE,EAAW,eAAcJ,EAAS,GAAGG,EACtD,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,qBAAqB,EAAI,SAAAP,EAAK,QACrD,OAAA,CAAK,UAAWO,EAAAA,QAAO,sBAAsB,EAAI,SAAAN,CAAA,CAAM,CAAA,EAC1D,CAEJ"}

package/dist/components/action-button/ActionButton.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,MAAc,EACd,WAAmB,EACnB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,iBAAiB,2CAgBnB"}

package/dist/components/action-button/ActionButton.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import t from "./ActionButton.module.scss.js";
+function f({
+  icon: a,
+  label: s,
+  active: o = !1,
+  destructive: e = !1,
+  className: i,
+  ...c
+}) {
+  const l = [
+    t["action-button"],
+    o ? t["action-button--active"] : "",
+    e ? t["action-button--destructive"] : "",
+    i ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("button", { className: l, "aria-pressed": o, ...c, children: [
+    /* @__PURE__ */ n("span", { className: t["action-button__icon"], children: a }),
+    /* @__PURE__ */ n("span", { className: t["action-button__label"], children: s })
+  ] });
+}
+export {
+  f as default
+};
+//# sourceMappingURL=ActionButton.js.map

package/dist/components/action-button/ActionButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ActionButton.js","sources":["../../../src/components/action-button/ActionButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport styles from './ActionButton.module.scss';\n\nexport interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n icon: ReactNode;\n label: string;\n active?: boolean;\n destructive?: boolean;\n}\n\n/**\n * Action Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n */\nexport default function ActionButton({\n icon,\n label,\n active = false,\n destructive = false,\n className,\n ...htmlProps\n}: ActionButtonProps) {\n const rootClass = [\n styles['action-button'],\n active ? styles['action-button--active'] : '',\n destructive ? styles['action-button--destructive'] : '',\n className ?? '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <button className={rootClass} aria-pressed={active} {...htmlProps}>\n <span className={styles['action-button__icon']}>{icon}</span>\n <span className={styles['action-button__label']}>{label}</span>\n </button>\n );\n}\n"],"names":["ActionButton","icon","label","active","destructive","className","htmlProps","rootClass","styles","jsx"],"mappings":";;AAeA,SAAwBA,EAAa;AAAA,EACnC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMC,IAAY;AAAA,IAChBC,EAAO,eAAe;AAAA,IACtBL,IAASK,EAAO,uBAAuB,IAAI;AAAA,IAC3CJ,IAAcI,EAAO,4BAA4B,IAAI;AAAA,IACrDH,KAAa;AAAA,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,UAAA,EAAO,WAAWE,GAAW,gBAAcJ,GAAS,GAAGG,GACtD,UAAA;AAAA,IAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWD,EAAO,qBAAqB,GAAI,UAAAP,GAAK;AAAA,sBACrD,QAAA,EAAK,WAAWO,EAAO,sBAAsB,GAAI,UAAAN,EAAA,CAAM;AAAA,EAAA,GAC1D;AAEJ;"}

package/dist/components/action-button/ActionButton.module.css ADDED Viewed

@@ -0,0 +1 @@

+ ._action-button_3tbmq_2{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:88px;padding:var(--spacing-m) var(--spacing-l) var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.04);color:rgba(var(--center-channel-color-rgb),.64);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._action-button_3tbmq_2:focus-visible{outline:none}._action-button_3tbmq_2:focus-visible:not(:disabled){box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--button-bg)}._action-button_3tbmq_2:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._action-button_3tbmq_2:active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.08);color:var(--link-color)}._action-button_3tbmq_2:disabled{opacity:.48;cursor:not-allowed}._action-button--active_3tbmq_34{background-color:rgba(var(--button-bg-rgb),.08)}._action-button--active_3tbmq_34 ._action-button__icon_3tbmq_37,._action-button--active_3tbmq_34 ._action-button__label_3tbmq_38{color:var(--link-color)}._action-button--active_3tbmq_34:hover:not(:disabled){background-color:rgba(var(--button-bg-rgb),.12)}._action-button--active_3tbmq_34:active:not(:disabled){background-color:rgba(var(--button-bg-rgb),.16)}._action-button--destructive_3tbmq_47{background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04);color:var(--error-text, var(--color-danger))}._action-button--destructive_3tbmq_47:hover:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);color:var(--error-text, var(--color-danger))}._action-button--destructive_3tbmq_47:active:not(:disabled){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);color:var(--error-text, var(--color-danger))}._action-button--destructive_3tbmq_47:focus-visible:not(:disabled){box-shadow:0 0 0 3px var(--center-channel-bg),0 0 0 5px var(--error-text, var(--color-danger))}._action-button__icon_3tbmq_37{display:flex;align-items:center;justify-content:center;width:var(--icon-size-20);height:var(--icon-size-20);flex-shrink:0}._action-button__label_3tbmq_38{font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;white-space:nowrap;text-align:center}

package/dist/components/action-button/ActionButton.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ActionButton.module.css');const t={"action-button":"_action-button_3tbmq_2","action-button--active":"_action-button--active_3tbmq_34","action-button__icon":"_action-button__icon_3tbmq_37","action-button__label":"_action-button__label_3tbmq_38","action-button--destructive":"_action-button--destructive_3tbmq_47"};exports.default=t;
2	+ //# sourceMappingURL=ActionButton.module.scss.cjs.map

package/dist/components/action-button/ActionButton.module.scss.cjs.map ADDED Viewed

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

package/dist/components/action-button/ActionButton.module.scss.js ADDED Viewed

@@ -0,0 +1,11 @@
+import './ActionButton.module.css';const t = {
+  "action-button": "_action-button_3tbmq_2",
+  "action-button--active": "_action-button--active_3tbmq_34",
+  "action-button__icon": "_action-button__icon_3tbmq_37",
+  "action-button__label": "_action-button__label_3tbmq_38",
+  "action-button--destructive": "_action-button--destructive_3tbmq_47"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=ActionButton.module.scss.js.map

package/dist/components/action-button/ActionButton.module.scss.js.map ADDED Viewed

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

package/dist/components/action-button/index.cjs ADDED Viewed

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

package/dist/components/action-button/index.cjs.map ADDED Viewed

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

package/dist/components/action-button/index.d.ts.map ADDED Viewed

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

package/dist/components/action-button/index.js ADDED Viewed

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

package/dist/components/action-button/index.js.map ADDED Viewed

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

package/dist/components/admin-console-header/AdminConsoleHeader.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__m=require("@mattermost/compass-icons/components/arrow-back-ios.js"),m=__m?.default??__m,__h=require("@mattermost/compass-icons/components/mattermost.js"),h=__h?.default??__h,l=require("../icon/Icon.cjs"),f=require("../icon-button/IconButton.cjs"),_=require("../tag/Tag.cjs"),s=require("./AdminConsoleHeader.module.scss.cjs");function j({title:n,showBack:d=!1,ariaLabelBack:o="Go back",onBackClick:i,enterpriseBadge:r=!1,enterpriseBadgeLabel:t="Enterprise",trailing:a,className:c=""}){const u=r?e.jsx(_.default,{label:t,size:"x-small",leadingIcon:e.jsx(l.default,{size:"12",glyph:e.jsx(h,{})})}):null;return e.jsx("header",{className:[s.default["admin-console-header"],c].join(" ").trim(),children:e.jsxs("div",{className:s.default["admin-console-header__row"],children:[d&&e.jsx("div",{className:s.default["admin-console-header__back"],children:e.jsx(f.default,{type:"button",style:"default",size:"medium",className:s.default["admin-console-header__back-button"],"aria-label":o,onClick:i,icon:e.jsx(l.default,{size:"20",glyph:e.jsx(m,{})})})}),e.jsxs("div",{className:s.default["admin-console-header__title-row"],children:[e.jsxs("div",{className:s.default["admin-console-header__intro"],children:[e.jsx("h1",{className:s.default["admin-console-header__title"],children:n}),u]}),a!=null?e.jsx("div",{className:s.default["admin-console-header__trailing"],children:a}):null]})]})})}exports.default=j;
2	+ //# sourceMappingURL=AdminConsoleHeader.cjs.map

package/dist/components/admin-console-header/AdminConsoleHeader.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminConsoleHeader.cjs","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport ArrowBackIosIcon from '@mattermost/compass-icons/components/arrow-back-ios';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport styles from './AdminConsoleHeader.module.scss';\n\nexport interface AdminConsoleHeaderProps {\n /** Page heading (Heading 500). */\n title: ReactNode;\n /** When true, shows a back control with a divider from the title block. */\n showBack?: boolean;\n ariaLabelBack?: string;\n onBackClick?: () => void;\n /** Optional plan or edition tag beside the title. */\n enterpriseBadge?: boolean;\n enterpriseBadgeLabel?: string;\n /** Optional actions on the trailing edge of the title row. */\n trailing?: ReactNode;\n className?: string;\n}\n\n/**\n * The Admin Console header is the stripe above scrolling System Console content. It anchors\n * the active page title, optional edition signalling, navigation back into nested settings,\n * and sparse trailing utilities.\n */\nexport default function AdminConsoleHeader({\n title,\n showBack = false,\n ariaLabelBack = 'Go back',\n onBackClick,\n enterpriseBadge = false,\n enterpriseBadgeLabel = 'Enterprise',\n trailing,\n className = '',\n}: AdminConsoleHeaderProps) {\n const enterpriseChip =\n enterpriseBadge ? (\n <Tag\n label={enterpriseBadgeLabel}\n size=\"x-small\"\n leadingIcon={<Icon size=\"12\" glyph={<MattermostIcon />} />}\n />\n ) : null;\n\n return (\n <header\n className={[styles['admin-console-header'], className].join(' ').trim()}\n >\n <div className={styles['admin-console-header__row']}>\n {showBack && (\n <div className={styles['admin-console-header__back']}>\n <IconButton\n type=\"button\"\n style=\"default\"\n size=\"medium\"\n className={styles['admin-console-header__back-button']}\n aria-label={ariaLabelBack}\n onClick={onBackClick}\n icon={<Icon size=\"20\" glyph={<ArrowBackIosIcon />} />}\n />\n </div>\n )}\n <div className={styles['admin-console-header__title-row']}>\n <div className={styles['admin-console-header__intro']}>\n <h1 className={styles['admin-console-header__title']}>{title}</h1>\n {enterpriseChip}\n </div>\n {trailing != null ? (\n <div className={styles['admin-console-header__trailing']}>\n {trailing}\n </div>\n ) : null}\n </div>\n </div>\n </header>\n );\n}\n"],"names":["AdminConsoleHeader","title","showBack","ariaLabelBack","onBackClick","enterpriseBadge","enterpriseBadgeLabel","trailing","className","enterpriseChip","jsx","Tag","Icon","MattermostIcon","styles","jsxs","IconButton","ArrowBackIosIcon"],"mappings":"qaA4BA,SAAwBA,EAAmB,CACzC,MAAAC,EACA,SAAAC,EAAW,GACX,cAAAC,EAAgB,UAChB,YAAAC,EACA,gBAAAC,EAAkB,GAClB,qBAAAC,EAAuB,aACvB,SAAAC,EACA,UAAAC,EAAY,EACd,EAA4B,CAC1B,MAAMC,EACJJ,EACEK,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAOL,EACP,KAAK,UACL,kBAAcM,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACG,IAAe,CAAA,CAAI,CAAA,CAAA,EAExD,KAEN,OACEH,EAAAA,IAAC,SAAA,CACC,UAAW,CAACI,EAAAA,QAAO,sBAAsB,EAAGN,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA,EAEjE,SAAAO,EAAAA,KAAC,MAAA,CAAI,UAAWD,UAAO,2BAA2B,EAC/C,SAAA,CAAAZ,GACCQ,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAAA,QAAO,4BAA4B,EACjD,SAAAJ,EAAAA,IAACM,EAAAA,QAAA,CACC,KAAK,SACL,MAAM,UACN,KAAK,SACL,UAAWF,EAAAA,QAAO,mCAAmC,EACrD,aAAYX,EACZ,QAASC,EACT,WAAOQ,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACO,IAAiB,CAAA,CAAI,CAAA,CAAA,EAEvD,EAEFF,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,iCAAiC,EACtD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,6BAA6B,EAClD,SAAA,CAAAJ,MAAC,KAAA,CAAG,UAAWI,EAAAA,QAAO,6BAA6B,EAAI,SAAAb,EAAM,EAC5DQ,CAAA,EACH,EACCF,GAAY,KACXG,MAAC,MAAA,CAAI,UAAWI,EAAAA,QAAO,gCAAgC,EACpD,SAAAP,CAAA,CACH,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/components/admin-console-header/AdminConsoleHeader.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminConsoleHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,QAAgB,EAChB,aAAyB,EACzB,WAAW,EACX,eAAuB,EACvB,oBAAmC,EACnC,QAAQ,EACR,SAAc,GACf,EAAE,uBAAuB,2CA0CzB"}

package/dist/components/admin-console-header/AdminConsoleHeader.js ADDED Viewed

@@ -0,0 +1,57 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import __p from "@mattermost/compass-icons/components/arrow-back-ios.js";const p=__p&&__p.default?__p.default:__p;
+import ___ from "@mattermost/compass-icons/components/mattermost.js";const _=___&&___.default?___.default:___;
+import n from "../icon/Icon.js";
+import f from "../icon-button/IconButton.js";
+import u from "../tag/Tag.js";
+import o from "./AdminConsoleHeader.module.scss.js";
+function x({
+  title: i,
+  showBack: r = !1,
+  ariaLabelBack: s = "Go back",
+  onBackClick: c,
+  enterpriseBadge: m = !1,
+  enterpriseBadgeLabel: d = "Enterprise",
+  trailing: l,
+  className: t = ""
+}) {
+  const h = m ? /* @__PURE__ */ e(
+    u,
+    {
+      label: d,
+      size: "x-small",
+      leadingIcon: /* @__PURE__ */ e(n, { size: "12", glyph: /* @__PURE__ */ e(_, {}) })
+    }
+  ) : null;
+  return /* @__PURE__ */ e(
+    "header",
+    {
+      className: [o["admin-console-header"], t].join(" ").trim(),
+      children: /* @__PURE__ */ a("div", { className: o["admin-console-header__row"], children: [
+        r && /* @__PURE__ */ e("div", { className: o["admin-console-header__back"], children: /* @__PURE__ */ e(
+          f,
+          {
+            type: "button",
+            style: "default",
+            size: "medium",
+            className: o["admin-console-header__back-button"],
+            "aria-label": s,
+            onClick: c,
+            icon: /* @__PURE__ */ e(n, { size: "20", glyph: /* @__PURE__ */ e(p, {}) })
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: o["admin-console-header__title-row"], children: [
+          /* @__PURE__ */ a("div", { className: o["admin-console-header__intro"], children: [
+            /* @__PURE__ */ e("h1", { className: o["admin-console-header__title"], children: i }),
+            h
+          ] }),
+          l != null ? /* @__PURE__ */ e("div", { className: o["admin-console-header__trailing"], children: l }) : null
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  x as default
+};
+//# sourceMappingURL=AdminConsoleHeader.js.map

package/dist/components/admin-console-header/AdminConsoleHeader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminConsoleHeader.js","sources":["../../../src/components/admin-console-header/AdminConsoleHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport ArrowBackIosIcon from '@mattermost/compass-icons/components/arrow-back-ios';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport styles from './AdminConsoleHeader.module.scss';\n\nexport interface AdminConsoleHeaderProps {\n /** Page heading (Heading 500). */\n title: ReactNode;\n /** When true, shows a back control with a divider from the title block. */\n showBack?: boolean;\n ariaLabelBack?: string;\n onBackClick?: () => void;\n /** Optional plan or edition tag beside the title. */\n enterpriseBadge?: boolean;\n enterpriseBadgeLabel?: string;\n /** Optional actions on the trailing edge of the title row. */\n trailing?: ReactNode;\n className?: string;\n}\n\n/**\n * The Admin Console header is the stripe above scrolling System Console content. It anchors\n * the active page title, optional edition signalling, navigation back into nested settings,\n * and sparse trailing utilities.\n */\nexport default function AdminConsoleHeader({\n title,\n showBack = false,\n ariaLabelBack = 'Go back',\n onBackClick,\n enterpriseBadge = false,\n enterpriseBadgeLabel = 'Enterprise',\n trailing,\n className = '',\n}: AdminConsoleHeaderProps) {\n const enterpriseChip =\n enterpriseBadge ? (\n <Tag\n label={enterpriseBadgeLabel}\n size=\"x-small\"\n leadingIcon={<Icon size=\"12\" glyph={<MattermostIcon />} />}\n />\n ) : null;\n\n return (\n <header\n className={[styles['admin-console-header'], className].join(' ').trim()}\n >\n <div className={styles['admin-console-header__row']}>\n {showBack && (\n <div className={styles['admin-console-header__back']}>\n <IconButton\n type=\"button\"\n style=\"default\"\n size=\"medium\"\n className={styles['admin-console-header__back-button']}\n aria-label={ariaLabelBack}\n onClick={onBackClick}\n icon={<Icon size=\"20\" glyph={<ArrowBackIosIcon />} />}\n />\n </div>\n )}\n <div className={styles['admin-console-header__title-row']}>\n <div className={styles['admin-console-header__intro']}>\n <h1 className={styles['admin-console-header__title']}>{title}</h1>\n {enterpriseChip}\n </div>\n {trailing != null ? (\n <div className={styles['admin-console-header__trailing']}>\n {trailing}\n </div>\n ) : null}\n </div>\n </div>\n </header>\n );\n}\n"],"names":["AdminConsoleHeader","title","showBack","ariaLabelBack","onBackClick","enterpriseBadge","enterpriseBadgeLabel","trailing","className","enterpriseChip","jsx","Tag","Icon","MattermostIcon","styles","jsxs","IconButton","ArrowBackIosIcon"],"mappings":";;;;;;;AA4BA,SAAwBA,EAAmB;AAAA,EACzC,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,aAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,sBAAAC,IAAuB;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA4B;AAC1B,QAAMC,IACJJ,IACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOL;AAAA,MACP,MAAK;AAAA,MACL,+BAAcM,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAe,EAAA,CAAI;AAAA,IAAA;AAAA,EAAA,IAExD;AAEN,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACI,EAAO,sBAAsB,GAAGN,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA;AAAA,MAEjE,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,2BAA2B,GAC/C,UAAA;AAAA,QAAAZ,KACC,gBAAAQ,EAAC,OAAA,EAAI,WAAWI,EAAO,4BAA4B,GACjD,UAAA,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAWF,EAAO,mCAAmC;AAAA,YACrD,cAAYX;AAAA,YACZ,SAASC;AAAA,YACT,wBAAOQ,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACO,KAAiB,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA,GAEvD;AAAA,QAEF,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAO,iCAAiC,GACtD,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA;AAAA,YAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAWI,EAAO,6BAA6B,GAAI,UAAAb,GAAM;AAAA,YAC5DQ;AAAA,UAAA,GACH;AAAA,UACCF,KAAY,OACX,gBAAAG,EAAC,OAAA,EAAI,WAAWI,EAAO,gCAAgC,GACpD,UAAAP,EAAA,CACH,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/admin-console-header/AdminConsoleHeader.module.css ADDED Viewed

@@ -0,0 +1 @@

+ ._admin-console-header_1kerw_2{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);height:64px}._admin-console-header__row_1kerw_10{display:flex;align-items:stretch;flex-shrink:0;width:100%;height:100%;min-height:0}._admin-console-header__back_1kerw_18{box-sizing:border-box;display:flex;flex-shrink:0;align-self:stretch;align-items:stretch;aspect-ratio:1/1;width:auto;border-right:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-console-header__back_1kerw_18 ._admin-console-header__back-button_1kerw_32{box-sizing:border-box;border-radius:0;width:64px;height:64px;flex-shrink:0;padding:var(--spacing-s)!important}._admin-console-header__title-row_1kerw_40{display:flex;flex:1;align-items:center;gap:var(--spacing-m);min-width:0;min-height:0;height:100%;padding:0 var(--spacing-xl)}._admin-console-header__intro_1kerw_50{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-s);min-width:0}._admin-console-header__title_1kerw_40{flex-shrink:1;min-width:0;margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-500);font-weight:var(--font-weight-semibold);line-height:var(--line-height-500);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._admin-console-header__trailing_1kerw_70{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleHeader.module.css');const e={"admin-console-header":"_admin-console-header_1kerw_2","admin-console-header__row":"_admin-console-header__row_1kerw_10","admin-console-header__back":"_admin-console-header__back_1kerw_18","admin-console-header__back-button":"_admin-console-header__back-button_1kerw_32","admin-console-header__title-row":"_admin-console-header__title-row_1kerw_40","admin-console-header__intro":"_admin-console-header__intro_1kerw_50","admin-console-header__title":"_admin-console-header__title_1kerw_40","admin-console-header__trailing":"_admin-console-header__trailing_1kerw_70"};exports.default=e;
2	+ //# sourceMappingURL=AdminConsoleHeader.module.scss.cjs.map

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.cjs.map ADDED Viewed

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

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.js ADDED Viewed

@@ -0,0 +1,14 @@
+import './AdminConsoleHeader.module.css';const e = {
+  "admin-console-header": "_admin-console-header_1kerw_2",
+  "admin-console-header__row": "_admin-console-header__row_1kerw_10",
+  "admin-console-header__back": "_admin-console-header__back_1kerw_18",
+  "admin-console-header__back-button": "_admin-console-header__back-button_1kerw_32",
+  "admin-console-header__title-row": "_admin-console-header__title-row_1kerw_40",
+  "admin-console-header__intro": "_admin-console-header__intro_1kerw_50",
+  "admin-console-header__title": "_admin-console-header__title_1kerw_40",
+  "admin-console-header__trailing": "_admin-console-header__trailing_1kerw_70"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=AdminConsoleHeader.module.scss.js.map

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.js.map ADDED Viewed

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

package/dist/components/admin-console-header/index.cjs ADDED Viewed

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

package/dist/components/admin-console-header/index.cjs.map ADDED Viewed

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

package/dist/components/admin-console-header/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/admin-console-header/index.js ADDED Viewed

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

package/dist/components/admin-console-header/index.js.map ADDED Viewed

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

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("react"),__x=require("@mattermost/compass-icons/components/chevron-down.js"),x=__x?.default??__x,__h=require("@mattermost/compass-icons/components/magnify.js"),h=__h?.default??__h,__j=require("@mattermost/compass-icons/components/credit-card-outline.js"),j=__j?.default??__j,__f=require("@mattermost/compass-icons/components/chart-line.js"),f=__f?.default??__f,___=require("@mattermost/compass-icons/components/account-multiple-outline.js"),_=___?.default??___,__b=require("@mattermost/compass-icons/components/server-outline.js"),b=__b?.default??__b,__v=require("@mattermost/compass-icons/components/tune.js"),v=__v?.default??__v,__q=require("@mattermost/compass-icons/components/shield-outline.js"),q=__q?.default??__q,__y=require("@mattermost/compass-icons/components/apps.js"),y=__y?.default??__y,__I=require("@mattermost/compass-icons/components/webhook.js"),I=__I?.default??__I,__C=require("@mattermost/compass-icons/components/file-text-outline.js"),C=__C?.default??__C,__g=require("@mattermost/compass-icons/components/flask-outline.js"),g=__g?.default??__g,p=require("../channel-sidebar-item/ChannelSidebarItem.cjs"),N=require("../channels-sidebar/ChannelsSidebar.cjs"),z=require("../scrollbar/Scrollbar.cjs"),S=require("../user-avatar/UserAvatar.cjs"),s=require("./AdminConsoleSidebar.module.scss.cjs"),O={billing:e.jsx(j,{size:12}),reporting:e.jsx(f,{size:12}),users:e.jsx(_,{size:12}),environment:e.jsx(b,{size:12}),site:e.jsx(v,{size:12}),authentication:e.jsx(q,{size:12}),plugins:e.jsx(y,{size:12}),integrations:e.jsx(I,{size:12}),compliance:e.jsx(C,{size:12}),experimental:e.jsx(g,{size:12})};function A(n){return O[n]}function k({consoleTitle:n="Admin Console",userHandle:t="@leonard.riley",userDisplayName:l="Leonard Riley",avatarSrc:d="",avatarAlt:c="Account avatar",groups:o=[]}){const r=m.useId();return e.jsxs("div",{className:s.default["admin-console-sidebar"],children:[e.jsxs("div",{className:s.default["admin-console-sidebar__header"],children:[e.jsxs("div",{className:s.default["admin-console-sidebar__identity"],children:[e.jsx(S.default,{src:d,alt:c,name:l,size:"40"}),e.jsxs("div",{className:s.default["admin-console-sidebar__identity-text"],children:[e.jsxs("div",{className:s.default["admin-console-sidebar__title-row"],children:[e.jsx("span",{className:s.default["admin-console-sidebar__title"],children:n}),e.jsx("span",{className:s.default["admin-console-sidebar__title-chevron"],children:e.jsx(x,{size:16})})]}),e.jsx("div",{className:s.default["admin-console-sidebar__handle"],children:t})]})]}),e.jsxs("label",{className:s.default["admin-console-sidebar__find"],htmlFor:r,children:[e.jsx("span",{className:s.default["admin-console-sidebar__find-icon"],"aria-hidden":!0,children:e.jsx(h,{size:12})}),e.jsx("input",{id:r,type:"search",className:s.default["admin-console-sidebar__find-field"],placeholder:"Find settings","aria-label":"Find settings",autoComplete:"off",spellCheck:!1,enterKeyHint:"search"})]})]}),e.jsx("div",{className:s.default["admin-console-sidebar__scroll"],children:e.jsx(z.default,{color:"--sidebar-text-rgb",children:e.jsx("div",{className:s.default["admin-console-sidebar__nav"],children:o.map(i=>e.jsxs("div",{className:s.default["admin-console-sidebar__group"],children:[e.jsx(N.ChannelsSidebarCategory,{label:i.categoryLabel,showChevron:!1,leadingIcon:A(i.categoryIconKey),sticky:i.stickyCategory,opaqueCategory:!0}),i.items.map((a,u)=>e.jsx(p.default,{name:a.name,hideLeadingVisual:!0,active:a.active,status:"read"},`${i.key}-${u}-${a.name}`))]},i.key))})})})]})}exports.default=k;
2	+ //# sourceMappingURL=AdminConsoleSidebar.cjs.map

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminConsoleSidebar.cjs","sources":["../../../src/components/admin-console-sidebar/AdminConsoleSidebar.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport MagnifyIcon from '@mattermost/compass-icons/components/magnify';\nimport CreditCardOutlineIcon from '@mattermost/compass-icons/components/credit-card-outline';\nimport ChartLineIcon from '@mattermost/compass-icons/components/chart-line';\nimport AccountMultipleOutlineIcon from '@mattermost/compass-icons/components/account-multiple-outline';\nimport ServerOutlineIcon from '@mattermost/compass-icons/components/server-outline';\nimport TuneIcon from '@mattermost/compass-icons/components/tune';\nimport ShieldOutlineIcon from '@mattermost/compass-icons/components/shield-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\nimport FileTextOutlineIcon from '@mattermost/compass-icons/components/file-text-outline';\nimport FlaskOutlineIcon from '@mattermost/compass-icons/components/flask-outline';\nimport ChannelSidebarItem from '@/components/channel-sidebar-item/ChannelSidebarItem';\nimport { ChannelsSidebarCategory } from '@/components/channels-sidebar/ChannelsSidebar';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport {\n type AdminConsoleSidebarCategoryIconKey,\n type AdminConsoleSidebarGroupModel,\n} from './adminConsoleSidebarModel';\nimport styles from './AdminConsoleSidebar.module.scss';\n\nconst CATEGORY_ICON_GLYPHS: Record<\n AdminConsoleSidebarCategoryIconKey,\n ReactNode\n> = {\n billing: <CreditCardOutlineIcon size={12} />,\n reporting: <ChartLineIcon size={12} />,\n users: <AccountMultipleOutlineIcon size={12} />,\n environment: <ServerOutlineIcon size={12} />,\n site: <TuneIcon size={12} />,\n authentication: <ShieldOutlineIcon size={12} />,\n plugins: <AppsIcon size={12} />,\n integrations: <WebhookIcon size={12} />,\n compliance: <FileTextOutlineIcon size={12} />,\n experimental: <FlaskOutlineIcon size={12} />,\n};\n\nfunction categoryLeadingIcon(\n key: AdminConsoleSidebarCategoryIconKey,\n): ReactNode {\n return CATEGORY_ICON_GLYPHS[key];\n}\n\nexport interface AdminConsoleSidebarProps {\n consoleTitle?: string;\n userHandle?: string;\n /** Used for avatar initials when `avatarSrc` is empty. */\n userDisplayName?: string;\n avatarSrc?: string;\n avatarAlt?: string;\n groups?: AdminConsoleSidebarGroupModel[];\n}\n\nexport default function AdminConsoleSidebar({\n consoleTitle = 'Admin Console',\n userHandle = '@leonard.riley',\n userDisplayName = 'Leonard Riley',\n avatarSrc = '',\n avatarAlt = 'Account avatar',\n groups = [],\n}: AdminConsoleSidebarProps) {\n const findSettingsId = useId();\n return (\n <div className={styles['admin-console-sidebar']}>\n <div className={styles['admin-console-sidebar__header']}>\n <div className={styles['admin-console-sidebar__identity']}>\n <UserAvatar\n src={avatarSrc}\n alt={avatarAlt}\n name={userDisplayName}\n size=\"40\"\n />\n <div className={styles['admin-console-sidebar__identity-text']}>\n <div className={styles['admin-console-sidebar__title-row']}>\n <span className={styles['admin-console-sidebar__title']}>\n {consoleTitle}\n </span>\n <span className={styles['admin-console-sidebar__title-chevron']}>\n <ChevronDownIcon size={16} />\n </span>\n </div>\n <div className={styles['admin-console-sidebar__handle']}>\n {userHandle}\n </div>\n </div>\n </div>\n <label\n className={styles['admin-console-sidebar__find']}\n htmlFor={findSettingsId}\n >\n <span className={styles['admin-console-sidebar__find-icon']} aria-hidden>\n <MagnifyIcon size={12} />\n </span>\n <input\n id={findSettingsId}\n type=\"search\"\n className={styles['admin-console-sidebar__find-field']}\n placeholder=\"Find settings\"\n aria-label=\"Find settings\"\n autoComplete=\"off\"\n spellCheck={false}\n enterKeyHint=\"search\"\n />\n </label>\n </div>\n\n <div className={styles['admin-console-sidebar__scroll']}>\n <Scrollbar color=\"--sidebar-text-rgb\">\n <div className={styles['admin-console-sidebar__nav']}>\n {groups.map((group) => (\n <div\n key={group.key}\n className={styles['admin-console-sidebar__group']}\n >\n <ChannelsSidebarCategory\n label={group.categoryLabel}\n showChevron={false}\n leadingIcon={categoryLeadingIcon(group.categoryIconKey)}\n sticky={group.stickyCategory}\n opaqueCategory\n />\n {group.items.map((row, index) => (\n <ChannelSidebarItem\n key={`${group.key}-${index}-${row.name}`}\n name={row.name}\n hideLeadingVisual\n active={row.active}\n status=\"read\"\n />\n ))}\n </div>\n ))}\n </div>\n </Scrollbar>\n </div>\n </div>\n );\n}\n"],"names":["CATEGORY_ICON_GLYPHS","jsx","CreditCardOutlineIcon","ChartLineIcon","AccountMultipleOutlineIcon","ServerOutlineIcon","TuneIcon","ShieldOutlineIcon","AppsIcon","WebhookIcon","FileTextOutlineIcon","FlaskOutlineIcon","categoryLeadingIcon","key","AdminConsoleSidebar","consoleTitle","userHandle","userDisplayName","avatarSrc","avatarAlt","groups","findSettingsId","useId","jsxs","styles","UserAvatar","ChevronDownIcon","MagnifyIcon","Scrollbar","group","ChannelsSidebarCategory","row","index","ChannelSidebarItem"],"mappings":"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"}

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminConsoleSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-sidebar/AdminConsoleSidebar.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,4BAA4B,CAAC;AAyBpC,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,6BAA6B,EAAE,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,YAA8B,EAC9B,UAA6B,EAC7B,eAAiC,EACjC,SAAc,EACd,SAA4B,EAC5B,MAAW,GACZ,EAAE,wBAAwB,2CA6E1B"}

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.js ADDED Viewed

@@ -0,0 +1,122 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useId as h } from "react";
+import __f from "@mattermost/compass-icons/components/chevron-down.js";const f=__f&&__f.default?__f.default:__f;
+import ___ from "@mattermost/compass-icons/components/magnify.js";const _=___&&___.default?___.default:___;
+import __b from "@mattermost/compass-icons/components/credit-card-outline.js";const b=__b&&__b.default?__b.default:__b;
+import __u from "@mattermost/compass-icons/components/chart-line.js";const u=__u&&__u.default?__u.default:__u;
+import __v from "@mattermost/compass-icons/components/account-multiple-outline.js";const v=__v&&__v.default?__v.default:__v;
+import __y from "@mattermost/compass-icons/components/server-outline.js";const y=__y&&__y.default?__y.default:__y;
+import __I from "@mattermost/compass-icons/components/tune.js";const I=__I&&__I.default?__I.default:__I;
+import __C from "@mattermost/compass-icons/components/shield-outline.js";const C=__C&&__C.default?__C.default:__C;
+import __N from "@mattermost/compass-icons/components/apps.js";const N=__N&&__N.default?__N.default:__N;
+import __g from "@mattermost/compass-icons/components/webhook.js";const g=__g&&__g.default?__g.default:__g;
+import __z from "@mattermost/compass-icons/components/file-text-outline.js";const z=__z&&__z.default?__z.default:__z;
+import __O from "@mattermost/compass-icons/components/flask-outline.js";const O=__O&&__O.default?__O.default:__O;
+import S from "../channel-sidebar-item/ChannelSidebarItem.js";
+import { ChannelsSidebarCategory as k } from "../channels-sidebar/ChannelsSidebar.js";
+import x from "../scrollbar/Scrollbar.js";
+import A from "../user-avatar/UserAvatar.js";
+import i from "./AdminConsoleSidebar.module.scss.js";
+const L = {
+  billing: /* @__PURE__ */ e(b, { size: 12 }),
+  reporting: /* @__PURE__ */ e(u, { size: 12 }),
+  users: /* @__PURE__ */ e(v, { size: 12 }),
+  environment: /* @__PURE__ */ e(y, { size: 12 }),
+  site: /* @__PURE__ */ e(I, { size: 12 }),
+  authentication: /* @__PURE__ */ e(C, { size: 12 }),
+  plugins: /* @__PURE__ */ e(N, { size: 12 }),
+  integrations: /* @__PURE__ */ e(g, { size: 12 }),
+  compliance: /* @__PURE__ */ e(z, { size: 12 }),
+  experimental: /* @__PURE__ */ e(O, { size: 12 })
+};
+function F(o) {
+  return L[o];
+}
+function Q({
+  consoleTitle: o = "Admin Console",
+  userHandle: t = "@leonard.riley",
+  userDisplayName: l = "Leonard Riley",
+  avatarSrc: c = "",
+  avatarAlt: d = "Account avatar",
+  groups: m = []
+}) {
+  const s = h();
+  return /* @__PURE__ */ n("div", { className: i["admin-console-sidebar"], children: [
+    /* @__PURE__ */ n("div", { className: i["admin-console-sidebar__header"], children: [
+      /* @__PURE__ */ n("div", { className: i["admin-console-sidebar__identity"], children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            src: c,
+            alt: d,
+            name: l,
+            size: "40"
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: i["admin-console-sidebar__identity-text"], children: [
+          /* @__PURE__ */ n("div", { className: i["admin-console-sidebar__title-row"], children: [
+            /* @__PURE__ */ e("span", { className: i["admin-console-sidebar__title"], children: o }),
+            /* @__PURE__ */ e("span", { className: i["admin-console-sidebar__title-chevron"], children: /* @__PURE__ */ e(f, { size: 16 }) })
+          ] }),
+          /* @__PURE__ */ e("div", { className: i["admin-console-sidebar__handle"], children: t })
+        ] })
+      ] }),
+      /* @__PURE__ */ n(
+        "label",
+        {
+          className: i["admin-console-sidebar__find"],
+          htmlFor: s,
+          children: [
+            /* @__PURE__ */ e("span", { className: i["admin-console-sidebar__find-icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(_, { size: 12 }) }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: s,
+                type: "search",
+                className: i["admin-console-sidebar__find-field"],
+                placeholder: "Find settings",
+                "aria-label": "Find settings",
+                autoComplete: "off",
+                spellCheck: !1,
+                enterKeyHint: "search"
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: i["admin-console-sidebar__scroll"], children: /* @__PURE__ */ e(x, { color: "--sidebar-text-rgb", children: /* @__PURE__ */ e("div", { className: i["admin-console-sidebar__nav"], children: m.map((a) => /* @__PURE__ */ n(
+      "div",
+      {
+        className: i["admin-console-sidebar__group"],
+        children: [
+          /* @__PURE__ */ e(
+            k,
+            {
+              label: a.categoryLabel,
+              showChevron: !1,
+              leadingIcon: F(a.categoryIconKey),
+              sticky: a.stickyCategory,
+              opaqueCategory: !0
+            }
+          ),
+          a.items.map((r, p) => /* @__PURE__ */ e(
+            S,
+            {
+              name: r.name,
+              hideLeadingVisual: !0,
+              active: r.active,
+              status: "read"
+            },
+            `${a.key}-${p}-${r.name}`
+          ))
+        ]
+      },
+      a.key
+    )) }) }) })
+  ] });
+}
+export {
+  Q as default
+};
+//# sourceMappingURL=AdminConsoleSidebar.js.map

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminConsoleSidebar.js","sources":["../../../src/components/admin-console-sidebar/AdminConsoleSidebar.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport MagnifyIcon from '@mattermost/compass-icons/components/magnify';\nimport CreditCardOutlineIcon from '@mattermost/compass-icons/components/credit-card-outline';\nimport ChartLineIcon from '@mattermost/compass-icons/components/chart-line';\nimport AccountMultipleOutlineIcon from '@mattermost/compass-icons/components/account-multiple-outline';\nimport ServerOutlineIcon from '@mattermost/compass-icons/components/server-outline';\nimport TuneIcon from '@mattermost/compass-icons/components/tune';\nimport ShieldOutlineIcon from '@mattermost/compass-icons/components/shield-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport WebhookIcon from '@mattermost/compass-icons/components/webhook';\nimport FileTextOutlineIcon from '@mattermost/compass-icons/components/file-text-outline';\nimport FlaskOutlineIcon from '@mattermost/compass-icons/components/flask-outline';\nimport ChannelSidebarItem from '@/components/channel-sidebar-item/ChannelSidebarItem';\nimport { ChannelsSidebarCategory } from '@/components/channels-sidebar/ChannelsSidebar';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport {\n type AdminConsoleSidebarCategoryIconKey,\n type AdminConsoleSidebarGroupModel,\n} from './adminConsoleSidebarModel';\nimport styles from './AdminConsoleSidebar.module.scss';\n\nconst CATEGORY_ICON_GLYPHS: Record<\n AdminConsoleSidebarCategoryIconKey,\n ReactNode\n> = {\n billing: <CreditCardOutlineIcon size={12} />,\n reporting: <ChartLineIcon size={12} />,\n users: <AccountMultipleOutlineIcon size={12} />,\n environment: <ServerOutlineIcon size={12} />,\n site: <TuneIcon size={12} />,\n authentication: <ShieldOutlineIcon size={12} />,\n plugins: <AppsIcon size={12} />,\n integrations: <WebhookIcon size={12} />,\n compliance: <FileTextOutlineIcon size={12} />,\n experimental: <FlaskOutlineIcon size={12} />,\n};\n\nfunction categoryLeadingIcon(\n key: AdminConsoleSidebarCategoryIconKey,\n): ReactNode {\n return CATEGORY_ICON_GLYPHS[key];\n}\n\nexport interface AdminConsoleSidebarProps {\n consoleTitle?: string;\n userHandle?: string;\n /** Used for avatar initials when `avatarSrc` is empty. */\n userDisplayName?: string;\n avatarSrc?: string;\n avatarAlt?: string;\n groups?: AdminConsoleSidebarGroupModel[];\n}\n\nexport default function AdminConsoleSidebar({\n consoleTitle = 'Admin Console',\n userHandle = '@leonard.riley',\n userDisplayName = 'Leonard Riley',\n avatarSrc = '',\n avatarAlt = 'Account avatar',\n groups = [],\n}: AdminConsoleSidebarProps) {\n const findSettingsId = useId();\n return (\n <div className={styles['admin-console-sidebar']}>\n <div className={styles['admin-console-sidebar__header']}>\n <div className={styles['admin-console-sidebar__identity']}>\n <UserAvatar\n src={avatarSrc}\n alt={avatarAlt}\n name={userDisplayName}\n size=\"40\"\n />\n <div className={styles['admin-console-sidebar__identity-text']}>\n <div className={styles['admin-console-sidebar__title-row']}>\n <span className={styles['admin-console-sidebar__title']}>\n {consoleTitle}\n </span>\n <span className={styles['admin-console-sidebar__title-chevron']}>\n <ChevronDownIcon size={16} />\n </span>\n </div>\n <div className={styles['admin-console-sidebar__handle']}>\n {userHandle}\n </div>\n </div>\n </div>\n <label\n className={styles['admin-console-sidebar__find']}\n htmlFor={findSettingsId}\n >\n <span className={styles['admin-console-sidebar__find-icon']} aria-hidden>\n <MagnifyIcon size={12} />\n </span>\n <input\n id={findSettingsId}\n type=\"search\"\n className={styles['admin-console-sidebar__find-field']}\n placeholder=\"Find settings\"\n aria-label=\"Find settings\"\n autoComplete=\"off\"\n spellCheck={false}\n enterKeyHint=\"search\"\n />\n </label>\n </div>\n\n <div className={styles['admin-console-sidebar__scroll']}>\n <Scrollbar color=\"--sidebar-text-rgb\">\n <div className={styles['admin-console-sidebar__nav']}>\n {groups.map((group) => (\n <div\n key={group.key}\n className={styles['admin-console-sidebar__group']}\n >\n <ChannelsSidebarCategory\n label={group.categoryLabel}\n showChevron={false}\n leadingIcon={categoryLeadingIcon(group.categoryIconKey)}\n sticky={group.stickyCategory}\n opaqueCategory\n />\n {group.items.map((row, index) => (\n <ChannelSidebarItem\n key={`${group.key}-${index}-${row.name}`}\n name={row.name}\n hideLeadingVisual\n active={row.active}\n status=\"read\"\n />\n ))}\n </div>\n ))}\n </div>\n </Scrollbar>\n </div>\n </div>\n );\n}\n"],"names":["CATEGORY_ICON_GLYPHS","jsx","CreditCardOutlineIcon","ChartLineIcon","AccountMultipleOutlineIcon","ServerOutlineIcon","TuneIcon","ShieldOutlineIcon","AppsIcon","WebhookIcon","FileTextOutlineIcon","FlaskOutlineIcon","categoryLeadingIcon","key","AdminConsoleSidebar","consoleTitle","userHandle","userDisplayName","avatarSrc","avatarAlt","groups","findSettingsId","useId","jsxs","styles","UserAvatar","ChevronDownIcon","MagnifyIcon","Scrollbar","group","ChannelsSidebarCategory","row","index","ChannelSidebarItem"],"mappings":"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"}

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.css ADDED Viewed

@@ -0,0 +1 @@

+ ._admin-console-sidebar_154qp_2{--sidebar-bg: var(--color-neutral-1050);--sidebar-bg-rgb: 36, 38, 46;--sidebar-text: var(--color-neutral-0);--sidebar-text-rgb: var(--color-neutral-0-rgb);--sidebar-text-hover-bg: rgba(var(--sidebar-text-rgb), .06);--sidebar-text-active-border: var(--color-blue-300);--sidebar-text-active-border-rgb: var(--color-blue-300-rgb);position:relative;display:flex;flex-direction:column;width:264px;height:768px;background:var(--sidebar-bg);overflow:hidden}._admin-console-sidebar__header_154qp_19{display:flex;flex-direction:column;flex-shrink:0;padding:var(--spacing-m) var(--spacing-xl) 0;gap:var(--spacing-xs)}._admin-console-sidebar__identity_154qp_26{display:flex;align-items:flex-start;gap:0;width:100%}._admin-console-sidebar__identity-text_154qp_32{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;padding-bottom:var(--spacing-xxxs)}._admin-console-sidebar__title-row_154qp_40{display:flex;align-items:center;gap:0;max-width:100%;padding:2px var(--spacing-xxxxs) 2px var(--spacing-xxs);border-radius:var(--radius-s);cursor:pointer}._admin-console-sidebar__title-row_154qp_40:hover{background:var(--sidebar-text-hover-bg)}._admin-console-sidebar__title_154qp_40{font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._admin-console-sidebar__title-chevron_154qp_62{display:flex;align-items:center;flex-shrink:0;color:var(--sidebar-text)}._admin-console-sidebar__handle_154qp_68{padding:0 var(--spacing-xxs);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--sidebar-text-rgb),.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._admin-console-sidebar__find_154qp_80{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xxs) var(--spacing-xs);margin-bottom:var(--spacing-xs);border-radius:var(--radius-s);background:rgba(var(--sidebar-text-rgb),.08);cursor:text;transition:box-shadow var(--duration-quick) var(--ease-transition)}._admin-console-sidebar__find_154qp_80:focus-within{box-shadow:0 0 0 1px rgba(var(--sidebar-text-rgb),.24)}._admin-console-sidebar__find-icon_154qp_95{display:flex;align-items:center;flex-shrink:0;color:var(--sidebar-text);opacity:.64}._admin-console-sidebar__find-field_154qp_102{flex:1;min-width:0;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);letter-spacing:.02em;color:var(--sidebar-text);caret-color:var(--sidebar-text)}._admin-console-sidebar__find-field_154qp_102::placeholder{color:rgba(var(--sidebar-text-rgb),.75)}._admin-console-sidebar__find-field_154qp_102:focus{outline:none}._admin-console-sidebar__find-field_154qp_102::-webkit-search-decoration,._admin-console-sidebar__find-field_154qp_102::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._admin-console-sidebar__scroll_154qp_126{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}._admin-console-sidebar__nav_154qp_133{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl) 0 var(--spacing-l)}._admin-console-sidebar__group_154qp_139{display:flex;flex-direction:column}._admin-console-sidebar_154qp_2 ._channel-sidebar-item--text-only_154qp_143:not(._channel-sidebar-item--active_154qp_143) ._channel-sidebar-item__name_154qp_143{opacity:.64}._admin-console-sidebar_154qp_2 ._channel-sidebar-item--text-only_154qp_143._channel-sidebar-item--active_154qp_143{background:rgba(var(--sidebar-text-rgb),.08)}._admin-console-sidebar_154qp_2 ._channel-sidebar-item--text-only_154qp_143._channel-sidebar-item--active_154qp_143 ._channel-sidebar-item__name_154qp_143{font-weight:var(--font-weight-semibold);opacity:.64}

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleSidebar.module.css');const _={"admin-console-sidebar":"_admin-console-sidebar_154qp_2","admin-console-sidebar__header":"_admin-console-sidebar__header_154qp_19","admin-console-sidebar__identity":"_admin-console-sidebar__identity_154qp_26","admin-console-sidebar__identity-text":"_admin-console-sidebar__identity-text_154qp_32","admin-console-sidebar__title-row":"_admin-console-sidebar__title-row_154qp_40","admin-console-sidebar__title":"_admin-console-sidebar__title_154qp_40","admin-console-sidebar__title-chevron":"_admin-console-sidebar__title-chevron_154qp_62","admin-console-sidebar__handle":"_admin-console-sidebar__handle_154qp_68","admin-console-sidebar__find":"_admin-console-sidebar__find_154qp_80","admin-console-sidebar__find-icon":"_admin-console-sidebar__find-icon_154qp_95","admin-console-sidebar__find-field":"_admin-console-sidebar__find-field_154qp_102","admin-console-sidebar__scroll":"_admin-console-sidebar__scroll_154qp_126","admin-console-sidebar__nav":"_admin-console-sidebar__nav_154qp_133","admin-console-sidebar__group":"_admin-console-sidebar__group_154qp_139"};exports.default=_;
2	+ //# sourceMappingURL=AdminConsoleSidebar.module.scss.cjs.map

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.cjs.map ADDED Viewed

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

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.js ADDED Viewed

@@ -0,0 +1,20 @@
+import './AdminConsoleSidebar.module.css';const _ = {
+  "admin-console-sidebar": "_admin-console-sidebar_154qp_2",
+  "admin-console-sidebar__header": "_admin-console-sidebar__header_154qp_19",
+  "admin-console-sidebar__identity": "_admin-console-sidebar__identity_154qp_26",
+  "admin-console-sidebar__identity-text": "_admin-console-sidebar__identity-text_154qp_32",
+  "admin-console-sidebar__title-row": "_admin-console-sidebar__title-row_154qp_40",
+  "admin-console-sidebar__title": "_admin-console-sidebar__title_154qp_40",
+  "admin-console-sidebar__title-chevron": "_admin-console-sidebar__title-chevron_154qp_62",
+  "admin-console-sidebar__handle": "_admin-console-sidebar__handle_154qp_68",
+  "admin-console-sidebar__find": "_admin-console-sidebar__find_154qp_80",
+  "admin-console-sidebar__find-icon": "_admin-console-sidebar__find-icon_154qp_95",
+  "admin-console-sidebar__find-field": "_admin-console-sidebar__find-field_154qp_102",
+  "admin-console-sidebar__scroll": "_admin-console-sidebar__scroll_154qp_126",
+  "admin-console-sidebar__nav": "_admin-console-sidebar__nav_154qp_133",
+  "admin-console-sidebar__group": "_admin-console-sidebar__group_154qp_139"
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=AdminConsoleSidebar.module.scss.js.map

package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.js.map ADDED Viewed

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

package/dist/components/admin-console-sidebar/adminConsoleSidebarModel.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"adminConsoleSidebarModel.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-sidebar/adminConsoleSidebarModel.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kCAAkC,GAC1C,SAAS,GACT,WAAW,GACX,OAAO,GACP,aAAa,GACb,MAAM,GACN,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,YAAY,GACZ,cAAc,CAAC;AAEnB,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,6BAA6B;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,kCAAkC,CAAC;IACpD,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,4BAA4B,EAAE,CAAC;CACvC"}

package/dist/components/admin-console-sidebar/index.cjs ADDED Viewed

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

package/dist/components/admin-console-sidebar/index.cjs.map ADDED Viewed

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

package/dist/components/admin-console-sidebar/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/admin-console-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EACV,6BAA6B,EAC7B,4BAA4B,EAC5B,kCAAkC,GACnC,MAAM,4BAA4B,CAAC"}

package/dist/components/admin-console-sidebar/index.js ADDED Viewed

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

package/dist/components/admin-console-sidebar/index.js.map ADDED Viewed

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

package/dist/components/admin-panel/AdminPanel.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),c=require("react"),b=require("../admin-panel-header/AdminPanelHeader.cjs"),l=require("./AdminPanel.module.scss.cjs");function h({title:u,subtitle:f,headerActions:m,children:n,className:p="",iconLeft:_=!1,leadingIcon:v,showBeta:j=!1,betaLabel:x="Beta",showEnterpriseLabel:E=!1,enterpriseLabel:N="Enterprise",showButton:q=!1,buttonLabel:y="Button",onButtonClick:A,showSwitch:B=!1,switchLabel:P="Off",switchChecked:g,defaultSwitchChecked:w,onSwitchChange:D,switchDisabled:H,expandable:e=!1,expandedState:t,defaultExpandedState:I="collapsed",onExpandedStateChange:a}){const i=c.useId(),[M,O]=c.useState(I),o=e&&t!==void 0,s=(e?o?t:M:"expanded")==="expanded",R=r=>{e&&(o\|\|O(r),a==null\|\|a(r))},S=()=>{R(s?"collapsed":"expanded")},T=!e\|\|s;return d.jsxs("section",{className:[l.default["admin-panel"],p].join(" ").trim(),"aria-labelledby":i,children:[d.jsx(b.default,{titleId:i,title:u,subtitle:f,headerActions:m,iconLeft:_,leadingIcon:v,showBeta:j,betaLabel:x,showEnterpriseLabel:E,enterpriseLabel:N,showButton:q,buttonLabel:y,onButtonClick:A,showSwitch:B,switchLabel:P,switchChecked:g,defaultSwitchChecked:w,onSwitchChange:D,switchDisabled:H,expandable:e,isExpanded:s,onToggleExpand:S,showDivider:T}),e?d.jsx("div",{className:[l.default["admin-panel__collapse"],s?l.default["admin-panel__collapse--expanded"]:""].filter(Boolean).join(" "),"aria-hidden":!s,children:d.jsx("div",{className:l.default["admin-panel__collapse-inner"],children:d.jsx("div",{className:l.default["admin-panel__body"],children:n})})}):d.jsx("div",{className:l.default["admin-panel__body"],children:n})]})}exports.default=h;
2	+ //# sourceMappingURL=AdminPanel.cjs.map

package/dist/components/admin-panel/AdminPanel.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminPanel.cjs","sources":["../../../src/components/admin-panel/AdminPanel.tsx"],"sourcesContent":["import { useId, useState, type ChangeEvent, type ReactNode } from 'react';\nimport AdminPanelHeader, {\n type AdminPanelExpandedState,\n} from '@/components/admin-panel-header/AdminPanelHeader';\nimport styles from './AdminPanel.module.scss';\n\nexport type { AdminPanelExpandedState };\n\nexport interface AdminPanelProps {\n title: ReactNode;\n subtitle?: ReactNode;\n children?: ReactNode;\n className?: string;\n headerActions?: ReactNode;\n iconLeft?: boolean;\n leadingIcon?: ReactNode;\n showBeta?: boolean;\n betaLabel?: string;\n showEnterpriseLabel?: boolean;\n enterpriseLabel?: string;\n showButton?: boolean;\n buttonLabel?: string;\n onButtonClick?: () => void;\n showSwitch?: boolean;\n switchLabel?: ReactNode;\n switchChecked?: boolean;\n defaultSwitchChecked?: boolean;\n onSwitchChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n switchDisabled?: boolean;\n expandable?: boolean;\n expandedState?: AdminPanelExpandedState;\n defaultExpandedState?: AdminPanelExpandedState;\n onExpandedStateChange?: (state: AdminPanelExpandedState) => void;\n}\n\n/**\n * System Console admin settings panel: `AdminPanelHeader` plus a body slot\n * for grouped fields. Expand/collapse state is owned here and passed to the header.\n */\nexport default function AdminPanel({\n title,\n subtitle,\n headerActions,\n children,\n className = '',\n iconLeft = false,\n leadingIcon,\n showBeta = false,\n betaLabel = 'Beta',\n showEnterpriseLabel = false,\n enterpriseLabel = 'Enterprise',\n showButton = false,\n buttonLabel = 'Button',\n onButtonClick,\n showSwitch = false,\n switchLabel = 'Off',\n switchChecked,\n defaultSwitchChecked,\n onSwitchChange,\n switchDisabled,\n expandable = false,\n expandedState: expandedStateProp,\n defaultExpandedState = 'collapsed',\n onExpandedStateChange,\n}: AdminPanelProps) {\n const titleId = useId();\n\n const [uncontrolledExpanded, setUncontrolledExpanded] =\n useState<AdminPanelExpandedState>(defaultExpandedState);\n\n const isExpandControlled = expandable && expandedStateProp !== undefined;\n const resolvedExpandedState: AdminPanelExpandedState = !expandable\n ? 'expanded'\n : isExpandControlled\n ? expandedStateProp!\n : uncontrolledExpanded;\n\n const isExpanded = resolvedExpandedState === 'expanded';\n\n const setExpandedState = (next: AdminPanelExpandedState) => {\n if (!expandable) return;\n if (!isExpandControlled) {\n setUncontrolledExpanded(next);\n }\n onExpandedStateChange?.(next);\n };\n\n const toggleExpanded = () => {\n setExpandedState(isExpanded ? 'collapsed' : 'expanded');\n };\n\n const showHeaderDivider = !expandable || isExpanded;\n\n return (\n <section\n className={[styles['admin-panel'], className].join(' ').trim()}\n aria-labelledby={titleId}\n >\n <AdminPanelHeader\n titleId={titleId}\n title={title}\n subtitle={subtitle}\n headerActions={headerActions}\n iconLeft={iconLeft}\n leadingIcon={leadingIcon}\n showBeta={showBeta}\n betaLabel={betaLabel}\n showEnterpriseLabel={showEnterpriseLabel}\n enterpriseLabel={enterpriseLabel}\n showButton={showButton}\n buttonLabel={buttonLabel}\n onButtonClick={onButtonClick}\n showSwitch={showSwitch}\n switchLabel={switchLabel}\n switchChecked={switchChecked}\n defaultSwitchChecked={defaultSwitchChecked}\n onSwitchChange={onSwitchChange}\n switchDisabled={switchDisabled}\n expandable={expandable}\n isExpanded={isExpanded}\n onToggleExpand={toggleExpanded}\n showDivider={showHeaderDivider}\n />\n {expandable ? (\n <div\n className={[\n styles['admin-panel__collapse'],\n isExpanded ? styles['admin-panel__collapse--expanded'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n aria-hidden={!isExpanded}\n >\n <div className={styles['admin-panel__collapse-inner']}>\n <div className={styles['admin-panel__body']}>{children}</div>\n </div>\n </div>\n ) : (\n <div className={styles['admin-panel__body']}>{children}</div>\n )}\n </section>\n );\n}\n"],"names":["AdminPanel","title","subtitle","headerActions","children","className","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","expandedStateProp","defaultExpandedState","onExpandedStateChange","titleId","useId","uncontrolledExpanded","setUncontrolledExpanded","useState","isExpandControlled","isExpanded","setExpandedState","next","toggleExpanded","showHeaderDivider","jsxs","styles","jsx","AdminPanelHeader"],"mappings":"oQAuCA,SAAwBA,EAAW,CACjC,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,YAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,OACZ,oBAAAC,EAAsB,GACtB,gBAAAC,EAAkB,aAClB,WAAAC,EAAa,GACb,YAAAC,EAAc,SACd,cAAAC,EACA,WAAAC,EAAa,GACb,YAAAC,EAAc,MACd,cAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,WAAAC,EAAa,GACb,cAAeC,EACf,qBAAAC,EAAuB,YACvB,sBAAAC,CACF,EAAoB,CAClB,MAAMC,EAAUC,EAAAA,MAAA,EAEV,CAACC,EAAsBC,CAAuB,EAClDC,EAAAA,SAAkCN,CAAoB,EAElDO,EAAqBT,GAAcC,IAAsB,OAOzDS,GANkDV,EAEpDS,EACER,EACAK,EAHF,cAKyC,WAEvCK,EAAoBC,GAAkC,CACrDZ,IACAS,GACHF,EAAwBK,CAAI,EAE9BT,GAAA,MAAAA,EAAwBS,GAC1B,EAEMC,EAAiB,IAAM,CAC3BF,EAAiBD,EAAa,YAAc,UAAU,CACxD,EAEMI,EAAoB,CAACd,GAAcU,EAEzC,OACEK,EAAAA,KAAC,UAAA,CACC,UAAW,CAACC,EAAAA,QAAO,aAAa,EAAGhC,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA,EACxD,kBAAiBoB,EAEjB,SAAA,CAAAa,EAAAA,IAACC,EAAAA,QAAA,CACC,QAAAd,EACA,MAAAxB,EACA,SAAAC,EACA,cAAAC,EACA,SAAAG,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,oBAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,qBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,WAAAC,EACA,WAAAU,EACA,eAAgBG,EAChB,YAAaC,CAAA,CAAA,EAEdd,EACCiB,EAAAA,IAAC,MAAA,CACC,UAAW,CACTD,EAAAA,QAAO,uBAAuB,EAC9BN,EAAaM,EAAAA,QAAO,iCAAiC,EAAI,EAAA,EAExD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAa,CAACN,EAEd,SAAAO,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,6BAA6B,EAClD,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,mBAAmB,EAAI,SAAAjC,EAAS,CAAA,CACzD,CAAA,CAAA,EAGFkC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,mBAAmB,EAAI,SAAAjC,CAAA,CAAS,CAAA,CAAA,CAAA,CAI/D"}