@mattermost/compass-ui 0.1.0-alpha.26 → 0.1.0-alpha.28

package/dist/components/right-sidebar-header/RightSidebarHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,yBAAyB,CACjD;IACC,iFAAiF;IACjF,KAAK,EAAE,SAAS,CAAC;IACjB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iMAAiM;IACjM,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,+KAA+K;IAC/K,yBAAyB,CAAC,EAAE,kBAAkB,CAAC;IAC/C,6DAA6D;IAC7D,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+LAA+L;IAC/L,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iHAAiH;IACjH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sKAAsK;IACtK,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,cAAc,EACd,qBAAqB,EACrB,yBAAyB,EACzB,GAAG,EACH,OAAgB,EAChB,WAAW,EACX,MAAM,EACN,SAAkB,EAClB,QAAQ,EACR,QAAgB,EAChB,WAAsB,EACtB,aAA0B,EAC1B,QAAQ,EACR,WAAkC,EAClC,OAAO,EACP,UAAoB,EACpB,WAAW,EACX,aAAa,EACb,YAAoB,EACpB,OAAO,EACP,SAAc,EACd,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAiHzB"}
+{"version":3,"file":"RightSidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,yBAAyB,CACjD;IACC,iFAAiF;IACjF,KAAK,EAAE,SAAS,CAAC;IACjB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iMAAiM;IACjM,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,+KAA+K;IAC/K,yBAAyB,CAAC,EAAE,kBAAkB,CAAC;IAC/C,6DAA6D;IAC7D,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+LAA+L;IAC/L,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iHAAiH;IACjH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sKAAsK;IACtK,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,cAAc,EACd,qBAAqB,EACrB,yBAAyB,EACzB,GAAG,EACH,OAAgB,EAChB,WAAW,EACX,MAAM,EACN,SAAkB,EAClB,QAAQ,EACR,QAAgB,EAChB,WAAsB,EACtB,aAA0B,EAC1B,QAAQ,EACR,WAAkC,EAClC,OAAO,EACP,UAAoB,EACpB,WAAW,EACX,aAAa,EACb,YAAoB,EACpB,OAAO,EACP,SAAc,EACd,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAmHzB"}

package/dist/components/right-sidebar-header/RightSidebarHeader.js

@@ -4,15 +4,16 @@ import __R from "@mattermost/compass-icons/components/arrow-expand.js";const R=_
 import __W from "@mattermost/compass-icons/components/arrow-left.js";const W=__W&&__W.default?__W.default:__W;
 import __q from "@mattermost/compass-icons/components/close.js";const q=__q&&__q.default?__q.default:__q;
 import __F from "@mattermost/compass-icons/components/dock-window.js";const F=__F&&__F.default?__F.default:__F;
-import l from "../icon/Icon.js";
-import s from "../icon-button/IconButton.js";
-import G from "../tag/Tag.js";
-import { mergeClassNames as J } from "../../utils/props.js";
+import G from "../button/Button.js";
+import s from "../icon/Icon.js";
+import l from "../icon-button/IconButton.js";
+import J from "../tag/Tag.js";
+import { mergeClassNames as K } from "../../utils/props.js";
 import i from "./RightSidebarHeader.module.scss.js";
-function y({
+function B({
   title: C,
-  secondaryTitle: h,
-  onSecondaryTitleClick: m,
+  secondaryTitle: m,
+  onSecondaryTitleClick: h,
   secondaryTitleButtonProps: e,
   tag: d,
   tagType: z = "info",
@@ -20,14 +21,14 @@ function y({
   onBack: _,
   backLabel: k = "Back",
   onExpand: b,
-  expanded: g = !1,
+  expanded: o = !1,
   expandLabel: w = "Expand",
   collapseLabel: x = "Collapse",
-  onPopout: n,
+  onPopout: g,
   popoutLabel: I = "Open in new window",
-  onClose: o,
+  onClose: f,
   closeLabel: v = "Close",
-  actionLabel: f,
+  actionLabel: n,
   onActionClick: j,
   actionActive: p = !1,
   actions: A,
@@ -39,19 +40,19 @@ function y({
     /* @__PURE__ */ r("div", { className: i["right-sidebar-header__left"], children: [
       /* @__PURE__ */ r("div", { className: i["right-sidebar-header__primary"], children: [
         _ && /* @__PURE__ */ a(
-          s,
+          l,
           {
             className: i["right-sidebar-header__back"],
             size: "small",
             "aria-label": k,
             onClick: _,
-            icon: /* @__PURE__ */ a(l, { size: "16", glyph: /* @__PURE__ */ a(W, {}) })
+            icon: /* @__PURE__ */ a(s, { size: "16", glyph: /* @__PURE__ */ a(W, {}) })
           }
         ),
         c && /* @__PURE__ */ a("span", { className: i["right-sidebar-header__leading-icon"], children: c }),
         /* @__PURE__ */ a("span", { className: i["right-sidebar-header__title"], children: C }),
         d && /* @__PURE__ */ a("span", { className: i["right-sidebar-header__tag"], children: /* @__PURE__ */ a(
-          G,
+          J,
           {
             label: d,
             type: z,
@@ -60,76 +61,78 @@ function y({
           }
         ) })
       ] }),
-      h && /* @__PURE__ */ a("div", { className: i["right-sidebar-header__secondary"], children: m ? /* @__PURE__ */ a(
+      m && /* @__PURE__ */ a("div", { className: i["right-sidebar-header__secondary"], children: h ? /* @__PURE__ */ a(
         "button",
         {
           type: "button",
           ...e,
-          className: J(
+          className: K(
             i["right-sidebar-header__secondary-text"],
             i["right-sidebar-header__secondary-button"],
             e == null ? void 0 : e.className
           ),
           onClick: (N) => {
             var t;
-            m(N), (t = e == null ? void 0 : e.onClick) == null || t.call(e, N);
+            h(N), (t = e == null ? void 0 : e.onClick) == null || t.call(e, N);
           },
-          children: h
+          children: m
         }
-      ) : /* @__PURE__ */ a("span", { className: i["right-sidebar-header__secondary-text"], children: h }) })
+      ) : /* @__PURE__ */ a("span", { className: i["right-sidebar-header__secondary-text"], children: m }) })
     ] }),
     /* @__PURE__ */ r("div", { className: i["right-sidebar-header__actions"], children: [
-      f && /* @__PURE__ */ a(
-        "button",
+      n && /* @__PURE__ */ a(
+        G,
         {
-          type: "button",
+          emphasis: "dim",
+          size: "small",
+          compact: !0,
           className: [
             i["right-sidebar-header__action"],
             p ? i["right-sidebar-header__action--active"] : ""
           ].filter(Boolean).join(" "),
           onClick: j,
           "aria-pressed": p ? !0 : void 0,
-          children: f
+          children: n
         }
       ),
       A,
       b && /* @__PURE__ */ a(
-        s,
+        l,
         {
           size: "small",
-          "aria-label": g ? x : w,
+          "aria-label": o ? x : w,
           onClick: b,
           icon: /* @__PURE__ */ a(
-            l,
+            s,
             {
               size: "16",
-              glyph: g ? /* @__PURE__ */ a(O, {}) : /* @__PURE__ */ a(R, {})
+              glyph: o ? /* @__PURE__ */ a(O, {}) : /* @__PURE__ */ a(R, {})
             }
           )
         }
       ),
-      n && /* @__PURE__ */ a(
-        s,
+      g && /* @__PURE__ */ a(
+        l,
         {
           size: "small",
           "aria-label": I,
-          onClick: n,
-          icon: /* @__PURE__ */ a(l, { size: "16", glyph: /* @__PURE__ */ a(F, {}) })
+          onClick: g,
+          icon: /* @__PURE__ */ a(s, { size: "16", glyph: /* @__PURE__ */ a(F, {}) })
         }
       ),
-      o && /* @__PURE__ */ a(
-        s,
+      f && /* @__PURE__ */ a(
+        l,
         {
           size: "small",
           "aria-label": v,
-          onClick: o,
-          icon: /* @__PURE__ */ a(l, { size: "16", glyph: /* @__PURE__ */ a(q, {}) })
+          onClick: f,
+          icon: /* @__PURE__ */ a(s, { size: "16", glyph: /* @__PURE__ */ a(q, {}) })
         }
       )
     ] })
   ] });
 }
 export {
-  y as default
+  B as default
 };
 //# sourceMappingURL=RightSidebarHeader.js.map

package/dist/components/right-sidebar-header/RightSidebarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarHeader.js","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport ArrowCollapseIcon from '@mattermost/compass-icons/components/arrow-collapse';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DockWindowIcon from '@mattermost/compass-icons/components/dock-window';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport { mergeClassNames } from '@/utils/props';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'children' | 'dangerouslySetInnerHTML'\n> {\n  /** Primary title text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: ReactNode;\n  /** When set, the secondary title renders as a button (e.g. to open the parent channel) and calls this on click with the event. It looks the same at rest and shows a dim background on hover. */\n  onSecondaryTitleClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Extra attributes for the secondary title button (e.g. `aria-label`, `data-testid`). Only used with `onSecondaryTitleClick`; its `onClick` also runs, after that handler. */\n  secondaryTitleButtonProps?: BuiltInButtonProps;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: ReactNode;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a `UserAvatar` or an icon. When passing an icon, use `<Icon glyph={<SomeIcon />} size=\"20\" />` to align with the title text. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** Accessible name for the back button. Default: \"Back\". */\n  backLabel?: string;\n  /** When set, shows an expand/collapse button and calls this on click. */\n  onExpand?: () => void;\n  /** When true, the expand button shows the collapse icon. Requires `onExpand`. */\n  expanded?: boolean;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse\". */\n  collapseLabel?: string;\n  /** When set, shows a pop out button (open in a new window) between expand and close, and calls this on click. */\n  onPopout?: () => void;\n  /** Accessible name for the pop out button. Default: \"Open in new window\". */\n  popoutLabel?: string;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Optional inline action label (e.g. \"Follow\"). Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  /** Optional custom actions (e.g. a Filters `Button` + popover) rendered in the actions region after `actionLabel` and before the expand / pop out / close buttons. */\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  onSecondaryTitleClick,\n  secondaryTitleButtonProps,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  backLabel = 'Back',\n  onExpand,\n  expanded = false,\n  expandLabel = 'Expand',\n  collapseLabel = 'Collapse',\n  onPopout,\n  popoutLabel = 'Open in new window',\n  onClose,\n  closeLabel = 'Close',\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  actions,\n  className = '',\n  ...rest\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label={backLabel}\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowLeftIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            {onSecondaryTitleClick ? (\n              <button\n                type=\"button\"\n                {...secondaryTitleButtonProps}\n                className={mergeClassNames(\n                  styles['right-sidebar-header__secondary-text'],\n                  styles['right-sidebar-header__secondary-button'],\n                  secondaryTitleButtonProps?.className,\n                )}\n                onClick={(event) => {\n                  onSecondaryTitleClick(event);\n                  secondaryTitleButtonProps?.onClick?.(event);\n                }}\n              >\n                {secondaryTitle}\n              </button>\n            ) : (\n              <span className={styles['right-sidebar-header__secondary-text']}>\n                {secondaryTitle}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <button\n            type=\"button\"\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </button>\n        )}\n        {actions}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label={expanded ? collapseLabel : expandLabel}\n            onClick={onExpand}\n            icon={\n              <Icon\n                size=\"16\"\n                glyph={expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n              />\n            }\n          />\n        )}\n        {onPopout && (\n          <IconButton\n            size=\"small\"\n            aria-label={popoutLabel}\n            onClick={onPopout}\n            icon={<Icon size=\"16\" glyph={<DockWindowIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","onSecondaryTitleClick","secondaryTitleButtonProps","tag","tagType","leadingIcon","onBack","backLabel","onExpand","expanded","expandLabel","collapseLabel","onPopout","popoutLabel","onClose","closeLabel","actionLabel","onActionClick","actionActive","actions","className","rest","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowLeftIcon","Tag","mergeClassNames","event","_a","ArrowCollapseIcon","ArrowExpandIcon","DockWindowIcon","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"RightSidebarHeader.js","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport ArrowCollapseIcon from '@mattermost/compass-icons/components/arrow-collapse';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DockWindowIcon from '@mattermost/compass-icons/components/dock-window';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport { mergeClassNames } from '@/utils/props';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'children' | 'dangerouslySetInnerHTML'\n> {\n  /** Primary title text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: ReactNode;\n  /** When set, the secondary title renders as a button (e.g. to open the parent channel) and calls this on click with the event. It looks the same at rest and shows a dim background on hover. */\n  onSecondaryTitleClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Extra attributes for the secondary title button (e.g. `aria-label`, `data-testid`). Only used with `onSecondaryTitleClick`; its `onClick` also runs, after that handler. */\n  secondaryTitleButtonProps?: BuiltInButtonProps;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: ReactNode;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a `UserAvatar` or an icon. When passing an icon, use `<Icon glyph={<SomeIcon />} size=\"20\" />` to align with the title text. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** Accessible name for the back button. Default: \"Back\". */\n  backLabel?: string;\n  /** When set, shows an expand/collapse button and calls this on click. */\n  onExpand?: () => void;\n  /** When true, the expand button shows the collapse icon. Requires `onExpand`. */\n  expanded?: boolean;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse\". */\n  collapseLabel?: string;\n  /** When set, shows a pop out button (open in a new window) between expand and close, and calls this on click. */\n  onPopout?: () => void;\n  /** Accessible name for the pop out button. Default: \"Open in new window\". */\n  popoutLabel?: string;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Optional inline action label (e.g. \"Follow\"). Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  /** Optional custom actions (e.g. a Filters `Button` + popover) rendered in the actions region after `actionLabel` and before the expand / pop out / close buttons. */\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  onSecondaryTitleClick,\n  secondaryTitleButtonProps,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  backLabel = 'Back',\n  onExpand,\n  expanded = false,\n  expandLabel = 'Expand',\n  collapseLabel = 'Collapse',\n  onPopout,\n  popoutLabel = 'Open in new window',\n  onClose,\n  closeLabel = 'Close',\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  actions,\n  className = '',\n  ...rest\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label={backLabel}\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowLeftIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            {onSecondaryTitleClick ? (\n              <button\n                type=\"button\"\n                {...secondaryTitleButtonProps}\n                className={mergeClassNames(\n                  styles['right-sidebar-header__secondary-text'],\n                  styles['right-sidebar-header__secondary-button'],\n                  secondaryTitleButtonProps?.className,\n                )}\n                onClick={(event) => {\n                  onSecondaryTitleClick(event);\n                  secondaryTitleButtonProps?.onClick?.(event);\n                }}\n              >\n                {secondaryTitle}\n              </button>\n            ) : (\n              <span className={styles['right-sidebar-header__secondary-text']}>\n                {secondaryTitle}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <Button\n            emphasis=\"dim\"\n            size=\"small\"\n            compact\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </Button>\n        )}\n        {actions}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label={expanded ? collapseLabel : expandLabel}\n            onClick={onExpand}\n            icon={\n              <Icon\n                size=\"16\"\n                glyph={expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n              />\n            }\n          />\n        )}\n        {onPopout && (\n          <IconButton\n            size=\"small\"\n            aria-label={popoutLabel}\n            onClick={onPopout}\n            icon={<Icon size=\"16\" glyph={<DockWindowIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","onSecondaryTitleClick","secondaryTitleButtonProps","tag","tagType","leadingIcon","onBack","backLabel","onExpand","expanded","expandLabel","collapseLabel","onPopout","popoutLabel","onClose","closeLabel","actionLabel","onActionClick","actionActive","actions","className","rest","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowLeftIcon","Tag","mergeClassNames","event","_a","Button","ArrowCollapseIcon","ArrowExpandIcon","DockWindowIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAgEA,SAAwBA,EAAmB;AAAA,EACzC,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,eAAAC,IAAgB;AAAA,EAChB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA4B;AAC1B,QAAMC,IAAY,CAACC,EAAO,sBAAsB,GAAGH,CAAS,EACzD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAK,GAAGH,GAAM,WAAWC,GACxB,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWD,EAAO,4BAA4B,GACjD,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,+BAA+B,GACnD,UAAA;AAAA,QAAAjB,KACC,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWH,EAAO,4BAA4B;AAAA,YAC9C,MAAK;AAAA,YACL,cAAYhB;AAAA,YACZ,SAASD;AAAA,YACT,wBAAOqB,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAc,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGnDvB,KACC,gBAAAoB,EAAC,QAAA,EAAK,WAAWF,EAAO,oCAAoC,GACzD,UAAAlB,GACH;AAAA,0BAED,QAAA,EAAK,WAAWkB,EAAO,6BAA6B,GAAI,UAAAxB,GAAM;AAAA,QAC9DI,KACC,gBAAAsB,EAAC,QAAA,EAAK,WAAWF,EAAO,2BAA2B,GACjD,UAAA,gBAAAE;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAO1B;AAAA,YACP,MAAMC;AAAA,YACN,MAAK;AAAA,YACL,QAAO;AAAA,UAAA;AAAA,QAAA,EACT,CACF;AAAA,MAAA,GAEJ;AAAA,MACCJ,KACC,gBAAAyB,EAAC,OAAA,EAAI,WAAWF,EAAO,iCAAiC,GACrD,UAAAtB,IACC,gBAAAwB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACJ,GAAGvB;AAAA,UACJ,WAAW4B;AAAA,YACTP,EAAO,sCAAsC;AAAA,YAC7CA,EAAO,wCAAwC;AAAA,YAC/CrB,KAAA,gBAAAA,EAA2B;AAAA,UAAA;AAAA,UAE7B,SAAS,CAAC6B,MAAU;;AAClB,YAAA9B,EAAsB8B,CAAK,IAC3BC,IAAA9B,KAAA,gBAAAA,EAA2B,YAA3B,QAAA8B,EAAA,KAAA9B,GAAqC6B;AAAA,UACvC;AAAA,UAEC,UAAA/B;AAAA,QAAA;AAAA,MAAA,sBAGF,QAAA,EAAK,WAAWuB,EAAO,sCAAsC,GAC3D,aACH,EAAA,CAEJ;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,+BAA+B,GACnD,UAAA;AAAA,MAAAP,KACC,gBAAAS;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,MAAK;AAAA,UACL,SAAO;AAAA,UACP,WAAW;AAAA,YACTV,EAAO,8BAA8B;AAAA,YACrCL,IACIK,EAAO,sCAAsC,IAC7C;AAAA,UAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,SAASN;AAAA,UACT,gBAAcC,IAAe,KAAO;AAAA,UAEnC,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJG;AAAA,MACAX,KACC,gBAAAiB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAYjB,IAAWE,IAAgBD;AAAA,UACvC,SAASF;AAAA,UACT,MACE,gBAAAiB;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAOlB,IAAW,gBAAAgB,EAACS,GAAA,CAAA,CAAkB,sBAAMC,GAAA,CAAA,CAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7D;AAAA,MAAA;AAAA,MAILvB,KACC,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAYb;AAAA,UACZ,SAASD;AAAA,UACT,wBAAOe,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACW,KAAe,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGpDtB,KACC,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAYX;AAAA,UACZ,SAASD;AAAA,UACT,wBAAOa,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACY,KAAU,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./RightSidebarHeader.css');const e={"right-sidebar-header":"_right-sidebar-header_1jogp_2","right-sidebar-header__left":"_right-sidebar-header__left_1jogp_12","right-sidebar-header__primary":"_right-sidebar-header__primary_1jogp_18","right-sidebar-header__back":"_right-sidebar-header__back_1jogp_25","right-sidebar-header__leading-icon":"_right-sidebar-header__leading-icon_1jogp_28","right-sidebar-header__tag":"_right-sidebar-header__tag_1jogp_33","right-sidebar-header__title":"_right-sidebar-header__title_1jogp_37","right-sidebar-header__secondary":"_right-sidebar-header__secondary_1jogp_47","right-sidebar-header__secondary-button":"_right-sidebar-header__secondary-button_1jogp_56","right-sidebar-header__secondary-text":"_right-sidebar-header__secondary-text_1jogp_59","right-sidebar-header__actions":"_right-sidebar-header__actions_1jogp_95","right-sidebar-header__action":"_right-sidebar-header__action_1jogp_95","right-sidebar-header__action--active":"_right-sidebar-header__action--active_1jogp_129"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./RightSidebarHeader.css');const e={"right-sidebar-header":"_right-sidebar-header_gkzgk_13","right-sidebar-header__left":"_right-sidebar-header__left_gkzgk_23","right-sidebar-header__primary":"_right-sidebar-header__primary_gkzgk_29","right-sidebar-header__back":"_right-sidebar-header__back_gkzgk_36","right-sidebar-header__leading-icon":"_right-sidebar-header__leading-icon_gkzgk_39","right-sidebar-header__tag":"_right-sidebar-header__tag_gkzgk_44","right-sidebar-header__title":"_right-sidebar-header__title_gkzgk_48","right-sidebar-header__secondary":"_right-sidebar-header__secondary_gkzgk_58","right-sidebar-header__secondary-button":"_right-sidebar-header__secondary-button_gkzgk_67","right-sidebar-header__secondary-text":"_right-sidebar-header__secondary-text_gkzgk_70","right-sidebar-header__actions":"_right-sidebar-header__actions_gkzgk_119","right-sidebar-header__action--active":"_right-sidebar-header__action--active_gkzgk_125"};exports.default=e;
 //# sourceMappingURL=RightSidebarHeader.module.scss.cjs.map

package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.js

@@ -1,17 +1,16 @@
 import './RightSidebarHeader.css';const e = {
-  "right-sidebar-header": "_right-sidebar-header_1jogp_2",
-  "right-sidebar-header__left": "_right-sidebar-header__left_1jogp_12",
-  "right-sidebar-header__primary": "_right-sidebar-header__primary_1jogp_18",
-  "right-sidebar-header__back": "_right-sidebar-header__back_1jogp_25",
-  "right-sidebar-header__leading-icon": "_right-sidebar-header__leading-icon_1jogp_28",
-  "right-sidebar-header__tag": "_right-sidebar-header__tag_1jogp_33",
-  "right-sidebar-header__title": "_right-sidebar-header__title_1jogp_37",
-  "right-sidebar-header__secondary": "_right-sidebar-header__secondary_1jogp_47",
-  "right-sidebar-header__secondary-button": "_right-sidebar-header__secondary-button_1jogp_56",
-  "right-sidebar-header__secondary-text": "_right-sidebar-header__secondary-text_1jogp_59",
-  "right-sidebar-header__actions": "_right-sidebar-header__actions_1jogp_95",
-  "right-sidebar-header__action": "_right-sidebar-header__action_1jogp_95",
-  "right-sidebar-header__action--active": "_right-sidebar-header__action--active_1jogp_129"
+  "right-sidebar-header": "_right-sidebar-header_gkzgk_13",
+  "right-sidebar-header__left": "_right-sidebar-header__left_gkzgk_23",
+  "right-sidebar-header__primary": "_right-sidebar-header__primary_gkzgk_29",
+  "right-sidebar-header__back": "_right-sidebar-header__back_gkzgk_36",
+  "right-sidebar-header__leading-icon": "_right-sidebar-header__leading-icon_gkzgk_39",
+  "right-sidebar-header__tag": "_right-sidebar-header__tag_gkzgk_44",
+  "right-sidebar-header__title": "_right-sidebar-header__title_gkzgk_48",
+  "right-sidebar-header__secondary": "_right-sidebar-header__secondary_gkzgk_58",
+  "right-sidebar-header__secondary-button": "_right-sidebar-header__secondary-button_gkzgk_67",
+  "right-sidebar-header__secondary-text": "_right-sidebar-header__secondary-text_gkzgk_70",
+  "right-sidebar-header__actions": "_right-sidebar-header__actions_gkzgk_119",
+  "right-sidebar-header__action--active": "_right-sidebar-header__action--active_gkzgk_125"
 };
 export {
   e as default

package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.js.map

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

package/dist/components/scrollbar/Scrollbar.css

@@ -1 +1 @@
-._scrollbar_xs0gi_2{width:100%;height:100%;min-height:0;--scrollbar-color: var(--center-channel-color-rgb)}._scrollbar_xs0gi_2 .simplebar-track.simplebar-vertical{width:8px}._scrollbar_xs0gi_2 .simplebar-track.simplebar-horizontal{height:8px}._scrollbar--size-wide_xs0gi_14 .simplebar-track.simplebar-vertical{width:10px}._scrollbar--size-wide_xs0gi_14 .simplebar-track.simplebar-horizontal{height:10px}._scrollbar_xs0gi_2 .simplebar-scrollbar:before{left:2px;right:2px;top:2px;bottom:2px;border-radius:var(--radius-pill);background-color:rgba(var(--scrollbar-color, var(--center-channel-color-rgb)),.24);transition:opacity var(--duration-quick) var(--ease-exit),background-color var(--duration-quick) var(--ease-transition)}._scrollbar_xs0gi_2 .simplebar-scrollbar.simplebar-visible:before{opacity:1}._scrollbar_xs0gi_2 .simplebar-track:hover .simplebar-scrollbar:before,._scrollbar_xs0gi_2 .simplebar-scrollbar.simplebar-hover:before{opacity:1;background-color:rgba(var(--scrollbar-color, var(--center-channel-color-rgb)),.4)}._scrollbar_xs0gi_2 .simplebar-track{pointer-events:auto}
+._scrollbar_c4qaw_13{width:100%;height:100%;min-height:0;--scrollbar-color: var(--center-channel-color-rgb)}._scrollbar_c4qaw_13 .simplebar-track.simplebar-vertical{width:8px}._scrollbar_c4qaw_13 .simplebar-track.simplebar-horizontal{height:8px}._scrollbar--size-wide_c4qaw_25 .simplebar-track.simplebar-vertical{width:10px}._scrollbar--size-wide_c4qaw_25 .simplebar-track.simplebar-horizontal{height:10px}._scrollbar_c4qaw_13 .simplebar-scrollbar:before{left:2px;right:2px;top:2px;bottom:2px;border-radius:var(--radius-pill);background-color:rgba(var(--scrollbar-color, var(--center-channel-color-rgb)),.24);transition:opacity var(--duration-quick) var(--ease-exit),background-color var(--duration-quick) var(--ease-transition)}._scrollbar_c4qaw_13 .simplebar-scrollbar.simplebar-visible:before{opacity:1}._scrollbar_c4qaw_13 .simplebar-track:hover .simplebar-scrollbar:before,._scrollbar_c4qaw_13 .simplebar-scrollbar.simplebar-hover:before{opacity:1;background-color:rgba(var(--scrollbar-color, var(--center-channel-color-rgb)),.4)}._scrollbar_c4qaw_13 .simplebar-track{pointer-events:auto}

package/dist/components/scrollbar/Scrollbar.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Scrollbar.css');const l="_scrollbar_xs0gi_2",e={scrollbar:l,"scrollbar--size-wide":"_scrollbar--size-wide_xs0gi_14"};exports.default=e;exports.scrollbar=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Scrollbar.css');const l="_scrollbar_c4qaw_13",e={scrollbar:l,"scrollbar--size-wide":"_scrollbar--size-wide_c4qaw_25"};exports.default=e;exports.scrollbar=l;
 //# sourceMappingURL=Scrollbar.module.scss.cjs.map

package/dist/components/scrollbar/Scrollbar.module.scss.js

@@ -1,9 +1,9 @@
-import './Scrollbar.css';const s = "_scrollbar_xs0gi_2", l = {
-  scrollbar: s,
-  "scrollbar--size-wide": "_scrollbar--size-wide_xs0gi_14"
+import './Scrollbar.css';const l = "_scrollbar_c4qaw_13", s = {
+  scrollbar: l,
+  "scrollbar--size-wide": "_scrollbar--size-wide_c4qaw_25"
 };
 export {
-  l as default,
-  s as scrollbar
+  s as default,
+  l as scrollbar
 };
 //# sourceMappingURL=Scrollbar.module.scss.js.map

package/dist/components/search-input/SearchInput.css

@@ -1 +1 @@
-._search-input_1c95e_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._search-input__wrapper_1c95e_8{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:not(:disabled)):hover:not(:focus-within) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:focus-visible) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:disabled) ._search-input__wrapper_1c95e_8{background-color:var(--center-channel-bg);opacity:.56}._search-input__label_1c95e_28{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__inner_1c95e_55{display:flex;align-items:center;flex:1;min-width:0}._search-input__input_1c95e_18{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._search-input__input_1c95e_18::-webkit-search-decoration,._search-input__input_1c95e_18::-webkit-search-cancel-button{-webkit-appearance:none}._search-input__input_1c95e_18:focus{outline:none}._search-input__input_1c95e_18::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._search-input__input_1c95e_18:disabled{cursor:not-allowed}._search-input__leading-icon_1c95e_86,._search-input__trailing-icon_1c95e_86{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__leading-icon_1c95e_86{margin-right:var(--spacing-xs);pointer-events:none}._search-input__trailing-icon_1c95e_86{margin-left:var(--spacing-xs)}._search-input--size-small_1c95e_100 ._search-input__wrapper_1c95e_8{min-height:32px}._search-input--size-small_1c95e_100 ._search-input__inner_1c95e_55{padding:var(--spacing-xs) var(--spacing-m)}._search-input--size-small_1c95e_100 ._search-input__input_1c95e_18{font-size:var(--font-size-75);line-height:var(--line-height-25)}._search-input--size-small_1c95e_100._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-medium_1c95e_116 ._search-input__wrapper_1c95e_8{min-height:40px}._search-input--size-medium_1c95e_116 ._search-input__inner_1c95e_55{padding:var(--spacing-s) var(--spacing-l)}._search-input--size-medium_1c95e_116 ._search-input__input_1c95e_18{font-size:var(--font-size-100);line-height:var(--line-height-100)}._search-input--size-medium_1c95e_116 ._search-input__label_1c95e_28{font-size:var(--font-size-100);left:var(--spacing-m)}._search-input--size-medium_1c95e_116._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-large_1c95e_136 ._search-input__wrapper_1c95e_8{min-height:48px}._search-input--size-large_1c95e_136 ._search-input__inner_1c95e_55{padding:var(--spacing-m) var(--spacing-l)}._search-input--size-large_1c95e_136 ._search-input__input_1c95e_18{font-size:var(--font-size-200);line-height:var(--line-height-200)}._search-input--size-large_1c95e_136 ._search-input__label_1c95e_28{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._search-input--size-large_1c95e_136._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--has-leading-icon_1c95e_157 ._search-input__label_1c95e_28{left:28px}._search-input--has-leading-icon_1c95e_157._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-xs)}._search-input--has-leading-icon_1c95e_157._search-input--size-medium_1c95e_116 ._search-input__label_1c95e_28{left:36px}._search-input--has-leading-icon_1c95e_157._search-input--size-medium_1c95e_116._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-m)}._search-input--has-leading-icon_1c95e_157._search-input--size-large_1c95e_136 ._search-input__label_1c95e_28{left:40px}._search-input--has-leading-icon_1c95e_157._search-input--size-large_1c95e_136._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-m)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:focus-visible) ._search-input__label_1c95e_28{color:var(--button-bg)}._search-input_1c95e_2:not(._search-input--label-floated_1c95e_48) ._search-input__label_1c95e_28~* ._search-input__input_1c95e_18::placeholder{color:transparent}._search-input--invalid_1c95e_181 ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181:has(._search-input__input_1c95e_18:focus-visible) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181 ._search-input__label_1c95e_28{color:var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181:has(._search-input__input_1c95e_18:focus-visible) ._search-input__label_1c95e_28{color:var(--error-text, var(--color-danger))}
+._search-input_1wqam_13{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._search-input__wrapper_1wqam_19{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._search-input_1wqam_13:has(._search-input__input_1wqam_29:not(:disabled)):hover:not(:focus-within) ._search-input__wrapper_1wqam_19{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._search-input_1wqam_13:has(._search-input__input_1wqam_29:focus-visible) ._search-input__wrapper_1wqam_19{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._search-input_1wqam_13:has(._search-input__input_1wqam_29:disabled) ._search-input__wrapper_1wqam_19{background-color:var(--center-channel-bg);opacity:.56}._search-input__label_1wqam_39{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__inner_1wqam_66{display:flex;align-items:center;flex:1;min-width:0}._search-input__input_1wqam_29{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._search-input__input_1wqam_29::-webkit-search-decoration,._search-input__input_1wqam_29::-webkit-search-cancel-button{-webkit-appearance:none}._search-input__input_1wqam_29:focus{outline:none}._search-input__input_1wqam_29::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._search-input__input_1wqam_29:disabled{cursor:not-allowed}._search-input__leading-icon_1wqam_97,._search-input__trailing-icon_1wqam_97{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__leading-icon_1wqam_97{margin-right:var(--spacing-xs);pointer-events:none}._search-input__trailing-icon_1wqam_97{margin-left:var(--spacing-xs)}._search-input--size-small_1wqam_111 ._search-input__wrapper_1wqam_19{min-height:32px}._search-input--size-small_1wqam_111 ._search-input__inner_1wqam_66{padding:var(--spacing-xs) var(--spacing-m)}._search-input--size-small_1wqam_111 ._search-input__input_1wqam_29{font-size:var(--font-size-75);line-height:var(--line-height-25)}._search-input--size-small_1wqam_111._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._search-input--size-medium_1wqam_127 ._search-input__wrapper_1wqam_19{min-height:40px}._search-input--size-medium_1wqam_127 ._search-input__inner_1wqam_66{padding:var(--spacing-s) var(--spacing-l)}._search-input--size-medium_1wqam_127 ._search-input__input_1wqam_29{font-size:var(--font-size-100);line-height:var(--line-height-100)}._search-input--size-medium_1wqam_127 ._search-input__label_1wqam_39{font-size:var(--font-size-100);left:var(--spacing-m)}._search-input--size-medium_1wqam_127._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._search-input--size-large_1wqam_147 ._search-input__wrapper_1wqam_19{min-height:48px}._search-input--size-large_1wqam_147 ._search-input__inner_1wqam_66{padding:var(--spacing-m) var(--spacing-l)}._search-input--size-large_1wqam_147 ._search-input__input_1wqam_29{font-size:var(--font-size-200);line-height:var(--line-height-200)}._search-input--size-large_1wqam_147 ._search-input__label_1wqam_39{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._search-input--size-large_1wqam_147._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._search-input--has-leading-icon_1wqam_168 ._search-input__label_1wqam_39{left:28px}._search-input--has-leading-icon_1wqam_168._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{left:var(--spacing-xs)}._search-input--has-leading-icon_1wqam_168._search-input--size-medium_1wqam_127 ._search-input__label_1wqam_39{left:36px}._search-input--has-leading-icon_1wqam_168._search-input--size-medium_1wqam_127._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{left:var(--spacing-m)}._search-input--has-leading-icon_1wqam_168._search-input--size-large_1wqam_147 ._search-input__label_1wqam_39{left:40px}._search-input--has-leading-icon_1wqam_168._search-input--size-large_1wqam_147._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{left:var(--spacing-m)}._search-input_1wqam_13:has(._search-input__input_1wqam_29:focus-visible) ._search-input__label_1wqam_39{color:var(--button-bg)}._search-input_1wqam_13:not(._search-input--label-floated_1wqam_59) ._search-input__label_1wqam_39~* ._search-input__input_1wqam_29::placeholder{color:transparent}._search-input--invalid_1wqam_192 ._search-input__wrapper_1wqam_19{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1wqam_192:has(._search-input__input_1wqam_29:focus-visible) ._search-input__wrapper_1wqam_19{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1wqam_192 ._search-input__label_1wqam_39{color:var(--error-text, var(--color-danger))}._search-input--invalid_1wqam_192:has(._search-input__input_1wqam_29:focus-visible) ._search-input__label_1wqam_39{color:var(--error-text, var(--color-danger))}

package/dist/components/search-input/SearchInput.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchInput.css');const e={"search-input":"_search-input_1c95e_2","search-input__wrapper":"_search-input__wrapper_1c95e_8","search-input__input":"_search-input__input_1c95e_18","search-input__label":"_search-input__label_1c95e_28","search-input--label-floated":"_search-input--label-floated_1c95e_48","search-input__inner":"_search-input__inner_1c95e_55","search-input__leading-icon":"_search-input__leading-icon_1c95e_86","search-input__trailing-icon":"_search-input__trailing-icon_1c95e_86","search-input--size-small":"_search-input--size-small_1c95e_100","search-input--size-medium":"_search-input--size-medium_1c95e_116","search-input--size-large":"_search-input--size-large_1c95e_136","search-input--has-leading-icon":"_search-input--has-leading-icon_1c95e_157","search-input--invalid":"_search-input--invalid_1c95e_181"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchInput.css');const a={"search-input":"_search-input_1wqam_13","search-input__wrapper":"_search-input__wrapper_1wqam_19","search-input__input":"_search-input__input_1wqam_29","search-input__label":"_search-input__label_1wqam_39","search-input--label-floated":"_search-input--label-floated_1wqam_59","search-input__inner":"_search-input__inner_1wqam_66","search-input__leading-icon":"_search-input__leading-icon_1wqam_97","search-input__trailing-icon":"_search-input__trailing-icon_1wqam_97","search-input--size-small":"_search-input--size-small_1wqam_111","search-input--size-medium":"_search-input--size-medium_1wqam_127","search-input--size-large":"_search-input--size-large_1wqam_147","search-input--has-leading-icon":"_search-input--has-leading-icon_1wqam_168","search-input--invalid":"_search-input--invalid_1wqam_192"};exports.default=a;
 //# sourceMappingURL=SearchInput.module.scss.cjs.map

package/dist/components/search-input/SearchInput.module.scss.js

@@ -1,19 +1,19 @@
-import './SearchInput.css';const e = {
-  "search-input": "_search-input_1c95e_2",
-  "search-input__wrapper": "_search-input__wrapper_1c95e_8",
-  "search-input__input": "_search-input__input_1c95e_18",
-  "search-input__label": "_search-input__label_1c95e_28",
-  "search-input--label-floated": "_search-input--label-floated_1c95e_48",
-  "search-input__inner": "_search-input__inner_1c95e_55",
-  "search-input__leading-icon": "_search-input__leading-icon_1c95e_86",
-  "search-input__trailing-icon": "_search-input__trailing-icon_1c95e_86",
-  "search-input--size-small": "_search-input--size-small_1c95e_100",
-  "search-input--size-medium": "_search-input--size-medium_1c95e_116",
-  "search-input--size-large": "_search-input--size-large_1c95e_136",
-  "search-input--has-leading-icon": "_search-input--has-leading-icon_1c95e_157",
-  "search-input--invalid": "_search-input--invalid_1c95e_181"
+import './SearchInput.css';const a = {
+  "search-input": "_search-input_1wqam_13",
+  "search-input__wrapper": "_search-input__wrapper_1wqam_19",
+  "search-input__input": "_search-input__input_1wqam_29",
+  "search-input__label": "_search-input__label_1wqam_39",
+  "search-input--label-floated": "_search-input--label-floated_1wqam_59",
+  "search-input__inner": "_search-input__inner_1wqam_66",
+  "search-input__leading-icon": "_search-input__leading-icon_1wqam_97",
+  "search-input__trailing-icon": "_search-input__trailing-icon_1wqam_97",
+  "search-input--size-small": "_search-input--size-small_1wqam_111",
+  "search-input--size-medium": "_search-input--size-medium_1wqam_127",
+  "search-input--size-large": "_search-input--size-large_1wqam_147",
+  "search-input--has-leading-icon": "_search-input--has-leading-icon_1wqam_168",
+  "search-input--invalid": "_search-input--invalid_1wqam_192"
 };
 export {
-  e as default
+  a as default
 };
 //# sourceMappingURL=SearchInput.module.scss.js.map

package/dist/components/search-tip-banner/SearchTipBanner.css

@@ -1 +1 @@
-._search-tip-banner_slriu_2{display:inline-flex;align-items:center;justify-content:flex-start;width:fit-content;max-width:100%;gap:var(--spacing-l);padding:var(--spacing-xxxs) var(--spacing-xxxs) var(--spacing-xxxs) var(--spacing-m);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-2)}._search-tip-banner__content_slriu_15{display:inline-flex;align-items:center;gap:var(--spacing-s);height:24px;overflow:hidden}._search-tip-banner__text_slriu_22{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap}
+._search-tip-banner_1yblp_13{display:inline-flex;align-items:center;justify-content:flex-start;width:fit-content;max-width:100%;gap:var(--spacing-l);padding:var(--spacing-xxxs) var(--spacing-xxxs) var(--spacing-xxxs) var(--spacing-m);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-2)}._search-tip-banner__content_1yblp_26{display:inline-flex;align-items:center;gap:var(--spacing-s);height:24px;overflow:hidden}._search-tip-banner__text_1yblp_33{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap}

package/dist/components/search-tip-banner/SearchTipBanner.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchTipBanner.css');const e={"search-tip-banner":"_search-tip-banner_slriu_2","search-tip-banner__content":"_search-tip-banner__content_slriu_15","search-tip-banner__text":"_search-tip-banner__text_slriu_22"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchTipBanner.css');const e={"search-tip-banner":"_search-tip-banner_1yblp_13","search-tip-banner__content":"_search-tip-banner__content_1yblp_26","search-tip-banner__text":"_search-tip-banner__text_1yblp_33"};exports.default=e;
 //# sourceMappingURL=SearchTipBanner.module.scss.cjs.map

package/dist/components/search-tip-banner/SearchTipBanner.module.scss.js

@@ -1,7 +1,7 @@
 import './SearchTipBanner.css';const e = {
-  "search-tip-banner": "_search-tip-banner_slriu_2",
-  "search-tip-banner__content": "_search-tip-banner__content_slriu_15",
-  "search-tip-banner__text": "_search-tip-banner__text_slriu_22"
+  "search-tip-banner": "_search-tip-banner_1yblp_13",
+  "search-tip-banner__content": "_search-tip-banner__content_1yblp_26",
+  "search-tip-banner__text": "_search-tip-banner__text_1yblp_33"
 };
 export {
   e as default

package/dist/components/section-notice/SectionNotice.css

@@ -1 +1 @@
-._section-notice_1x4j7_2{display:flex;flex-direction:column;align-items:flex-end;position:relative;border-radius:var(--radius-s);border:1px solid rgba(var(--color-info-rgb),.16);background-color:rgba(var(--color-info-rgb),.04)}._section-notice__content_1x4j7_11{display:flex;align-items:flex-start;gap:var(--spacing-m);padding:var(--spacing-m);width:100%}._section-notice__icon_1x4j7_18{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-info)}._section-notice__body_1x4j7_25{display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-xs);min-width:0;overflow:hidden;padding-right:var(--spacing-xl)}._section-notice__title_1x4j7_34._section-notice__title_1x4j7_34{margin:0;font-weight:var(--font-weight-semibold)}._section-notice__title_1x4j7_34{padding:0;font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);letter-spacing:var(--letter-spacing-normal);text-transform:none;color:var(--center-channel-color)}._section-notice__description_1x4j7_47{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color)}._section-notice__actions_1x4j7_53{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxs) 0}._section-notice__dismiss_1x4j7_59{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs)}._section-notice--type-warning_1x4j7_64{background-color:rgba(var(--color-warning-rgb),.04);border-color:rgba(var(--color-warning-rgb),.16)}._section-notice--type-warning_1x4j7_64 ._section-notice__icon_1x4j7_18{color:var(--color-warning)}._section-notice--type-danger_1x4j7_71{background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04);border-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._section-notice--type-danger_1x4j7_71 ._section-notice__icon_1x4j7_18{color:var(--error-text, var(--color-danger))}._section-notice--type-success_1x4j7_78{background-color:rgba(var(--color-success-rgb),.04);border-color:rgba(var(--color-success-rgb),.16)}._section-notice--type-success_1x4j7_78 ._section-notice__icon_1x4j7_18{color:var(--color-success)}._section-notice--type-hint_1x4j7_85{background-color:rgba(var(--center-channel-color-rgb),.04);border-color:rgba(var(--center-channel-color-rgb),.16)}._section-notice--type-hint_1x4j7_85 ._section-notice__icon_1x4j7_18{color:rgba(var(--center-channel-color-rgb),.64)}
+._section-notice_kwgux_13{display:flex;flex-direction:column;align-items:flex-end;position:relative;border-radius:var(--radius-s);border:1px solid rgba(var(--color-info-rgb),.16);background-color:rgba(var(--color-info-rgb),.04)}._section-notice__content_kwgux_22{display:flex;align-items:flex-start;gap:var(--spacing-m);padding:var(--spacing-m);width:100%}._section-notice__icon_kwgux_29{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-info)}._section-notice__body_kwgux_36{display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-xs);min-width:0;overflow:hidden;padding-right:var(--spacing-xl)}._section-notice__title_kwgux_45._section-notice__title_kwgux_45{margin:0;font-weight:var(--font-weight-semibold)}._section-notice__title_kwgux_45{padding:0;font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);letter-spacing:var(--letter-spacing-normal);text-transform:none;color:var(--center-channel-color)}._section-notice__description_kwgux_58{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color)}._section-notice__actions_kwgux_64{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxs) 0}._section-notice__dismiss_kwgux_70{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs)}._section-notice--type-warning_kwgux_75{background-color:rgba(var(--color-warning-rgb),.04);border-color:rgba(var(--color-warning-rgb),.16)}._section-notice--type-warning_kwgux_75 ._section-notice__icon_kwgux_29{color:var(--color-warning)}._section-notice--type-danger_kwgux_82{background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04);border-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._section-notice--type-danger_kwgux_82 ._section-notice__icon_kwgux_29{color:var(--error-text, var(--color-danger))}._section-notice--type-success_kwgux_89{background-color:rgba(var(--color-success-rgb),.04);border-color:rgba(var(--color-success-rgb),.16)}._section-notice--type-success_kwgux_89 ._section-notice__icon_kwgux_29{color:var(--color-success)}._section-notice--type-hint_kwgux_96{background-color:rgba(var(--center-channel-color-rgb),.04);border-color:rgba(var(--center-channel-color-rgb),.16)}._section-notice--type-hint_kwgux_96 ._section-notice__icon_kwgux_29{color:rgba(var(--center-channel-color-rgb),.64)}

package/dist/components/section-notice/SectionNotice.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SectionNotice.css');const e={"section-notice":"_section-notice_1x4j7_2","section-notice__content":"_section-notice__content_1x4j7_11","section-notice__icon":"_section-notice__icon_1x4j7_18","section-notice__body":"_section-notice__body_1x4j7_25","section-notice__title":"_section-notice__title_1x4j7_34","section-notice__description":"_section-notice__description_1x4j7_47","section-notice__actions":"_section-notice__actions_1x4j7_53","section-notice__dismiss":"_section-notice__dismiss_1x4j7_59","section-notice--type-warning":"_section-notice--type-warning_1x4j7_64","section-notice--type-danger":"_section-notice--type-danger_1x4j7_71","section-notice--type-success":"_section-notice--type-success_1x4j7_78","section-notice--type-hint":"_section-notice--type-hint_1x4j7_85"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SectionNotice.css');const e={"section-notice":"_section-notice_kwgux_13","section-notice__content":"_section-notice__content_kwgux_22","section-notice__icon":"_section-notice__icon_kwgux_29","section-notice__body":"_section-notice__body_kwgux_36","section-notice__title":"_section-notice__title_kwgux_45","section-notice__description":"_section-notice__description_kwgux_58","section-notice__actions":"_section-notice__actions_kwgux_64","section-notice__dismiss":"_section-notice__dismiss_kwgux_70","section-notice--type-warning":"_section-notice--type-warning_kwgux_75","section-notice--type-danger":"_section-notice--type-danger_kwgux_82","section-notice--type-success":"_section-notice--type-success_kwgux_89","section-notice--type-hint":"_section-notice--type-hint_kwgux_96"};exports.default=e;
 //# sourceMappingURL=SectionNotice.module.scss.cjs.map

package/dist/components/section-notice/SectionNotice.module.scss.js

@@ -1,16 +1,16 @@
 import './SectionNotice.css';const t = {
-  "section-notice": "_section-notice_1x4j7_2",
-  "section-notice__content": "_section-notice__content_1x4j7_11",
-  "section-notice__icon": "_section-notice__icon_1x4j7_18",
-  "section-notice__body": "_section-notice__body_1x4j7_25",
-  "section-notice__title": "_section-notice__title_1x4j7_34",
-  "section-notice__description": "_section-notice__description_1x4j7_47",
-  "section-notice__actions": "_section-notice__actions_1x4j7_53",
-  "section-notice__dismiss": "_section-notice__dismiss_1x4j7_59",
-  "section-notice--type-warning": "_section-notice--type-warning_1x4j7_64",
-  "section-notice--type-danger": "_section-notice--type-danger_1x4j7_71",
-  "section-notice--type-success": "_section-notice--type-success_1x4j7_78",
-  "section-notice--type-hint": "_section-notice--type-hint_1x4j7_85"
+  "section-notice": "_section-notice_kwgux_13",
+  "section-notice__content": "_section-notice__content_kwgux_22",
+  "section-notice__icon": "_section-notice__icon_kwgux_29",
+  "section-notice__body": "_section-notice__body_kwgux_36",
+  "section-notice__title": "_section-notice__title_kwgux_45",
+  "section-notice__description": "_section-notice__description_kwgux_58",
+  "section-notice__actions": "_section-notice__actions_kwgux_64",
+  "section-notice__dismiss": "_section-notice__dismiss_kwgux_70",
+  "section-notice--type-warning": "_section-notice--type-warning_kwgux_75",
+  "section-notice--type-danger": "_section-notice--type-danger_kwgux_82",
+  "section-notice--type-success": "_section-notice--type-success_kwgux_89",
+  "section-notice--type-hint": "_section-notice--type-hint_kwgux_96"
 };
 export {
   t as default

package/dist/components/segmented-control/SegmentedControl.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react/jsx-runtime"),u=require("react"),$=require("../icon/Icon.cjs"),R=require("../../utils/props.cjs"),F=require("../../utils/string.cjs"),l=require("./SegmentedControl.module.scss.cjs"),V={small:"12",medium:"16"};function W(r,t,a){return r<0?t<0?a-1:0:(r+t+a)%a}function U(r,t,a){const k=a?"ArrowLeft":"ArrowRight",h=a?"ArrowRight":"ArrowLeft";return r===k||t&&r==="ArrowDown"?1:r===h||t&&r==="ArrowUp"?-1:0}function Z(r){return!r||r.offsetWidth===0?null:{x:r.offsetLeft,y:r.offsetTop,width:r.offsetWidth,height:r.offsetHeight}}function v(r,t){return r===t||r!=null&&t!=null&&r.x===t.x&&r.y===t.y&&r.width===t.width&&r.height===t.height}function B({options:r,value:t,onChange:a,role:k="tablist",size:h="small",className:N,onBlur:S,...I}){const P=u.useRef(null),b=u.useRef(new Map),[p,w]=u.useState(t),[g,C]=u.useState(null),[j,q]=u.useState(!1),f=k==="radiogroup",A=f?"radio":"tab",E=r.map(e=>e.key).join("\0");u.useLayoutEffect(()=>{const e=()=>{const i=Z(b.current.get(t));C(y=>v(y,i)?y:i)};e();const s=P.current;if(typeof ResizeObserver>"u"||!s)return;const n=new ResizeObserver(e);n.observe(s);for(const i of b.current.values())n.observe(i);return()=>n.disconnect()},[t,E,h]);const D=g!==null;u.useEffect(()=>{D&&q(!0)},[D]);const[M,O]=u.useState(t);M!==t&&(O(t),w(t));const z=V[h],d=r.filter(e=>!e.disabled).map(e=>e.key),L=d.includes(p)?p:d.includes(t)?t:d[0],K=(e,s)=>{var n;w(e),(n=b.current.get(e))==null||n.focus(),s&&a(e)},H=e=>{if(S==null||S(e),e.defaultPrevented||f)return;const s=e.currentTarget;queueMicrotask(()=>{if(!s.isConnected)return;const n=document.activeElement;if(n instanceof Node&&s.contains(n))return;const i=d.includes(t)?t:d[0];i&&w(i)})},T=(e,s)=>{if(e.altKey||e.ctrlKey||e.metaKey)return;const n=d.length;if(n===0)return;const i=d.indexOf(s),y=P.current!=null&&getComputedStyle(P.current).direction==="rtl",_=U(e.key,f,y);if(_!==0){e.preventDefault();const o=d[W(i,_,n)];K(o,f&&o!==s);return}if(e.key==="Home"||e.key==="End"){e.preventDefault();const o=e.key==="Home"?d[0]:d[n-1];K(o,f&&o!==s);return}(e.key==="Enter"||e.key===" ")&&i>=0&&(e.preventDefault(),w(s),s!==t&&a(s))};return x.jsxs("div",{...I,ref:P,role:k,"aria-orientation":"horizontal",onBlur:H,className:R.mergeClassNames(l.default["segmented-control"],l.default[`segmented-control--size-${F.toKebab(h)}`],N),children:[x.jsx("span",{className:R.mergeClassNames(l.default["segmented-control__indicator"],j&&l.default["segmented-control__indicator--ready"],!g&&l.default["segmented-control__indicator--unpositioned"]),style:g?{transform:`translate(${g.x}px, ${g.y}px)`,width:g.width,height:g.height}:void 0,"aria-hidden":!0}),r.map(e=>{var i,y,_;const s=e.key===t,n=e.disabled===!0;return u.createElement("button",{...e.buttonProps,key:e.key,ref:o=>{o?b.current.set(e.key,o):b.current.delete(e.key)},id:e.id??((i=e.buttonProps)==null?void 0:i.id),type:"button",role:A,tabIndex:L===e.key?0:-1,"aria-selected":f?void 0:s,"aria-checked":f?s:void 0,"aria-controls":!f&&e.panelId?e.panelId:void 0,"aria-disabled":n||void 0,disabled:void 0,title:e.title??((y=e.buttonProps)==null?void 0:y.title),className:R.mergeClassNames(l.default["segmented-control__segment"],s&&l.default["segmented-control__segment--active"],n&&l.default["segmented-control__segment--disabled"],(_=e.buttonProps)==null?void 0:_.className),onMouseDown:o=>{var c,m;(m=(c=e.buttonProps)==null?void 0:c.onMouseDown)==null||m.call(c,o),n&&o.preventDefault()},onClick:o=>{var c,m;(m=(c=e.buttonProps)==null?void 0:c.onClick)==null||m.call(c,o),!(o.defaultPrevented||n)&&(w(e.key),e.key!==t&&a(e.key))},onKeyDown:o=>{var c,m;(m=(c=e.buttonProps)==null?void 0:c.onKeyDown)==null||m.call(c,o),!o.defaultPrevented&&T(o,e.key)}},e.icon!=null&&x.jsx("span",{className:l.default["segmented-control__icon"],children:x.jsx($.IconSlotContext.Provider,{value:{size:z},children:e.icon})}),x.jsx("span",{className:l.default["segmented-control__label"],children:e.label}))})]})}exports.default=B;
+//# sourceMappingURL=SegmentedControl.cjs.map

package/dist/components/segmented-control/SegmentedControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.cjs","sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import {\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type FocusEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport type { IconSize } from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { mergeClassNames, type BuiltInButtonProps } from '@/utils/props';\nimport { toKebab } from '@/utils/string';\nimport styles from './SegmentedControl.module.scss';\n\n/** `tablist` switches views. `radiogroup` is a short exclusive form choice. */\nexport type SegmentedControlRole = 'tablist' | 'radiogroup';\n\n/**\n * `small` matches a small Button (12px label, 12px icon). `medium` matches a\n * medium Button (14px label, 16px icon).\n */\nexport type SegmentedControlSize = 'small' | 'medium';\n\nconst SIZE_ICON_MAP: Record<SegmentedControlSize, IconSize> = {\n  small: '12',\n  medium: '16',\n};\n\nexport interface SegmentedControlOption {\n  /**\n   * Stable id for this segment. Used as the React key and the `onChange`\n   * argument, so it is a string rather than translated text.\n   */\n  key: string;\n  /** Segment label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  /**\n   * Optional leading icon. Pass `<Icon glyph={<SomeIcon />} />`;\n   * SegmentedControl provides the size via context (12px at `small`, 16px at\n   * `medium`), matching Button. No `size` prop is needed on the Icon.\n   */\n  icon?: ReactNode;\n  /** Optional id for this segment (pair with `panelId` for `aria-controls`). */\n  id?: string;\n  /**\n   * Optional id of the host panel this segment controls. Applied as\n   * `aria-controls` when `role` is `tablist`. The host owns the panel.\n   */\n  panelId?: string;\n  /** When true, the segment can't be selected and arrow keys skip it. */\n  disabled?: boolean;\n  /** Native tooltip text, e.g. to explain why the segment is disabled. */\n  title?: string;\n  /**\n   * Extra attributes for this segment's `<button>` (e.g. `data-testid`).\n   * Segment semantics (`role`, `aria-selected` / `aria-checked`, `tabIndex`,\n   * `type`) take precedence. `className` is merged. `onClick`, `onKeyDown`,\n   * and `onMouseDown` run first; `preventDefault()` skips selection.\n   */\n  buttonProps?: BuiltInButtonProps;\n}\n\nexport interface SegmentedControlProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'role'\n> {\n  /** Segments, in order. One is selected. */\n  options: SegmentedControlOption[];\n  /** Key of the selected segment. */\n  value: string;\n  /** Called with the segment key when the selection changes. */\n  onChange: (key: string) => void;\n  /**\n   * Semantics. `tablist` (default) switches views: arrow keys move focus, and\n   * Enter, Space, or a click selects. The host owns the panel. `radiogroup`\n   * is a short exclusive form choice: arrow keys move the selection. Pass\n   * `aria-label` or `aria-labelledby` so the group has a name.\n   */\n  role?: SegmentedControlRole;\n  /**\n   * Size of the label and leading icon, matching Button. `small` (default)\n   * is 12px text with a 12px icon. `medium` is 14px text with a 16px icon.\n   */\n  size?: SegmentedControlSize;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\nfunction stepIndex(index: number, delta: number, count: number) {\n  if (index < 0) return delta < 0 ? count - 1 : 0;\n  return (index + delta + count) % count;\n}\n\nfunction arrowDelta(key: string, isRadio: boolean, isRtl: boolean) {\n  const forward = isRtl ? 'ArrowLeft' : 'ArrowRight';\n  const backward = isRtl ? 'ArrowRight' : 'ArrowLeft';\n  if (key === forward || (isRadio && key === 'ArrowDown')) return 1;\n  if (key === backward || (isRadio && key === 'ArrowUp')) return -1;\n  return 0;\n}\n\ninterface IndicatorBox {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nfunction readBox(node: HTMLElement | null | undefined): IndicatorBox | null {\n  if (!node || node.offsetWidth === 0) return null;\n  return {\n    x: node.offsetLeft,\n    y: node.offsetTop,\n    width: node.offsetWidth,\n    height: node.offsetHeight,\n  };\n}\n\nfunction sameBox(a: IndicatorBox | null, b: IndicatorBox | null) {\n  return (\n    a === b ||\n    (a != null &&\n      b != null &&\n      a.x === b.x &&\n      a.y === b.y &&\n      a.width === b.width &&\n      a.height === b.height)\n  );\n}\n\n/**\n * Segmented controls let people pick one option from a short, exclusive set shown as one\n * compact control — search modes in a header, a filter on a list, or a form choice that\n * doesn't need a radio mark. One segment is selected; choosing another replaces it.\n */\nexport default function SegmentedControl({\n  options,\n  value,\n  onChange,\n  role = 'tablist',\n  size = 'small',\n  className,\n  onBlur,\n  ...rest\n}: SegmentedControlProps) {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const segmentRefs = useRef(new Map<string, HTMLButtonElement>());\n  const [focusedKey, setFocusedKey] = useState(value);\n  const [indicator, setIndicator] = useState<IndicatorBox | null>(null);\n  // The first placement is instant. Motion turns on after paint so the\n  // surface doesn't slide in from the corner on mount.\n  const [indicatorReady, setIndicatorReady] = useState(false);\n  const isRadio = role === 'radiogroup';\n  const itemRole = isRadio ? 'radio' : 'tab';\n\n  // A string dependency: `options` is usually a fresh array each render, and\n  // only added or removed segments need new observers (the observers already\n  // cover label-driven size changes).\n  const optionKeys = options.map((option) => option.key).join('\\u0000');\n\n  useLayoutEffect(() => {\n    const publish = () => {\n      const next = readBox(segmentRefs.current.get(value));\n      setIndicator((current) => (sameBox(current, next) ? current : next));\n    };\n    publish();\n\n    const track = trackRef.current;\n    if (typeof ResizeObserver === 'undefined' || !track) return;\n    const observer = new ResizeObserver(publish);\n    observer.observe(track);\n    for (const node of segmentRefs.current.values()) {\n      observer.observe(node);\n    }\n    return () => observer.disconnect();\n  }, [value, optionKeys, size]);\n\n  // Enable motion only after the first real placement has painted, so a first\n  // measurement that is empty (hidden container) doesn't animate in later.\n  const isPlaced = indicator !== null;\n  useEffect(() => {\n    if (isPlaced) setIndicatorReady(true);\n  }, [isPlaced]);\n\n  // Re-sync the roving focus to the selection while rendering, so there is no\n  // render with a stale `focusedKey`.\n  const [prevValue, setPrevValue] = useState(value);\n  if (prevValue !== value) {\n    setPrevValue(value);\n    setFocusedKey(value);\n  }\n\n  const iconSize = SIZE_ICON_MAP[size];\n  const enabledKeys = options\n    .filter((option) => !option.disabled)\n    .map((option) => option.key);\n  const focusKey = enabledKeys.includes(focusedKey)\n    ? focusedKey\n    : enabledKeys.includes(value)\n      ? value\n      : enabledKeys[0];\n\n  const moveFocus = (key: string, select: boolean) => {\n    setFocusedKey(key);\n    segmentRefs.current.get(key)?.focus();\n    if (select) onChange(key);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n    onBlur?.(event);\n    // Manual tabs keep the last focused segment as the tab stop. Once focus\n    // leaves the group, put it back on the selected segment so the next visit\n    // lands on the choice, not a segment the user only passed through.\n    if (event.defaultPrevented || isRadio) return;\n    const track = event.currentTarget;\n    queueMicrotask(() => {\n      if (!track.isConnected) return;\n      const active = document.activeElement;\n      if (active instanceof Node && track.contains(active)) return;\n      const tabStop = enabledKeys.includes(value) ? value : enabledKeys[0];\n      if (tabStop) setFocusedKey(tabStop);\n    });\n  };\n\n  const handleKeyDown = (\n    event: KeyboardEvent<HTMLButtonElement>,\n    key: string,\n  ) => {\n    // Alt, Ctrl, and Meta belong to the browser (Back, scroll-to-ends).\n    // Shift still moves within the group.\n    if (event.altKey || event.ctrlKey || event.metaKey) return;\n    const count = enabledKeys.length;\n    if (count === 0) return;\n    const index = enabledKeys.indexOf(key);\n    const isRtl =\n      trackRef.current != null &&\n      getComputedStyle(trackRef.current).direction === 'rtl';\n    const delta = arrowDelta(event.key, isRadio, isRtl);\n\n    if (delta !== 0) {\n      event.preventDefault();\n      const next = enabledKeys[stepIndex(index, delta, count)];\n      moveFocus(next, isRadio && next !== key);\n      return;\n    }\n\n    if (event.key === 'Home' || event.key === 'End') {\n      event.preventDefault();\n      const next =\n        event.key === 'Home' ? enabledKeys[0] : enabledKeys[count - 1];\n      moveFocus(next, isRadio && next !== key);\n      return;\n    }\n\n    if ((event.key === 'Enter' || event.key === ' ') && index >= 0) {\n      event.preventDefault();\n      setFocusedKey(key);\n      if (key !== value) onChange(key);\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={trackRef}\n      role={role}\n      aria-orientation=\"horizontal\"\n      onBlur={handleBlur}\n      className={mergeClassNames(\n        styles['segmented-control'],\n        styles[`segmented-control--size-${toKebab(size)}`],\n        className,\n      )}\n    >\n      <span\n        className={mergeClassNames(\n          styles['segmented-control__indicator'],\n          indicatorReady && styles['segmented-control__indicator--ready'],\n          !indicator && styles['segmented-control__indicator--unpositioned'],\n        )}\n        style={\n          indicator\n            ? {\n                transform: `translate(${indicator.x}px, ${indicator.y}px)`,\n                width: indicator.width,\n                height: indicator.height,\n              }\n            : undefined\n        }\n        aria-hidden\n      />\n      {options.map((option) => {\n        const isSelected = option.key === value;\n        const isDisabled = option.disabled === true;\n\n        return (\n          <button\n            {...option.buttonProps}\n            key={option.key}\n            ref={(node) => {\n              if (node) segmentRefs.current.set(option.key, node);\n              else segmentRefs.current.delete(option.key);\n            }}\n            id={option.id ?? option.buttonProps?.id}\n            type=\"button\"\n            role={itemRole}\n            tabIndex={focusKey === option.key ? 0 : -1}\n            aria-selected={isRadio ? undefined : isSelected}\n            aria-checked={isRadio ? isSelected : undefined}\n            aria-controls={\n              !isRadio && option.panelId ? option.panelId : undefined\n            }\n            aria-disabled={isDisabled || undefined}\n            disabled={undefined}\n            title={option.title ?? option.buttonProps?.title}\n            className={mergeClassNames(\n              styles['segmented-control__segment'],\n              isSelected && styles['segmented-control__segment--active'],\n              isDisabled && styles['segmented-control__segment--disabled'],\n              option.buttonProps?.className,\n            )}\n            onMouseDown={(event) => {\n              option.buttonProps?.onMouseDown?.(event);\n              if (isDisabled) event.preventDefault();\n            }}\n            onClick={(event) => {\n              option.buttonProps?.onClick?.(event);\n              if (event.defaultPrevented || isDisabled) return;\n              setFocusedKey(option.key);\n              if (option.key !== value) onChange(option.key);\n            }}\n            onKeyDown={(event) => {\n              option.buttonProps?.onKeyDown?.(event);\n              if (event.defaultPrevented) return;\n              handleKeyDown(event, option.key);\n            }}\n          >\n            {option.icon != null && (\n              <span className={styles['segmented-control__icon']}>\n                <IconSlotContext.Provider value={{ size: iconSize }}>\n                  {option.icon}\n                </IconSlotContext.Provider>\n              </span>\n            )}\n            <span className={styles['segmented-control__label']}>\n              {option.label}\n            </span>\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["SIZE_ICON_MAP","stepIndex","index","delta","count","arrowDelta","key","isRadio","isRtl","forward","backward","readBox","node","sameBox","a","b","SegmentedControl","options","value","onChange","role","size","className","onBlur","rest","trackRef","useRef","segmentRefs","focusedKey","setFocusedKey","useState","indicator","setIndicator","indicatorReady","setIndicatorReady","itemRole","optionKeys","option","useLayoutEffect","publish","next","current","track","observer","isPlaced","useEffect","prevValue","setPrevValue","iconSize","enabledKeys","focusKey","moveFocus","select","_a","handleBlur","event","active","tabStop","handleKeyDown","jsxs","mergeClassNames","styles","toKebab","jsx","isSelected","isDisabled","createElement","_b","_c","IconSlotContext"],"mappings":"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"}

package/dist/components/segmented-control/SegmentedControl.css

@@ -0,0 +1 @@
+._segmented-control_1azc0_13{position:relative;display:inline-flex;width:fit-content;align-items:center;gap:var(--spacing-xxxxs);padding:var(--spacing-xxxs);border:0;border-radius:var(--radius-m);background-color:rgba(var(--center-channel-color-rgb),var(--opacity-8))}._segmented-control__indicator_1azc0_24{position:absolute;z-index:0;top:0;left:0;border-radius:var(--radius-s);background-color:var(--center-channel-bg);box-shadow:var(--elevation-1);pointer-events:none}@media(forced-colors:active){._segmented-control__indicator_1azc0_24{outline:1px solid Highlight;outline-offset:-1px}}._segmented-control__indicator--ready_1azc0_40{transition:transform var(--duration-quick) var(--ease-transition),width var(--duration-quick) var(--ease-transition),height var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._segmented-control__indicator--ready_1azc0_40{transition:none}}._segmented-control__indicator--unpositioned_1azc0_48{visibility:hidden}._segmented-control__segment_1azc0_51{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:var(--spacing-xxs);margin:0;border:0;padding-block:var(--spacing-xxxs);padding-inline:calc(var(--spacing-xs) + var(--spacing-xxxxs));border-radius:var(--radius-s);background-color:transparent;cursor:pointer;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:rgba(var(--center-channel-color-rgb),var(--opacity-72));white-space:nowrap;outline:none}._segmented-control__segment_1azc0_51:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;animation:_focus-ring-in_1azc0_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._segmented-control__segment_1azc0_51:focus-visible{animation:none}}._segmented-control__segment_1azc0_51:not(._-host-shadow-a_1azc0_82):not(._-host-shadow-b_1azc0_82){box-shadow:none;border-radius:var(--radius-s)}@keyframes _focus-ring-in_1azc0_1{0%{outline-color:transparent;outline-offset:0}}._segmented-control__segment_1azc0_51:is(:hover,:focus-visible):not(._segmented-control__segment--active_1azc0_92):not(._segmented-control__segment--disabled_1azc0_92){background-color:rgba(var(--center-channel-color-rgb),var(--opacity-4));color:rgba(var(--center-channel-color-rgb),var(--opacity-88))}._segmented-control__segment--active_1azc0_92{color:var(--center-channel-color)}._segmented-control__segment--disabled_1azc0_92:not(._-host-shadow-a_1azc0_82):not(._-host-shadow-b_1azc0_82){cursor:not-allowed;color:rgba(var(--center-channel-color-rgb),var(--opacity-40))}._segmented-control__icon_1azc0_103{display:inline-flex;flex-shrink:0;align-items:center}._segmented-control__label_1azc0_108{display:inline-flex;align-items:center}._segmented-control--size-small_1azc0_112 ._segmented-control__segment_1azc0_51{font-size:var(--font-size-75);line-height:var(--line-height-75)}._segmented-control--size-medium_1azc0_116 ._segmented-control__segment_1azc0_51{font-size:var(--font-size-100);line-height:var(--line-height-100)}