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

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

@@ -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

@@ -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

@@ -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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=AdminConsoleHeader.module.scss.cjs.map

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

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

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

@@ -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

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

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

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

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

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

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

@@ -0,0 +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

@@ -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

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

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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=AdminConsoleSidebar.cjs.map

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -0,0 +1,2 @@
+"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=_;
+//# sourceMappingURL=AdminConsoleSidebar.module.scss.cjs.map

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

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

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

@@ -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

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

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

@@ -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

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

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

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

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

@@ -0,0 +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

@@ -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

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

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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=AdminPanel.cjs.map

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

@@ -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"}

package/dist/components/admin-panel/AdminPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanel.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel/AdminPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAyB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,gDAAgD,CAAC;AAGxD,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,oBAAoB,CAAC,EAAE,uBAAuB,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAClE;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAc,EACd,QAAgB,EAChB,WAAW,EACX,QAAgB,EAChB,SAAkB,EAClB,mBAA2B,EAC3B,eAA8B,EAC9B,UAAkB,EAClB,WAAsB,EACtB,aAAa,EACb,UAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,UAAkB,EAClB,aAAa,EAAE,iBAAiB,EAChC,oBAAkC,EAClC,qBAAqB,GACtB,EAAE,eAAe,2CA8EjB"}

package/dist/components/admin-panel/AdminPanel.js

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

package/dist/components/admin-panel/AdminPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPanel.js","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":";;;;AAuCA,SAAwBA,EAAW;AAAA,EACjC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,qBAAAC,IAAsB;AAAA,EACtB,iBAAAC,IAAkB;AAAA,EAClB,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc;AAAA,EACd,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAeC;AAAA,EACf,sBAAAC,IAAuB;AAAA,EACvB,uBAAAC;AACF,GAAoB;AAClB,QAAMC,IAAUC,EAAA,GAEV,CAACC,GAAsBC,CAAuB,IAClDC,EAAkCN,CAAoB,GAElDO,IAAqBT,KAAcC,MAAsB,QAOzDS,KANkDV,IAEpDS,IACER,IACAK,IAHF,gBAKyC,YAEvCK,IAAmB,CAACC,MAAkC;AAC1D,IAAKZ,MACAS,KACHF,EAAwBK,CAAI,GAE9BT,KAAA,QAAAA,EAAwBS;AAAA,EAC1B,GAEMC,IAAiB,MAAM;AAC3B,IAAAF,EAAiBD,IAAa,cAAc,UAAU;AAAA,EACxD,GAEMI,IAAoB,CAACd,KAAcU;AAEzC,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,aAAa,GAAGhC,CAAS,EAAE,KAAK,GAAG,EAAE,KAAA;AAAA,MACxD,mBAAiBoB;AAAA,MAEjB,UAAA;AAAA,QAAA,gBAAAa;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAAd;AAAA,YACA,OAAAxB;AAAA,YACA,UAAAC;AAAA,YACA,eAAAC;AAAA,YACA,UAAAG;AAAA,YACA,aAAAC;AAAA,YACA,UAAAC;AAAA,YACA,WAAAC;AAAA,YACA,qBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,eAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,YAAAU;AAAA,YACA,gBAAgBG;AAAA,YAChB,aAAaC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEdd,IACC,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACTD,EAAO,uBAAuB;AAAA,cAC9BN,IAAaM,EAAO,iCAAiC,IAAI;AAAA,YAAA,EAExD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YACX,eAAa,CAACN;AAAA,YAEd,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,6BAA6B,GAClD,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,mBAAmB,GAAI,UAAAjC,GAAS,EAAA,CACzD;AAAA,UAAA;AAAA,QAAA,IAGF,gBAAAkC,EAAC,OAAA,EAAI,WAAWD,EAAO,mBAAmB,GAAI,UAAAjC,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI/D;"}

package/dist/components/admin-panel/AdminPanel.module.css

@@ -0,0 +1 @@
+._admin-panel_iwm08_2{display:flex;flex-direction:column;width:100%;max-width:920px;background:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-1);overflow:hidden}._admin-panel__collapse_iwm08_13{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-moderate) var(--ease-transition)}._admin-panel__collapse--expanded_iwm08_18{grid-template-rows:1fr}._admin-panel__collapse-inner_iwm08_21{overflow:hidden;min-height:0}._admin-panel__body_iwm08_25{flex:1 1 auto;width:100%;padding:var(--spacing-xxl);box-sizing:border-box}

package/dist/components/admin-panel/AdminPanel.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanel.module.css');const e={"admin-panel":"_admin-panel_iwm08_2","admin-panel__collapse":"_admin-panel__collapse_iwm08_13","admin-panel__collapse--expanded":"_admin-panel__collapse--expanded_iwm08_18","admin-panel__collapse-inner":"_admin-panel__collapse-inner_iwm08_21","admin-panel__body":"_admin-panel__body_iwm08_25"};exports.default=e;
+//# sourceMappingURL=AdminPanel.module.scss.cjs.map

package/dist/components/admin-panel/AdminPanel.module.scss.cjs.map

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

package/dist/components/admin-panel/AdminPanel.module.scss.js

@@ -0,0 +1,11 @@
+import './AdminPanel.module.css';const _ = {
+  "admin-panel": "_admin-panel_iwm08_2",
+  "admin-panel__collapse": "_admin-panel__collapse_iwm08_13",
+  "admin-panel__collapse--expanded": "_admin-panel__collapse--expanded_iwm08_18",
+  "admin-panel__collapse-inner": "_admin-panel__collapse-inner_iwm08_21",
+  "admin-panel__body": "_admin-panel__body_iwm08_25"
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=AdminPanel.module.scss.js.map

package/dist/components/admin-panel/AdminPanel.module.scss.js.map

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

package/dist/components/admin-panel/index.cjs

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

package/dist/components/admin-panel/index.cjs.map

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

package/dist/components/admin-panel/index.d.ts.map

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

package/dist/components/admin-panel/index.js

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

package/dist/components/admin-panel/index.js.map

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

package/dist/components/admin-panel-footer/AdminPanelFooter.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__h=require("@mattermost/compass-icons/components/alert-circle-outline.js"),h=__h?.default??__h,__p=require("@mattermost/compass-icons/components/alert-outline.js"),p=__p?.default??__p,o=require("../button/Button.cjs"),n=require("./AdminPanelFooter.module.scss.cjs"),j="There are outstanding issues in the form above.",x="There are errors in the form above.";function _({saveLabel:s="Save",cancelLabel:l="Cancel",onSave:d,onCancel:u,saveDisabled:c=!0,status:r="none",statusMessage:i,className:m=""}){let t=null;if(r==="warning"){const a=i??j;t=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:n.default["admin-panel-footer__status-icon"],"aria-hidden":!0,children:e.jsx(p,{size:12})}),e.jsx("span",{children:a})]})}if(r==="error"){const a=i??x;t=e.jsxs(e.Fragment,{children:[e.jsx("span",{className:n.default["admin-panel-footer__status-icon"],"aria-hidden":!0,children:e.jsx(h,{size:12})}),e.jsx("span",{children:a})]})}const f=r==="warning"?n.default["admin-panel-footer--status-warning"]:r==="error"?n.default["admin-panel-footer--status-error"]:"";return e.jsx("footer",{className:[n.default["admin-panel-footer"],f,m].filter(Boolean).join(" ").trim(),role:"contentinfo",children:e.jsxs("div",{className:n.default["admin-panel-footer__inner"],children:[e.jsxs("div",{className:n.default["admin-panel-footer__actions"],children:[e.jsx(o.default,{type:"button",size:"medium",emphasis:"primary",disabled:c,onClick:d,children:s}),e.jsx(o.default,{type:"button",size:"medium",emphasis:"tertiary",onClick:u,children:l})]}),t!=null?e.jsx("div",{className:n.default["admin-panel-footer__status"],role:"alert",children:t}):null]})})}exports.default=_;
+//# sourceMappingURL=AdminPanelFooter.cjs.map