@plexui/vue 0.3.0 → 0.4.0

package/dist/es/components/Page/Page.js

@@ -0,0 +1,89 @@
+import { computed, defineComponent, h, inject, mergeProps, provide, ref, } from "vue";
+import s from "@plexui/styles/components/Page/Page.module.css";
+// A trackpad's small settle at the top must not flash the line.
+const SCROLLED_AFTER = 4;
+const PAGE_CONTEXT = Symbol("Page");
+function usePageContext(part) {
+    const scrolled = inject(PAGE_CONTEXT, null);
+    if (!scrolled) {
+        throw new Error(`${part} must be used within Page`);
+    }
+    return scrolled;
+}
+const PageComponent = defineComponent({
+    name: "Page",
+    props: {
+        /**
+         * Width of the column that header and content share: `"full"` (edge to
+         * edge, for tables), `"wide"` (1280px, centred, for overviews) or `"column"`
+         * (768px, centred, for settings and forms). Set `--page-width` on the page
+         * for any other width.
+         * @default "full"
+         */
+        width: { type: String, default: "full" },
+    },
+    setup(props, { slots }) {
+        provide(PAGE_CONTEXT, ref(false));
+        return () => h("div", { "class": s.Page, "data-width": props.width }, slots.default?.());
+    },
+});
+export const Page = PageComponent;
+/** The band above the content, one column with it (React `Page.Header`). */
+export const PageHeader = defineComponent({
+    name: "PageHeader",
+    props: {
+        /**
+         * Shows the line, and the glass on a phone, once the content has scrolled
+         * under the header. Turn it off when the content already draws a line of
+         * its own at that place.
+         * @default true
+         */
+        divider: { type: Boolean, default: true },
+    },
+    setup(props, { slots }) {
+        const scrolled = usePageContext("PageHeader");
+        const line = computed(() => props.divider && scrolled.value);
+        return () => h("div", { "class": s.Header, "data-scrolled": line.value ? "" : undefined }, [
+            h("div", { class: s.Head }, slots.default?.()),
+        ]);
+    },
+});
+function part(name, tag, className) {
+    return defineComponent({
+        name,
+        setup(_, { slots }) {
+            return () => h(tag, { class: className }, slots.default?.());
+        },
+    });
+}
+/** The row of the title and the actions (React `Page.Bar`). */
+export const PageBar = part("PageBar", "div", s.Bar);
+/** Title with what stands beside it, a subtitle under it on a phone (React `Page.Heading`). */
+export const PageHeading = part("PageHeading", "div", s.Heading);
+/** Page heading, an `<h1>` (React `Page.Title`). */
+export const PageTitle = part("PageTitle", "h1", s.Title);
+/** Status of the page, a `<p>` (React `Page.Subtitle`). */
+export const PageSubtitle = part("PageSubtitle", "p", s.Subtitle);
+/** Buttons on the trailing side of the bar (React `Page.Actions`). */
+export const PageActions = part("PageActions", "div", s.Actions);
+/** The part of the page that scrolls (React `Page.Content`). */
+export const PageContent = defineComponent({
+    name: "PageContent",
+    inheritAttrs: false,
+    props: {
+        /**
+         * The content fills the page and scrolls inside itself, as a table does:
+         * the page stops scrolling from 768px up.
+         * @default false
+         */
+        fill: { type: Boolean, default: false },
+    },
+    setup(props, { attrs, slots }) {
+        const scrolled = usePageContext("PageContent");
+        const onScroll = (event) => {
+            scrolled.value = event.currentTarget.scrollTop > SCROLLED_AFTER;
+        };
+        return () => h("div", mergeProps({ "class": s.Content, "data-fill": props.fill ? "" : undefined, onScroll }, attrs), [h("div", { class: s.Column }, slots.default?.())]);
+    },
+});
+//# sourceMappingURL=Page.js.map

package/dist/es/components/Page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  inject,\n  mergeProps,\n  provide,\n  ref,\n  type HTMLAttributes,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n} from \"vue\"\nimport s from \"@plexui/styles/components/Page/Page.module.css\"\n\n// Vue port of packages/ui/src/components/Page/Page.tsx. Exports are flat\n// (`PageHeader` for `Page.Header`, ...). As in React, caller attributes are\n// applied after the page's own (`class` is merged), so they win.\n\nexport type PageWidth = \"full\" | \"wide\" | \"column\"\n\n// A trackpad's small settle at the top must not flash the line.\nconst SCROLLED_AFTER = 4\n\nconst PAGE_CONTEXT: InjectionKey<Ref<boolean>> = Symbol(\"Page\")\n\nfunction usePageContext(part: string): Ref<boolean> {\n  const scrolled = inject(PAGE_CONTEXT, null)\n  if (!scrolled) {\n    throw new Error(`${part} must be used within Page`)\n  }\n  return scrolled\n}\n\nconst PageComponent = defineComponent({\n  name: \"Page\",\n  props: {\n    /**\n     * Width of the column that header and content share: `\"full\"` (edge to\n     * edge, for tables), `\"wide\"` (1280px, centred, for overviews) or `\"column\"`\n     * (768px, centred, for settings and forms). Set `--page-width` on the page\n     * for any other width.\n     * @default \"full\"\n     */\n    width: { type: String as PropType<PageWidth>, default: \"full\" },\n  },\n  setup(props, { slots }) {\n    provide(PAGE_CONTEXT, ref(false))\n\n    return () => h(\"div\", { \"class\": s.Page, \"data-width\": props.width }, slots.default?.())\n  },\n})\n\n/** Props of `Page`. */\nexport type PageProps = { width?: PageWidth } & HTMLAttributes\n\nexport const Page = PageComponent as typeof PageComponent & { new (): { $props: PageProps } }\n\n/** The band above the content, one column with it (React `Page.Header`). */\nexport const PageHeader = defineComponent({\n  name: \"PageHeader\",\n  props: {\n    /**\n     * Shows the line, and the glass on a phone, once the content has scrolled\n     * under the header. Turn it off when the content already draws a line of\n     * its own at that place.\n     * @default true\n     */\n    divider: { type: Boolean, default: true },\n  },\n  setup(props, { slots }) {\n    const scrolled = usePageContext(\"PageHeader\")\n    const line = computed(() => props.divider && scrolled.value)\n\n    return () =>\n      h(\"div\", { \"class\": s.Header, \"data-scrolled\": line.value ? \"\" : undefined }, [\n        h(\"div\", { class: s.Head }, slots.default?.()),\n      ])\n  },\n})\n\nfunction part(name: string, tag: string, className: string) {\n  return defineComponent({\n    name,\n    setup(_, { slots }) {\n      return () => h(tag, { class: className }, slots.default?.())\n    },\n  })\n}\n\n/** The row of the title and the actions (React `Page.Bar`). */\nexport const PageBar = part(\"PageBar\", \"div\", s.Bar)\n/** Title with what stands beside it, a subtitle under it on a phone (React `Page.Heading`). */\nexport const PageHeading = part(\"PageHeading\", \"div\", s.Heading)\n/** Page heading, an `<h1>` (React `Page.Title`). */\nexport const PageTitle = part(\"PageTitle\", \"h1\", s.Title)\n/** Status of the page, a `<p>` (React `Page.Subtitle`). */\nexport const PageSubtitle = part(\"PageSubtitle\", \"p\", s.Subtitle)\n/** Buttons on the trailing side of the bar (React `Page.Actions`). */\nexport const PageActions = part(\"PageActions\", \"div\", s.Actions)\n\n/** The part of the page that scrolls (React `Page.Content`). */\nexport const PageContent = defineComponent({\n  name: \"PageContent\",\n  inheritAttrs: false,\n  props: {\n    /**\n     * The content fills the page and scrolls inside itself, as a table does:\n     * the page stops scrolling from 768px up.\n     * @default false\n     */\n    fill: { type: Boolean, default: false },\n  },\n  setup(props, { attrs, slots }) {\n    const scrolled = usePageContext(\"PageContent\")\n\n    const onScroll = (event: Event) => {\n      scrolled.value = (event.currentTarget as HTMLElement).scrollTop > SCROLLED_AFTER\n    }\n\n    return () =>\n      h(\n        \"div\",\n        mergeProps(\n          { \"class\": s.Content, \"data-fill\": props.fill ? \"\" : undefined, onScroll },\n          attrs,\n        ),\n        [h(\"div\", { class: s.Column }, slots.default?.())],\n      )\n  },\n})\n\n/** Props of the Page parts: native attributes of their element. */\nexport type PageSlotProps = HTMLAttributes\n"]}

package/dist/es/components/Page/index.js

@@ -0,0 +1,2 @@
+export { Page, PageActions, PageBar, PageContent, PageHeader, PageHeading, PageSubtitle, PageTitle, } from "./Page.js";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,OAAO,EACP,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,GAIV,MAAM,WAAW,CAAA","sourcesContent":["export {\n  Page,\n  PageActions,\n  PageBar,\n  PageContent,\n  PageHeader,\n  PageHeading,\n  PageSubtitle,\n  PageTitle,\n  type PageProps,\n  type PageSlotProps,\n  type PageWidth,\n} from \"./Page.js\"\n"]}

package/dist/es/components/Sidebar/Sidebar.js

@@ -214,6 +214,8 @@ export const SidebarMenuItem = SidebarMenuItemComponent;
 // =============================================
 // Menu Button
 // =============================================
+// Shared by every row of the rail: moving to the next one shows its label at once.
+let railLeftAt = 0;
 const SidebarMenuButtonComponent = defineComponent({
     name: "SidebarMenuButton",
     inheritAttrs: false,
@@ -230,14 +232,24 @@ const SidebarMenuButtonComponent = defineComponent({
     },
     setup(props, { attrs, slots }) {
         const sidebar = useSidebar();
+        const openDelay = ref();
         return () => {
             const { className, rest } = cleanAttrs(attrs);
+            const hasTooltip = !!(props.tooltip || slots.tooltip);
             const ownProps = {
                 "data-active": props.isActive ? "true" : "false",
                 "aria-current": props.isActive ? "page" : undefined,
                 "class": [s.MenuButton, className],
                 ...rest,
             };
+            if (hasTooltip) {
+                ownProps.onPointerenter = composeEventHandlers(rest.onPointerenter, () => {
+                    openDelay.value = Date.now() - railLeftAt < 300 ? 0 : undefined;
+                });
+                ownProps.onPointerleave = composeEventHandlers(rest.onPointerleave, () => {
+                    railLeftAt = Date.now();
+                });
+            }
             const content = slots.default?.();
             const wrap = (children) => h("span", { class: s.MenuButtonInner }, children);
             let button;
@@ -253,9 +265,11 @@ const SidebarMenuButtonComponent = defineComponent({
             else {
                 button = h("button", ownProps, [wrap(content)]);
             }
-            // Show tooltip when collapsed (icon mode) and not mobile
-            if ((props.tooltip || slots.tooltip) && sidebar.state === "collapsed" && !sidebar.isMobile) {
-                return h(Tooltip, { content: props.tooltip, side: "right" }, { default: () => button, ...(slots.tooltip ? { content: slots.tooltip } : {}) });
+            // The tooltip shows when collapsed (icon mode) and not on mobile. It wraps
+            // the row in every state, so the row stays mounted and its label can fade.
+            if (hasTooltip) {
+                const shown = sidebar.state === "collapsed" && !sidebar.isMobile;
+                return h(Tooltip, { content: shown ? props.tooltip : null, openDelay: openDelay.value, side: "right" }, { default: () => button, ...(slots.tooltip && shown ? { content: slots.tooltip } : {}) });
             }
             return button;
         };

package/dist/es/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,CAAC,EACD,eAAe,EACf,SAAS,EACT,GAAG,EACH,IAAI,GAUL,MAAM,KAAK,CAAA;AACZ,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,UAAU,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAA;AACvF,OAAO,EAAE,KAAK,EAAmB,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACzG,OAAO,CAAC,MAAM,sDAAsD,CAAA;AACpE,OAAO,EACL,eAAe,EACf,UAAU,GAIX,MAAM,wBAAwB,CAAA;AAE/B,0EAA0E;AAC1E,2EAA2E;AAC3E,6EAA6E;AAC7E,0EAA0E;AAC1E,+EAA+E;AAC/E,0EAA0E;AAC1E,6EAA6E;AAC7E,QAAQ;AACR,2EAA2E;AAC3E,2EAA2E;AAC3E,yEAAyE;AACzE,yEAAyE;AACzE,6DAA6D;AAC7D,oEAAoE;AACpE,2EAA2E;AAC3E,qDAAqD;AACrD,8DAA8D;AAC9D,2EAA2E;AAE3E,oCAAoC;AACpC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,CAAA;AAKtC,4EAA4E;AAC5E,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAClC,MAAM,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC7D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAA;AAC5B,CAAC,CAAA;AAOD,kFAAkF;AAClF,MAAM,IAAI,GAAG,CAAI,IAAY,EAAE,GAAW,EAAE,SAA6B,EAAW,EAAE;IACpF,MAAM,SAAS,GAAG,eAAe,CAAC;QAChC,IAAI;QACJ,YAAY,EAAE,KAAK;QACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;YAC5B,OAAO,GAAG,EAAE;gBACV,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;gBACxD,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;YAC9E,CAAC,CAAA;QACH,CAAC;KACF,CAAC,CAAA;IACF,OAAO,SAA+B,CAAA;AACxC,CAAC,CAAA;AAED,gDAAgD;AAChD,eAAe;AACf,gDAAgD;AAEhD,MAAM,gBAAgB,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,kDAAkD;QAClD,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,MAAM,EAAE;QAChE,4DAA4D;QAC5D,OAAO,EAAE,EAAE,IAAI,EAAE,MAAkC,EAAE,OAAO,EAAE,SAAS,EAAE;KAC1E;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,OAAO,GAAG,EAAE;YACV,sDAAsD;YACtD,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW,EAAE,CAAC;gBAC5D,OAAO,IAAI,CAAA;YACb,CAAC;YAED,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CACN,OAAO,EACP,EAAE,WAAW,EAAE,KAAK,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EACpG,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,wFAAwF;AACxF,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAkF,CAAA;AAQzG,sCAAsC;AACtC,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAqB,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;AAIvF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC5B,MAAM,SAAS,GAAG,GAAG,CAAwB,IAAI,CAAC,CAAA;QAClD,IAAI,QAAoC,CAAA;QAExC,SAAS,CAAC,GAAG,EAAE;YACb,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,CAAA;YAC1B,IAAI,CAAC,EAAE;gBAAE,OAAM;YACf,MAAM,OAAO,GAAG,EAAE,CAAC,aAAa,CAAA;YAChC,IAAI,CAAC,OAAO;gBAAE,OAAM;YAEpB,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAA;gBACrD,OAAO,CAAC,YAAY,CAAC,yBAAyB,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;YACjF,CAAC,CAAA;YACD,MAAM,EAAE,CAAA;YACR,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAM,CAAC,CAAA;YACrC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC,CAAC,CAAA;QACF,eAAe,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;QAE7C,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;QAChG,CAAC,CAAA;IACH,CAAC;CACF,CAA4D,CAAA;AAI7D,uEAAuE;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC5B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE;gBACzD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;gBACtC,KAAK,CAAC,OAAO,EAAE,EAAE;aAClB,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC;CACF,CAA2D,CAAA;AAI5D,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAmB,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;AAE/E,gDAAgD;AAChD,SAAS;AACT,gDAAgD;AAEhD,MAAM,qBAAqB,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,yGAAyG;QACzG,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QAC7C,sGAAsG;QACtG,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,oEAAoE;QACpE,MAAM,YAAY,GAAG,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QAE3C,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC,KAAK,CAAA;YAC7C,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CACN,KAAK,EACL,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAClF,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,+EAA+E;AAC/E,MAAM,CAAC,MAAM,YAAY,GAAG,qBAE3B,CAAA;AAED,6EAA6E;AAC7E,MAAM,aAAa,GAAG,CAAC,QAAwC,EAAE,SAAgB,EAAE,EAAE;IACnF,MAAM,KAAK,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACzC,OAAO,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AACxD,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,IAAwD,EAAS,EAAE;IACzG,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC9B,IAAI,QAAoC,CAAA;IACxC,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACtE,sEAAsE;QACtE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,GAAG,OAAkC,CAAA;QACvE,QAAQ,GAAG,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,CAAA;IACvE,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CAAA;IACrF,CAAC;IACD,OAAO,CAAC,CAAC,KAAK,CAAC,IAAc,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,GAAY,EAAE,EAAE,QAAiB,CAAC,CAAA;AAC7H,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,eAAe,CAAC;IACjD,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,2FAA2F;QAC3F,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C;;;;;WAKG;QACH,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,IAAI,EAAE;KAC/D;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,MAAM,QAAQ,GAAG,EAAE,WAAW,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,CAAA;YACzF,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;QAC5G,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,2CAA2C;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,0BAEhC,CAAA;AAID,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAA0B,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,CAAA;AAI3G,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAA2B,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,CAAA;AAQ/G,iCAAiC;AACjC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAmB,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA;AAE9E,MAAM,wBAAwB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,iBAAiB;IACvB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,gFAAgF;QAChF,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;KAChD;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CACN,IAAI,EACJ,EAAE,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EACnG,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,4BAA4B;AAC5B,MAAM,CAAC,MAAM,eAAe,GAAG,wBAE9B,CAAA;AAED,gDAAgD;AAChD,cAAc;AACd,gDAAgD;AAEhD,MAAM,0BAA0B,GAAG,eAAe,CAAC;IACjD,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,2EAA2E;QAC3E,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C;;;WAGG;QACH,OAAO,EAAE,MAAM;QACf,gFAAgF;QAChF,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KAC3C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,MAAM,QAAQ,GAAG;gBACf,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBAChD,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBACnD,OAAO,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC;gBAClC,GAAG,IAAI;aACR,CAAA;YACD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,EAAE,CAAA;YACjC,MAAM,IAAI,GAAG,CAAC,QAAwC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,QAAQ,CAAC,CAAA;YAC5G,IAAI,MAAa,CAAA;YACjB,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,qEAAqE;gBACrE,oEAAoE;gBACpE,oCAAoC;gBACpC,yDAAyD;gBACzD,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;gBAClC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBACjF,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,CAAA;YAC1F,CAAC;iBAAM,CAAC;gBACN,MAAM,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACjD,CAAC;YAED,yDAAyD;YACzD,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,KAAK,WAAW,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;gBAC3F,OAAO,CAAC,CACN,OAAO,EACP,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EACzC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAChF,CAAA;YACH,CAAC;YAED,OAAO,MAAM,CAAA;QACf,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,oFAAoF;AACpF,MAAM,CAAC,MAAM,iBAAiB,GAAG,0BAEhC,CAAA;AAQD,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CACvC,uBAAuB,EACvB,MAAM,EACN,CAAC,CAAC,cAAc,CACjB,CAAA;AAED,MAAM,+BAA+B,GAAG,eAAe,CAAC;IACtD,IAAI,EAAE,wBAAwB;IAC9B,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,wEAAwE;QACxE,UAAU,EAAE,MAAM;KACnB;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO;gBACL,CAAC,CACC,MAAM,EACN,EAAE,iBAAiB,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAC/E,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB;gBACD,KAAK,CAAC,UAAU;oBACd,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC;oBACtG,CAAC,CAAC,IAAI;aACT,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,sBAAsB,GAAG,+BAErC,CAAA;AAQD,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,oBAAoB;IAC1B,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;QACrB,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAA;QACvF,CAAC,CAAA;IACH,CAAC;CACF,CAAgE,CAAA;AAQjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAwB,kBAAkB,EAAE,MAAM,EAAE,CAAC,CAAC,SAAS,CAAC,CAAA;AAIpG,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAyB,mBAAmB,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,CAAA;AAEvG,gDAAgD;AAChD,gBAAgB;AAChB,gDAAgD;AAEhD,MAAM,4BAA4B,GAAG,eAAe,CAAC;IACnD,IAAI,EAAE,qBAAqB;IAC3B,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,kDAAkD;QAClD,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QAC1C,gFAAgF;QAChF,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;KAC7C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE;gBAC1F,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;gBAC/D,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;aAC7E,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,mBAAmB,GAAG,4BAElC,CAAA;AAED,gDAAgD;AAChD,UAAU;AACV,gDAAgD;AAEhD,MAAM,uBAAuB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,qDAAqD;QACrD,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QACtC;;;;WAIG;QACH,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CACN,IAAI,EACJ;gBACE,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;gBAC5C,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBACrD,qEAAqE;gBACrE,4DAA4D;gBAC5D,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;gBACpC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;gBAC/B,GAAG,IAAI;aACR,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,cAAc,GAAG,uBAE7B,CAAA;AAID,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAA0B,oBAAoB,EAAE,IAAI,EAAE,CAAC,CAAC,WAAW,CAAC,CAAA;AAE1G,MAAM,6BAA6B,GAAG,eAAe,CAAC;IACpD,IAAI,EAAE,sBAAsB;IAC5B,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,2EAA2E;QAC3E,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,6FAA6F;QAC7F,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C;;;;WAIG;QACH,MAAM,EAAE,EAAE,IAAI,EAAE,MAAiC,EAAE,OAAO,EAAE,CAAC,EAAE;KAChE;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,MAAM,QAAQ,GAAG;gBACf,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBAChD,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBACnD,OAAO,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,CAAC;gBACjE,GAAG,IAAI;aACR,CAAA;YACD,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;QAC9G,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,oBAAoB,GAAG,6BAEnC,CAAA;AAQD,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,kBAAkB;IACxB,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;QACrB,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAA;QAC9D,CAAC,CAAA;IACH,CAAC;CACF,CAA8D,CAAA;AAE/D,gDAAgD;AAChD,OAAO;AACP,gDAAgD;AAEhD,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,aAAa;IACnB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,yCAAyC;QACzC,OAAO,EAAE,EAAE,IAAI,EAAE,MAA0C,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,6CAA6C;QAC7C,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KAC/C;IACD,KAAK,EAAE;QACL,qCAAqC;QACrC,OAAO,EAAE,CAAC,MAAkB,EAAE,EAAE,CAAC,IAAI;KACtC;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QACjC,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE;gBACxF,KAAK,CAAC,WAAW;oBACf,CAAC,CAAC,CAAC,CACC,MAAM,EACN;wBACE,SAAS,EAAE,IAAI;wBACf,MAAM,EAAE,KAAK;wBACb,SAAS,EAAE,OAAO;wBAClB,OAAO,EAAE,WAAW;wBACpB,OAAO,EAAE,CAAC,CAAC,WAAW;wBACtB,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;wBACxD,YAAY,EAAE,SAAS;qBACxB,EACD,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CACxB;oBACH,CAAC,CAAC,IAAI;gBACR,KAAK,CAAC,OAAO,EAAE,EAAE;aAClB,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,4DAA4D;AAC5D,MAAM,CAAC,MAAM,WAAW,GAAG,oBAE1B,CAAA;AAID,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAyB,mBAAmB,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,CAAA;AAIvG,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAwB,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,CAAA;AAInG,MAAM,CAAC,MAAM,oBAAoB,GAAG,eAAe,CAAC;IAClD,IAAI,EAAE,sBAAsB;IAC5B,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC5B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE;gBAC9D,KAAK,CAAC,OAAO,EAAE,EAAE;gBACjB,CAAC,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC;aACjD,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC;CACF,CAAkE,CAAA;AAInE,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAA0B,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,CAAA;AAI3G,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAyB,mBAAmB,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,CAAA;AAQvG,yDAAyD;AACzD,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAoB,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;AAQpF,oDAAoD;AACpD,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAqB,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,CAAA;AAQ9F;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC;IAC5C,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC5B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,OAAO,GAAG,EAAE;YACV,0DAA0D;YAC1D,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE,CAAC;gBACnC,OAAO,IAAI,CAAA;YACb,CAAC;YAED,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;YACnC,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,MAAM,EAAE,QAAQ;gBAChB,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;gBAC/B,6DAA6D;gBAC7D,SAAS,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;gBACvE,YAAY,EAAE,OAAO,CAAC,QAAQ;oBAC5B,CAAC,CAAC,WAAW;oBACb,CAAC,CAAC,OAAO,CAAC,KAAK,KAAK,UAAU;wBAC5B,CAAC,CAAC,kBAAkB;wBACpB,CAAC,CAAC,gBAAgB;gBACtB,GAAG,MAAM;aACV,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,EAAE;oBACnC,wDAAwD;oBACxD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;iBACxF,CAAC;aACH,CACF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAA4D,CAAA;AAQ7D,MAAM,CAAC,MAAM,uBAAuB,GAAG,eAAe,CAAC;IACrD,IAAI,EAAE,yBAAyB;IAC/B,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;QACrB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;YACnC,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,MAAM,EAAE,QAAQ;gBAChB,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBACpD,OAAO,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,SAAS,CAAC;gBACxC,6DAA6D;gBAC7D,SAAS,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;gBAC1F,YAAY,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW;gBAC7D,GAAG,MAAM;aACV,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE;oBACrC,CAAC,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,cAAc,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;oBAC5D,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;iBAC5G,CAAC;aACH,CACF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAqE,CAAA;AAEtE,gDAAgD;AAChD,iBAAiB;AACjB,gDAAgD;AAEhD,MAAM,sBAAsB,GAAG,eAAe,CAAC;IAC7C,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,sFAAsF;QACtF,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;KACjD;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,CAAA;YAChD,OAAO;gBACL,WAAW;gBACX,CAAC,CAAC,KAAK,EAAE;oBACP,OAAO,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,SAAS,CAAC;oBACtC,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;oBAC7C,aAAa,EAAE,MAAM;iBACtB,CAAC;gBACF,SAAS;gBACT,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;aACzF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAIF,MAAM,CAAC,MAAM,aAAa,GAAG,sBAE5B,CAAA;AAID,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAA2B,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,CAAA;AAI/G,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAA2B,qBAAqB,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,CAAA;AAQ/G;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,KAAK;IACnB,KAAK,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;QACpC,sBAAsB;QACtB,MAAM,cAAc,GAAG,GAAG,CAA+D,IAAI,CAAC,CAAA;QAE9F,MAAM,CAAC;YACL,KAAK,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE;YAC1C,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC;SAC3D,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAC7C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;gBAClC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,cAAc,EAAE,EAClD,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,EAAE,CAC5E;aACF,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC;CACF,CAA4B,CAAA;AAQ7B,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAA0B,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,CAAA","sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  Text,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type DefineComponent,\n  type HTMLAttributes,\n  type LiHTMLAttributes,\n  type PropType,\n  type Slots,\n  type VNode,\n  type VNodeArrayChildren,\n} from \"vue\"\nimport { Button } from \"../Button/index.js\"\nimport { ChevronRightMd, Search as SearchIcon, SidebarLeft, X } from \"../Icon/index.js\"\nimport { Input, type InputProps } from \"../Input/index.js\"\nimport { Tooltip } from \"../Tooltip/index.js\"\nimport { composeEventHandlers, firstElementChild, flattenSlot, mergeSlotProps } from \"../Tooltip/slot.js\"\nimport s from \"@plexui/styles/components/Sidebar/Sidebar.module.css\"\nimport {\n  SidebarProvider,\n  useSidebar,\n  type SidebarCollapsible,\n  type SidebarSide,\n  type SidebarVariant,\n} from \"./useSidebarContext.js\"\n\n// Vue port of packages/ui/src/components/Sidebar/Sidebar.tsx. Exports are\n// flat, as in React's index. Every part renders its React element with the\n// caller's attributes applied after its own (React spreads `...props` last),\n// so a caller's attribute or listener replaces the part's own. `class` is\n// merged. An `@click` on SidebarTrigger or SidebarMobileMenuButton runs before\n// the toggle and cancels it with `preventDefault()`, as `onClick` does in\n// React. `data-toggle` (injected by MDX) is dropped, as React's `cleanProps`\n// does.\n// - `asChild` (SidebarGroupLabel, SidebarMenuButton, SidebarMenuSubButton)\n//   merges into the first element of the default slot the way Radix's Slot\n//   does. SidebarMenuButton puts its inner `<span>` inside that element,\n//   around the element's own content, as React clones it; with no single\n//   element child it merges into the inner `<span>` instead.\n// - ReactNode props are slots: SidebarMenuButton `tooltip` (prop or\n//   `#tooltip` slot), SidebarTrigger's icon (default slot), SidebarInput's\n//   `startAdornment` (slot, Search icon by default).\n// - Parts whose React children are fixed (SidebarMenuChevron,\n//   SidebarMenuSkeleton, SidebarMobileMenuButton) ignore the default slot.\n\n// Re-export provider and composable\nexport { SidebarProvider, useSidebar }\nexport type { SidebarCollapsible, SidebarSide, SidebarVariant }\n\ntype Attrs = Record<string, unknown>\n\n// Filter out attributes that shouldn't reach the DOM (e.g. injected by MDX)\nconst cleanAttrs = (attrs: Attrs) => {\n  const { \"data-toggle\": _, class: className, ...rest } = attrs\n  return { className, rest }\n}\n\n// An explicit type keeps the published declaration on Vue's `DefineComponent`\n// alias; an inferred one is expanded there and fails consumers' type checks\n// (`GlobalComponents` against `Record<string, Component>`, TS2344).\ntype Part<A> = DefineComponent & { new (): { $props: A } }\n\n/** A part that renders one element with its class and the caller's attributes. */\nconst part = <A>(name: string, tag: string, className: string | undefined): Part<A> => {\n  const component = defineComponent({\n    name,\n    inheritAttrs: false,\n    setup(_props, { attrs, slots }) {\n      return () => {\n        const { className: userClass, rest } = cleanAttrs(attrs)\n        return h(tag, { ...rest, class: [className, userClass] }, slots.default?.())\n      }\n    },\n  })\n  return component as unknown as Part<A>\n}\n\n// =============================================\n// Sidebar Root\n// =============================================\n\nconst SidebarComponent = defineComponent({\n  name: \"Sidebar\",\n  inheritAttrs: false,\n  props: {\n    /** The side the sidebar is on. @default \"left\" */\n    side: { type: String as PropType<SidebarSide>, default: \"left\" },\n    /** The visual variant of the sidebar. @default \"sidebar\" */\n    variant: { type: String as PropType<SidebarVariant>, default: \"sidebar\" },\n  },\n  setup(props, { attrs, slots }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      // Skip rendering sidebar on mobile for offcanvas mode\n      if (sidebar.isMobile && sidebar.collapsible === \"offcanvas\") {\n        return null\n      }\n\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\n        \"aside\",\n        { \"data-side\": props.side, \"data-variant\": props.variant, \"class\": [s.Sidebar, className], ...rest },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport type SidebarProps = InstanceType<typeof SidebarComponent>[\"$props\"] & HTMLAttributes\n\n/** The sidebar container, an `<aside>`. Renders nothing on mobile in offcanvas mode. */\nexport const Sidebar = SidebarComponent as typeof SidebarComponent & { new (): { $props: SidebarProps } }\n\n// =============================================\n// Sidebar Sections\n// =============================================\n\nexport type SidebarHeaderProps = HTMLAttributes\n\n/** Sticky top area of the sidebar. */\nexport const SidebarHeader = part<SidebarHeaderProps>(\"SidebarHeader\", \"div\", s.Header)\n\nexport type SidebarContentProps = HTMLAttributes\n\n/**\n * Scrollable content area. Sets `data-content-scrollable` on the sidebar\n * while its content overflows.\n */\nexport const SidebarContent = defineComponent({\n  name: \"SidebarContent\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots }) {\n    const contentEl = ref<HTMLDivElement | null>(null)\n    let observer: ResizeObserver | undefined\n\n    onMounted(() => {\n      const el = contentEl.value\n      if (!el) return\n      const sidebar = el.parentElement\n      if (!sidebar) return\n\n      const update = () => {\n        const hasOverflow = el.scrollHeight > el.clientHeight\n        sidebar.setAttribute(\"data-content-scrollable\", hasOverflow ? \"true\" : \"false\")\n      }\n      update()\n      observer = new ResizeObserver(update)\n      observer.observe(el)\n    })\n    onBeforeUnmount(() => observer?.disconnect())\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { ref: contentEl, class: [s.Content, className], ...rest }, slots.default?.())\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarContentProps>>\n\nexport type SidebarFooterProps = HTMLAttributes\n\n/** Sticky bottom area of the sidebar, with a separator line on top. */\nexport const SidebarFooter = defineComponent({\n  name: \"SidebarFooter\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { class: [s.Footer, className], ...rest }, [\n        h(\"div\", { class: s.FooterSeparator }),\n        slots.default?.(),\n      ])\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarFooterProps>>\n\nexport type SidebarRailProps = HTMLAttributes\n\nexport const SidebarRail = part<SidebarRailProps>(\"SidebarRail\", \"div\", s.Rail)\n\n// =============================================\n// Groups\n// =============================================\n\nconst SidebarGroupComponent = defineComponent({\n  name: \"SidebarGroup\",\n  inheritAttrs: false,\n  props: {\n    /** Whether the group is open initially. A closed group hides its `SidebarGroupContent`. @default true */\n    defaultOpen: { type: Boolean, default: true },\n    /** Controlled open state. The group has no toggle of its own: change `open` from your own control. */\n    open: { type: Boolean, default: undefined },\n  },\n  setup(props, { attrs, slots }) {\n    // The initial value only, like an uncontrolled input's defaultValue\n    const internalOpen = ref(props.defaultOpen)\n\n    return () => {\n      const open = props.open ?? internalOpen.value\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\n        \"div\",\n        { \"data-state\": open ? \"open\" : \"closed\", \"class\": [s.Group, className], ...rest },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport type SidebarGroupProps = InstanceType<typeof SidebarGroupComponent>[\"$props\"] & HTMLAttributes\n\n/** Section within the content. `data-state` follows `open` / `defaultOpen`. */\nexport const SidebarGroup = SidebarGroupComponent as typeof SidebarGroupComponent & {\n  new (): { $props: SidebarGroupProps }\n}\n\n/** Radix Slot: the first element of the slot, with `slotProps` merged in. */\nconst renderAsChild = (children: VNodeArrayChildren | undefined, slotProps: Attrs) => {\n  const child = firstElementChild(children)\n  return child ? mergeSlotProps(child, slotProps) : null\n}\n\n/**\n * React's `cloneElement(child, undefined, wrap(child.props.children))`: the\n * same element (key and ref kept) with its content, or its default slot for a\n * component such as RouterLink, passed through `wrap`.\n */\nconst wrapChildContent = (child: VNode, wrap: (content: VNodeArrayChildren | undefined) => VNode): VNode => {\n  const content = child.children\n  let children: VNodeArrayChildren | Slots\n  if (content && typeof content === \"object\" && !Array.isArray(content)) {\n    // Drop the compiled-slots flag so the new default slot is always used\n    const { _: _compiled, ...slotFns } = content as Slots & { _?: unknown }\n    children = { ...slotFns, default: () => [wrap(slotFns.default?.())] }\n  } else {\n    children = [wrap(typeof content === \"string\" ? [content] : (content ?? undefined))]\n  }\n  return h(child.type as string, { ...child.props, key: child.key ?? undefined, ref: child.ref as never }, children as never)\n}\n\nconst SidebarGroupLabelComponent = defineComponent({\n  name: \"SidebarGroupLabel\",\n  inheritAttrs: false,\n  props: {\n    /** Merges into the slot's first element instead of rendering a `<span>`. @default false */\n    asChild: { type: Boolean, default: false },\n    /**\n     * Size variant for the label.\n     * - \"sm\": Compact style for dashboard/settings sidebars\n     * - \"lg\": Documentation style with larger text and more spacing\n     * @default \"lg\"\n     */\n    size: { type: String as PropType<\"sm\" | \"lg\">, default: \"lg\" },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const ownProps = { \"data-size\": props.size, \"class\": [s.GroupLabel, className], ...rest }\n      return props.asChild ? renderAsChild(slots.default?.(), ownProps) : h(\"span\", ownProps, slots.default?.())\n    }\n  },\n})\n\nexport type SidebarGroupLabelProps = InstanceType<typeof SidebarGroupLabelComponent>[\"$props\"] & HTMLAttributes\n\n/** Section label within a SidebarGroup. */\nexport const SidebarGroupLabel = SidebarGroupLabelComponent as typeof SidebarGroupLabelComponent & {\n  new (): { $props: SidebarGroupLabelProps }\n}\n\nexport type SidebarGroupActionProps = HTMLAttributes\n\nexport const SidebarGroupAction = part<SidebarGroupActionProps>(\"SidebarGroupAction\", \"div\", s.GroupAction)\n\nexport type SidebarGroupContentProps = HTMLAttributes\n\nexport const SidebarGroupContent = part<SidebarGroupContentProps>(\"SidebarGroupContent\", \"div\", s.GroupContent)\n\n// =============================================\n// Menu\n// =============================================\n\nexport type SidebarMenuProps = HTMLAttributes\n\n/** Navigation menu, a `<ul>`. */\nexport const SidebarMenu = part<SidebarMenuProps>(\"SidebarMenu\", \"ul\", s.Menu)\n\nconst SidebarMenuItemComponent = defineComponent({\n  name: \"SidebarMenuItem\",\n  inheritAttrs: false,\n  props: {\n    /** Marks the item as expanded (`data-expanded`), for chevrons and sub menus. */\n    expanded: { type: Boolean, default: undefined },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\n        \"li\",\n        { \"data-expanded\": props.expanded ? \"true\" : undefined, \"class\": [s.MenuItem, className], ...rest },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport type SidebarMenuItemProps = InstanceType<typeof SidebarMenuItemComponent>[\"$props\"] & LiHTMLAttributes\n\n/** Menu item, an `<li>`. */\nexport const SidebarMenuItem = SidebarMenuItemComponent as typeof SidebarMenuItemComponent & {\n  new (): { $props: SidebarMenuItemProps }\n}\n\n// =============================================\n// Menu Button\n// =============================================\n\nconst SidebarMenuButtonComponent = defineComponent({\n  name: \"SidebarMenuButton\",\n  inheritAttrs: false,\n  props: {\n    /** Whether the button is in an active/highlighted state. @default false */\n    isActive: { type: Boolean, default: false },\n    /**\n     * Optional tooltip to show when the sidebar is collapsed (or the\n     * `#tooltip` slot). Hidden on mobile.\n     */\n    tooltip: String,\n    /** Whether to render the button as a custom element via Slot. @default false */\n    asChild: { type: Boolean, default: false },\n  },\n  setup(props, { attrs, slots }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const ownProps = {\n        \"data-active\": props.isActive ? \"true\" : \"false\",\n        \"aria-current\": props.isActive ? \"page\" : undefined,\n        \"class\": [s.MenuButton, className],\n        ...rest,\n      }\n      const content = slots.default?.()\n      const wrap = (children: VNodeArrayChildren | undefined) => h(\"span\", { class: s.MenuButtonInner }, children)\n      let button: VNode\n      if (props.asChild) {\n        // With asChild the child element is the button, so the inner wrapper\n        // goes inside it. Wrapping the child instead would merge the button\n        // attributes onto the wrapper span.\n        // A lone text child is wrapped below rather than slotted\n        const nodes = flattenSlot(content)\n        const child = nodes.length === 1 && nodes[0].type !== Text ? nodes[0] : undefined\n        button = mergeSlotProps(child ? wrapChildContent(child, wrap) : wrap(content), ownProps)\n      } else {\n        button = h(\"button\", ownProps, [wrap(content)])\n      }\n\n      // Show tooltip when collapsed (icon mode) and not mobile\n      if ((props.tooltip || slots.tooltip) && sidebar.state === \"collapsed\" && !sidebar.isMobile) {\n        return h(\n          Tooltip,\n          { content: props.tooltip, side: \"right\" },\n          { default: () => button, ...(slots.tooltip ? { content: slots.tooltip } : {}) },\n        )\n      }\n\n      return button\n    }\n  },\n})\n\nexport type SidebarMenuButtonProps = InstanceType<typeof SidebarMenuButtonComponent>[\"$props\"] & ButtonHTMLAttributes\n\n/** Menu item button. Shows its `tooltip` when the sidebar is collapsed to icons. */\nexport const SidebarMenuButton = SidebarMenuButtonComponent as typeof SidebarMenuButtonComponent & {\n  new (): { $props: SidebarMenuButtonProps }\n}\n\n// =============================================\n// Menu Button Parts\n// =============================================\n\nexport type SidebarMenuButtonIconProps = HTMLAttributes\n\nexport const SidebarMenuButtonIcon = part<SidebarMenuButtonIconProps>(\n  \"SidebarMenuButtonIcon\",\n  \"span\",\n  s.MenuButtonIcon,\n)\n\nconst SidebarMenuButtonLabelComponent = defineComponent({\n  name: \"SidebarMenuButtonLabel\",\n  inheritAttrs: false,\n  props: {\n    /** Shorter label rendered next to the full one (`data-short-label`). */\n    shortLabel: String,\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return [\n        h(\n          \"span\",\n          { \"data-long-label\": \"true\", \"class\": [s.MenuButtonLabel, className], ...rest },\n          slots.default?.(),\n        ),\n        props.shortLabel\n          ? h(\"span\", { \"data-short-label\": \"true\", \"class\": [s.MenuButtonLabel, className] }, props.shortLabel)\n          : null,\n      ]\n    }\n  },\n})\n\nexport type SidebarMenuButtonLabelProps = InstanceType<typeof SidebarMenuButtonLabelComponent>[\"$props\"] & HTMLAttributes\n\nexport const SidebarMenuButtonLabel = SidebarMenuButtonLabelComponent as typeof SidebarMenuButtonLabelComponent & {\n  new (): { $props: SidebarMenuButtonLabelProps }\n}\n\n// =============================================\n// Menu Chevron (Expand/Collapse Toggle)\n// =============================================\n\nexport type SidebarMenuChevronProps = HTMLAttributes\n\nexport const SidebarMenuChevron = defineComponent({\n  name: \"SidebarMenuChevron\",\n  inheritAttrs: false,\n  setup(_props, { attrs }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"span\", { class: [s.MenuChevron, className], ...rest }, [h(ChevronRightMd)])\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarMenuChevronProps>>\n\n// =============================================\n// Menu Badge & Action\n// =============================================\n\nexport type SidebarMenuBadgeProps = HTMLAttributes\n\nexport const SidebarMenuBadge = part<SidebarMenuBadgeProps>(\"SidebarMenuBadge\", \"span\", s.MenuBadge)\n\nexport type SidebarMenuActionProps = HTMLAttributes\n\nexport const SidebarMenuAction = part<SidebarMenuActionProps>(\"SidebarMenuAction\", \"div\", s.MenuAction)\n\n// =============================================\n// Menu Skeleton\n// =============================================\n\nconst SidebarMenuSkeletonComponent = defineComponent({\n  name: \"SidebarMenuSkeleton\",\n  inheritAttrs: false,\n  props: {\n    /** Renders the icon placeholder. @default true */\n    showIcon: { type: Boolean, default: true },\n    /** Width of the label skeleton (e.g., \"60%\", \"80%\", \"100px\"). @default \"60%\" */\n    labelWidth: { type: String, default: \"60%\" },\n  },\n  setup(props, { attrs }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { \"data-skeleton\": \"true\", \"class\": [s.MenuSkeleton, className], ...rest }, [\n        props.showIcon ? h(\"div\", { class: s.MenuSkeletonIcon }) : null,\n        h(\"div\", { class: s.MenuSkeletonLabel, style: { width: props.labelWidth } }),\n      ])\n    }\n  },\n})\n\nexport type SidebarMenuSkeletonProps = InstanceType<typeof SidebarMenuSkeletonComponent>[\"$props\"] & HTMLAttributes\n\nexport const SidebarMenuSkeleton = SidebarMenuSkeletonComponent as typeof SidebarMenuSkeletonComponent & {\n  new (): { $props: SidebarMenuSkeletonProps }\n}\n\n// =============================================\n// Submenu\n// =============================================\n\nconst SidebarMenuSubComponent = defineComponent({\n  name: \"SidebarMenuSub\",\n  inheritAttrs: false,\n  props: {\n    /** Whether the submenu is expanded. @default true */\n    open: { type: Boolean, default: true },\n    /**\n     * When true, child items align with parent text that has icons.\n     * This adjusts the padding so level 2 text aligns with level 1 text.\n     * @default false\n     */\n    hasIcons: { type: Boolean, default: false },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\n        \"ul\",\n        {\n          \"data-state\": props.open ? \"open\" : \"closed\",\n          \"data-has-icons\": props.hasIcons ? \"true\" : undefined,\n          // Collapsed items are only hidden visually: keep them out of the tab\n          // order. \"\" renders `inert=\"\"` (a DOM property in browsers)\n          \"inert\": props.open ? undefined : \"\",\n          \"class\": [s.MenuSub, className],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport type SidebarMenuSubProps = InstanceType<typeof SidebarMenuSubComponent>[\"$props\"] & HTMLAttributes\n\nexport const SidebarMenuSub = SidebarMenuSubComponent as typeof SidebarMenuSubComponent & {\n  new (): { $props: SidebarMenuSubProps }\n}\n\nexport type SidebarMenuSubItemProps = LiHTMLAttributes\n\nexport const SidebarMenuSubItem = part<SidebarMenuSubItemProps>(\"SidebarMenuSubItem\", \"li\", s.MenuSubItem)\n\nconst SidebarMenuSubButtonComponent = defineComponent({\n  name: \"SidebarMenuSubButton\",\n  inheritAttrs: false,\n  props: {\n    /** Whether the button is in an active/highlighted state. @default false */\n    isActive: { type: Boolean, default: false },\n    /** Merges into the slot's first element instead of rendering a `<button>`. @default false */\n    asChild: { type: Boolean, default: false },\n    /**\n     * Indent level for nested items (0-3).\n     * Each level adds 12px of left margin.\n     * @default 0\n     */\n    indent: { type: Number as PropType<0 | 1 | 2 | 3>, default: 0 },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const ownProps = {\n        \"data-active\": props.isActive ? \"true\" : \"false\",\n        \"aria-current\": props.isActive ? \"page\" : undefined,\n        \"class\": [s.MenuSubButton, s[`indent${props.indent}`], className],\n        ...rest,\n      }\n      return props.asChild ? renderAsChild(slots.default?.(), ownProps) : h(\"button\", ownProps, slots.default?.())\n    }\n  },\n})\n\nexport type SidebarMenuSubButtonProps = InstanceType<typeof SidebarMenuSubButtonComponent>[\"$props\"] & ButtonHTMLAttributes\n\nexport const SidebarMenuSubButton = SidebarMenuSubButtonComponent as typeof SidebarMenuSubButtonComponent & {\n  new (): { $props: SidebarMenuSubButtonProps }\n}\n\n// =============================================\n// Separator\n// =============================================\n\nexport type SidebarSeparatorProps = HTMLAttributes\n\nexport const SidebarSeparator = defineComponent({\n  name: \"SidebarSeparator\",\n  inheritAttrs: false,\n  setup(_props, { attrs }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"hr\", { class: [s.Separator, className], ...rest })\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarSeparatorProps>>\n\n// =============================================\n// Card\n// =============================================\n\nconst SidebarCardComponent = defineComponent({\n  name: \"SidebarCard\",\n  inheritAttrs: false,\n  props: {\n    /** Visual variant. @default \"default\" */\n    variant: { type: String as PropType<\"default\" | \"elevated\">, default: \"default\" },\n    /** Shows a dismiss button. @default false */\n    dismissible: { type: Boolean, default: false },\n  },\n  emits: {\n    /** The dismiss button was clicked */\n    dismiss: (_event: MouseEvent) => true,\n  },\n  setup(props, { attrs, slots, emit }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { \"data-variant\": props.variant, \"class\": [s.Card, className], ...rest }, [\n        props.dismissible\n          ? h(\n              Button,\n              {\n                \"uniform\": true,\n                \"size\": \"3xs\",\n                \"variant\": \"ghost\",\n                \"color\": \"secondary\",\n                \"class\": s.CardDismiss,\n                \"onClick\": (event: MouseEvent) => emit(\"dismiss\", event),\n                \"aria-label\": \"Dismiss\",\n              },\n              { default: () => h(X) },\n            )\n          : null,\n        slots.default?.(),\n      ])\n    }\n  },\n})\n\nexport type SidebarCardProps = InstanceType<typeof SidebarCardComponent>[\"$props\"] & HTMLAttributes\n\n/** Promotional card for CTAs, upgrades or announcements. */\nexport const SidebarCard = SidebarCardComponent as typeof SidebarCardComponent & {\n  new (): { $props: SidebarCardProps }\n}\n\nexport type SidebarCardHeaderProps = HTMLAttributes\n\nexport const SidebarCardHeader = part<SidebarCardHeaderProps>(\"SidebarCardHeader\", \"div\", s.CardHeader)\n\nexport type SidebarCardTitleProps = HTMLAttributes\n\nexport const SidebarCardTitle = part<SidebarCardTitleProps>(\"SidebarCardTitle\", \"div\", s.CardTitle)\n\nexport type SidebarCardTitleLinkProps = AnchorHTMLAttributes\n\nexport const SidebarCardTitleLink = defineComponent({\n  name: \"SidebarCardTitleLink\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"a\", { class: [s.CardTitleLink, className], ...rest }, [\n        slots.default?.(),\n        h(ChevronRightMd, { class: s.CardTitleChevron }),\n      ])\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarCardTitleLinkProps>>\n\nexport type SidebarCardContentProps = HTMLAttributes\n\nexport const SidebarCardContent = part<SidebarCardContentProps>(\"SidebarCardContent\", \"div\", s.CardContent)\n\nexport type SidebarCardFooterProps = HTMLAttributes\n\nexport const SidebarCardFooter = part<SidebarCardFooterProps>(\"SidebarCardFooter\", \"div\", s.CardFooter)\n\n// =============================================\n// Inset (Main Content Area)\n// =============================================\n\nexport type SidebarInsetProps = HTMLAttributes\n\n/** Main content area next to the sidebar, a `<main>`. */\nexport const SidebarInset = part<SidebarInsetProps>(\"SidebarInset\", \"main\", s.Inset)\n\n// =============================================\n// Layout Container\n// =============================================\n\nexport type SidebarLayoutProps = HTMLAttributes\n\n/** Wrapper for the sidebar and the main content. */\nexport const SidebarLayout = part<SidebarLayoutProps>(\"SidebarLayout\", \"div\", s.SidebarLayout)\n\n// =============================================\n// Trigger (Collapse Button)\n// =============================================\n\nexport type SidebarTriggerProps = ButtonHTMLAttributes\n\n/**\n * Collapse button. The default slot replaces the icon. Renders nothing when\n * `collapsible=\"none\"`.\n */\nexport const SidebarTrigger = defineComponent({\n  name: \"SidebarTrigger\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      // Don't render if collapsible=\"none\" (text-only sidebars)\n      if (sidebar.collapsible === \"none\") {\n        return null\n      }\n\n      const { className, rest } = cleanAttrs(attrs)\n      const { onClick, ...others } = rest\n      return h(\n        \"button\",\n        {\n          \"type\": \"button\",\n          \"class\": [s.Trigger, className],\n          // The caller's listener runs first and can cancel the toggle\n          \"onClick\": composeEventHandlers(onClick, () => sidebar.toggleSidebar()),\n          \"aria-label\": sidebar.isMobile\n            ? \"Open menu\"\n            : sidebar.state === \"expanded\"\n              ? \"Collapse sidebar\"\n              : \"Expand sidebar\",\n          ...others,\n        },\n        [\n          h(\"span\", { class: s.TriggerInner }, [\n            // Default icon (same for both states, as per reference)\n            h(\"span\", { class: s.TriggerIcon }, slots.default ? slots.default() : [h(SidebarLeft)]),\n          ]),\n        ],\n      )\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarTriggerProps>>\n\n// =============================================\n// Mobile Menu Button (Hamburger → X)\n// =============================================\n\nexport type SidebarMobileMenuButtonProps = ButtonHTMLAttributes\n\nexport const SidebarMobileMenuButton = defineComponent({\n  name: \"SidebarMobileMenuButton\",\n  inheritAttrs: false,\n  setup(_props, { attrs }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const { onClick, ...others } = rest\n      return h(\n        \"button\",\n        {\n          \"type\": \"button\",\n          \"data-expanded\": sidebar.openMobile ? \"\" : undefined,\n          \"class\": [s.MobileMenuButton, className],\n          // The caller's listener runs first and can cancel the toggle\n          \"onClick\": composeEventHandlers(onClick, () => sidebar.setOpenMobile(!sidebar.openMobile)),\n          \"aria-label\": sidebar.openMobile ? \"Close menu\" : \"Open menu\",\n          ...others,\n        },\n        [\n          h(\"span\", { class: s.MobileMenuIcon }, [\n            h(\"span\", { \"class\": s.MobileMenuLine, \"data-top\": \"true\" }),\n            h(\"span\", { class: s.MobileMenuMiddle }, [h(\"span\", { \"class\": s.MobileMenuLine, \"data-bottom\": \"true\" })]),\n          ]),\n        ],\n      )\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarMobileMenuButtonProps>>\n\n// =============================================\n// Mobile Sidebar\n// =============================================\n\nconst SidebarMobileComponent = defineComponent({\n  name: \"SidebarMobile\",\n  inheritAttrs: false,\n  props: {\n    /** When true, drawer is positioned absolute instead of fixed (for contained demos) */\n    contained: { type: Boolean, default: undefined },\n  },\n  setup(props, { attrs, slots }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const contained = props.contained && s.contained\n      return [\n        // Backdrop\n        h(\"div\", {\n          \"class\": [s.MobileBackdrop, contained],\n          \"onClick\": () => sidebar.setOpenMobile(false),\n          \"aria-hidden\": \"true\",\n        }),\n        // Drawer\n        h(\"div\", { class: [s.MobileSidebar, contained, className], ...rest }, slots.default?.()),\n      ]\n    }\n  },\n})\n\nexport type SidebarMobileProps = InstanceType<typeof SidebarMobileComponent>[\"$props\"] & HTMLAttributes\n\nexport const SidebarMobile = SidebarMobileComponent as typeof SidebarMobileComponent & {\n  new (): { $props: SidebarMobileProps }\n}\n\nexport type SidebarMobileHeaderProps = HTMLAttributes\n\nexport const SidebarMobileHeader = part<SidebarMobileHeaderProps>(\"SidebarMobileHeader\", \"div\", s.MobileHeader)\n\nexport type SidebarMobileFooterProps = HTMLAttributes\n\nexport const SidebarMobileFooter = part<SidebarMobileFooterProps>(\"SidebarMobileFooter\", \"div\", s.MobileFooter)\n\n// =============================================\n// Input (Search)\n// =============================================\n\nexport type SidebarInputProps = InputProps\n\n/**\n * Search input: an Input with a Search icon in its `startAdornment` slot.\n * Every attribute, listener and slot goes to the Input (`v-model:value`,\n * `@clear`, ...). A template ref gets the Input's `focus()` and `input`\n * (React forwards its ref to the <input>).\n */\nexport const SidebarInput = defineComponent({\n  name: \"SidebarInput\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots, expose }) {\n    // Input's exposed API\n    const inputComponent = ref<{ input: HTMLInputElement | null; focus: () => void } | null>(null)\n\n    expose({\n      focus: () => inputComponent.value?.focus(),\n      input: computed(() => inputComponent.value?.input ?? null),\n    })\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { class: s.Input }, [\n        h(\n          Input,\n          { class: className, ...rest, ref: inputComponent },\n          { ...slots, startAdornment: slots.startAdornment ?? (() => h(SearchIcon)) },\n        ),\n      ])\n    }\n  },\n}) as unknown as typeof Input\n\n// =============================================\n// Footer Links\n// =============================================\n\nexport type SidebarFooterLinksProps = HTMLAttributes\n\nexport const SidebarFooterLinks = part<SidebarFooterLinksProps>(\"SidebarFooterLinks\", \"div\", s.FooterLinks)\n"]}
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  Text,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type DefineComponent,\n  type HTMLAttributes,\n  type LiHTMLAttributes,\n  type PropType,\n  type Slots,\n  type VNode,\n  type VNodeArrayChildren,\n} from \"vue\"\nimport { Button } from \"../Button/index.js\"\nimport { ChevronRightMd, Search as SearchIcon, SidebarLeft, X } from \"../Icon/index.js\"\nimport { Input, type InputProps } from \"../Input/index.js\"\nimport { Tooltip } from \"../Tooltip/index.js\"\nimport { composeEventHandlers, firstElementChild, flattenSlot, mergeSlotProps } from \"../Tooltip/slot.js\"\nimport s from \"@plexui/styles/components/Sidebar/Sidebar.module.css\"\nimport {\n  SidebarProvider,\n  useSidebar,\n  type SidebarCollapsible,\n  type SidebarSide,\n  type SidebarProviderVariant,\n  type SidebarVariant,\n} from \"./useSidebarContext.js\"\n\n// Vue port of packages/ui/src/components/Sidebar/Sidebar.tsx. Exports are\n// flat, as in React's index. Every part renders its React element with the\n// caller's attributes applied after its own (React spreads `...props` last),\n// so a caller's attribute or listener replaces the part's own. `class` is\n// merged. An `@click` on SidebarTrigger or SidebarMobileMenuButton runs before\n// the toggle and cancels it with `preventDefault()`, as `onClick` does in\n// React. `data-toggle` (injected by MDX) is dropped, as React's `cleanProps`\n// does.\n// - `asChild` (SidebarGroupLabel, SidebarMenuButton, SidebarMenuSubButton)\n//   merges into the first element of the default slot the way Radix's Slot\n//   does. SidebarMenuButton puts its inner `<span>` inside that element,\n//   around the element's own content, as React clones it; with no single\n//   element child it merges into the inner `<span>` instead.\n// - ReactNode props are slots: SidebarMenuButton `tooltip` (prop or\n//   `#tooltip` slot), SidebarTrigger's icon (default slot), SidebarInput's\n//   `startAdornment` (slot, Search icon by default).\n// - Parts whose React children are fixed (SidebarMenuChevron,\n//   SidebarMenuSkeleton, SidebarMobileMenuButton) ignore the default slot.\n\n// Re-export provider and composable\nexport { SidebarProvider, useSidebar }\nexport type { SidebarCollapsible, SidebarProviderVariant, SidebarSide, SidebarVariant }\n\ntype Attrs = Record<string, unknown>\n\n// Filter out attributes that shouldn't reach the DOM (e.g. injected by MDX)\nconst cleanAttrs = (attrs: Attrs) => {\n  const { \"data-toggle\": _, class: className, ...rest } = attrs\n  return { className, rest }\n}\n\n// An explicit type keeps the published declaration on Vue's `DefineComponent`\n// alias; an inferred one is expanded there and fails consumers' type checks\n// (`GlobalComponents` against `Record<string, Component>`, TS2344).\ntype Part<A> = DefineComponent & { new (): { $props: A } }\n\n/** A part that renders one element with its class and the caller's attributes. */\nconst part = <A>(name: string, tag: string, className: string | undefined): Part<A> => {\n  const component = defineComponent({\n    name,\n    inheritAttrs: false,\n    setup(_props, { attrs, slots }) {\n      return () => {\n        const { className: userClass, rest } = cleanAttrs(attrs)\n        return h(tag, { ...rest, class: [className, userClass] }, slots.default?.())\n      }\n    },\n  })\n  return component as unknown as Part<A>\n}\n\n// =============================================\n// Sidebar Root\n// =============================================\n\nconst SidebarComponent = defineComponent({\n  name: \"Sidebar\",\n  inheritAttrs: false,\n  props: {\n    /** The side the sidebar is on. @default \"left\" */\n    side: { type: String as PropType<SidebarSide>, default: \"left\" },\n    /** The visual variant of the sidebar. @default \"sidebar\" */\n    variant: { type: String as PropType<SidebarVariant>, default: \"sidebar\" },\n  },\n  setup(props, { attrs, slots }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      // Skip rendering sidebar on mobile for offcanvas mode\n      if (sidebar.isMobile && sidebar.collapsible === \"offcanvas\") {\n        return null\n      }\n\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\n        \"aside\",\n        { \"data-side\": props.side, \"data-variant\": props.variant, \"class\": [s.Sidebar, className], ...rest },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport type SidebarProps = InstanceType<typeof SidebarComponent>[\"$props\"] & HTMLAttributes\n\n/** The sidebar container, an `<aside>`. Renders nothing on mobile in offcanvas mode. */\nexport const Sidebar = SidebarComponent as typeof SidebarComponent & { new (): { $props: SidebarProps } }\n\n// =============================================\n// Sidebar Sections\n// =============================================\n\nexport type SidebarHeaderProps = HTMLAttributes\n\n/** Sticky top area of the sidebar. */\nexport const SidebarHeader = part<SidebarHeaderProps>(\"SidebarHeader\", \"div\", s.Header)\n\nexport type SidebarContentProps = HTMLAttributes\n\n/**\n * Scrollable content area. Sets `data-content-scrollable` on the sidebar\n * while its content overflows.\n */\nexport const SidebarContent = defineComponent({\n  name: \"SidebarContent\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots }) {\n    const contentEl = ref<HTMLDivElement | null>(null)\n    let observer: ResizeObserver | undefined\n\n    onMounted(() => {\n      const el = contentEl.value\n      if (!el) return\n      const sidebar = el.parentElement\n      if (!sidebar) return\n\n      const update = () => {\n        const hasOverflow = el.scrollHeight > el.clientHeight\n        sidebar.setAttribute(\"data-content-scrollable\", hasOverflow ? \"true\" : \"false\")\n      }\n      update()\n      observer = new ResizeObserver(update)\n      observer.observe(el)\n    })\n    onBeforeUnmount(() => observer?.disconnect())\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { ref: contentEl, class: [s.Content, className], ...rest }, slots.default?.())\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarContentProps>>\n\nexport type SidebarFooterProps = HTMLAttributes\n\n/** Sticky bottom area of the sidebar, with a separator line on top. */\nexport const SidebarFooter = defineComponent({\n  name: \"SidebarFooter\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { class: [s.Footer, className], ...rest }, [\n        h(\"div\", { class: s.FooterSeparator }),\n        slots.default?.(),\n      ])\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarFooterProps>>\n\nexport type SidebarRailProps = HTMLAttributes\n\nexport const SidebarRail = part<SidebarRailProps>(\"SidebarRail\", \"div\", s.Rail)\n\n// =============================================\n// Groups\n// =============================================\n\nconst SidebarGroupComponent = defineComponent({\n  name: \"SidebarGroup\",\n  inheritAttrs: false,\n  props: {\n    /** Whether the group is open initially. A closed group hides its `SidebarGroupContent`. @default true */\n    defaultOpen: { type: Boolean, default: true },\n    /** Controlled open state. The group has no toggle of its own: change `open` from your own control. */\n    open: { type: Boolean, default: undefined },\n  },\n  setup(props, { attrs, slots }) {\n    // The initial value only, like an uncontrolled input's defaultValue\n    const internalOpen = ref(props.defaultOpen)\n\n    return () => {\n      const open = props.open ?? internalOpen.value\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\n        \"div\",\n        { \"data-state\": open ? \"open\" : \"closed\", \"class\": [s.Group, className], ...rest },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport type SidebarGroupProps = InstanceType<typeof SidebarGroupComponent>[\"$props\"] & HTMLAttributes\n\n/** Section within the content. `data-state` follows `open` / `defaultOpen`. */\nexport const SidebarGroup = SidebarGroupComponent as typeof SidebarGroupComponent & {\n  new (): { $props: SidebarGroupProps }\n}\n\n/** Radix Slot: the first element of the slot, with `slotProps` merged in. */\nconst renderAsChild = (children: VNodeArrayChildren | undefined, slotProps: Attrs) => {\n  const child = firstElementChild(children)\n  return child ? mergeSlotProps(child, slotProps) : null\n}\n\n/**\n * React's `cloneElement(child, undefined, wrap(child.props.children))`: the\n * same element (key and ref kept) with its content, or its default slot for a\n * component such as RouterLink, passed through `wrap`.\n */\nconst wrapChildContent = (child: VNode, wrap: (content: VNodeArrayChildren | undefined) => VNode): VNode => {\n  const content = child.children\n  let children: VNodeArrayChildren | Slots\n  if (content && typeof content === \"object\" && !Array.isArray(content)) {\n    // Drop the compiled-slots flag so the new default slot is always used\n    const { _: _compiled, ...slotFns } = content as Slots & { _?: unknown }\n    children = { ...slotFns, default: () => [wrap(slotFns.default?.())] }\n  } else {\n    children = [wrap(typeof content === \"string\" ? [content] : (content ?? undefined))]\n  }\n  return h(child.type as string, { ...child.props, key: child.key ?? undefined, ref: child.ref as never }, children as never)\n}\n\nconst SidebarGroupLabelComponent = defineComponent({\n  name: \"SidebarGroupLabel\",\n  inheritAttrs: false,\n  props: {\n    /** Merges into the slot's first element instead of rendering a `<span>`. @default false */\n    asChild: { type: Boolean, default: false },\n    /**\n     * Size variant for the label.\n     * - \"sm\": Compact style for dashboard/settings sidebars\n     * - \"lg\": Documentation style with larger text and more spacing\n     * @default \"lg\"\n     */\n    size: { type: String as PropType<\"sm\" | \"lg\">, default: \"lg\" },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const ownProps = { \"data-size\": props.size, \"class\": [s.GroupLabel, className], ...rest }\n      return props.asChild ? renderAsChild(slots.default?.(), ownProps) : h(\"span\", ownProps, slots.default?.())\n    }\n  },\n})\n\nexport type SidebarGroupLabelProps = InstanceType<typeof SidebarGroupLabelComponent>[\"$props\"] & HTMLAttributes\n\n/** Section label within a SidebarGroup. */\nexport const SidebarGroupLabel = SidebarGroupLabelComponent as typeof SidebarGroupLabelComponent & {\n  new (): { $props: SidebarGroupLabelProps }\n}\n\nexport type SidebarGroupActionProps = HTMLAttributes\n\nexport const SidebarGroupAction = part<SidebarGroupActionProps>(\"SidebarGroupAction\", \"div\", s.GroupAction)\n\nexport type SidebarGroupContentProps = HTMLAttributes\n\nexport const SidebarGroupContent = part<SidebarGroupContentProps>(\"SidebarGroupContent\", \"div\", s.GroupContent)\n\n// =============================================\n// Menu\n// =============================================\n\nexport type SidebarMenuProps = HTMLAttributes\n\n/** Navigation menu, a `<ul>`. */\nexport const SidebarMenu = part<SidebarMenuProps>(\"SidebarMenu\", \"ul\", s.Menu)\n\nconst SidebarMenuItemComponent = defineComponent({\n  name: \"SidebarMenuItem\",\n  inheritAttrs: false,\n  props: {\n    /** Marks the item as expanded (`data-expanded`), for chevrons and sub menus. */\n    expanded: { type: Boolean, default: undefined },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\n        \"li\",\n        { \"data-expanded\": props.expanded ? \"true\" : undefined, \"class\": [s.MenuItem, className], ...rest },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport type SidebarMenuItemProps = InstanceType<typeof SidebarMenuItemComponent>[\"$props\"] & LiHTMLAttributes\n\n/** Menu item, an `<li>`. */\nexport const SidebarMenuItem = SidebarMenuItemComponent as typeof SidebarMenuItemComponent & {\n  new (): { $props: SidebarMenuItemProps }\n}\n\n// =============================================\n// Menu Button\n// =============================================\n\n// Shared by every row of the rail: moving to the next one shows its label at once.\nlet railLeftAt = 0\n\nconst SidebarMenuButtonComponent = defineComponent({\n  name: \"SidebarMenuButton\",\n  inheritAttrs: false,\n  props: {\n    /** Whether the button is in an active/highlighted state. @default false */\n    isActive: { type: Boolean, default: false },\n    /**\n     * Optional tooltip to show when the sidebar is collapsed (or the\n     * `#tooltip` slot). Hidden on mobile.\n     */\n    tooltip: String,\n    /** Whether to render the button as a custom element via Slot. @default false */\n    asChild: { type: Boolean, default: false },\n  },\n  setup(props, { attrs, slots }) {\n    const sidebar = useSidebar()\n    const openDelay = ref<number>()\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const hasTooltip = !!(props.tooltip || slots.tooltip)\n      const ownProps: Record<string, unknown> = {\n        \"data-active\": props.isActive ? \"true\" : \"false\",\n        \"aria-current\": props.isActive ? \"page\" : undefined,\n        \"class\": [s.MenuButton, className],\n        ...rest,\n      }\n      if (hasTooltip) {\n        ownProps.onPointerenter = composeEventHandlers(rest.onPointerenter, () => {\n          openDelay.value = Date.now() - railLeftAt < 300 ? 0 : undefined\n        })\n        ownProps.onPointerleave = composeEventHandlers(rest.onPointerleave, () => {\n          railLeftAt = Date.now()\n        })\n      }\n      const content = slots.default?.()\n      const wrap = (children: VNodeArrayChildren | undefined) => h(\"span\", { class: s.MenuButtonInner }, children)\n      let button: VNode\n      if (props.asChild) {\n        // With asChild the child element is the button, so the inner wrapper\n        // goes inside it. Wrapping the child instead would merge the button\n        // attributes onto the wrapper span.\n        // A lone text child is wrapped below rather than slotted\n        const nodes = flattenSlot(content)\n        const child = nodes.length === 1 && nodes[0].type !== Text ? nodes[0] : undefined\n        button = mergeSlotProps(child ? wrapChildContent(child, wrap) : wrap(content), ownProps)\n      } else {\n        button = h(\"button\", ownProps, [wrap(content)])\n      }\n\n      // The tooltip shows when collapsed (icon mode) and not on mobile. It wraps\n      // the row in every state, so the row stays mounted and its label can fade.\n      if (hasTooltip) {\n        const shown = sidebar.state === \"collapsed\" && !sidebar.isMobile\n        return h(\n          Tooltip,\n          { content: shown ? props.tooltip : null, openDelay: openDelay.value, side: \"right\" },\n          { default: () => button, ...(slots.tooltip && shown ? { content: slots.tooltip } : {}) },\n        )\n      }\n\n      return button\n    }\n  },\n})\n\nexport type SidebarMenuButtonProps = InstanceType<typeof SidebarMenuButtonComponent>[\"$props\"] & ButtonHTMLAttributes\n\n/** Menu item button. Shows its `tooltip` when the sidebar is collapsed to icons. */\nexport const SidebarMenuButton = SidebarMenuButtonComponent as typeof SidebarMenuButtonComponent & {\n  new (): { $props: SidebarMenuButtonProps }\n}\n\n// =============================================\n// Menu Button Parts\n// =============================================\n\nexport type SidebarMenuButtonIconProps = HTMLAttributes\n\nexport const SidebarMenuButtonIcon = part<SidebarMenuButtonIconProps>(\n  \"SidebarMenuButtonIcon\",\n  \"span\",\n  s.MenuButtonIcon,\n)\n\nconst SidebarMenuButtonLabelComponent = defineComponent({\n  name: \"SidebarMenuButtonLabel\",\n  inheritAttrs: false,\n  props: {\n    /** Shorter label rendered next to the full one (`data-short-label`). */\n    shortLabel: String,\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return [\n        h(\n          \"span\",\n          { \"data-long-label\": \"true\", \"class\": [s.MenuButtonLabel, className], ...rest },\n          slots.default?.(),\n        ),\n        props.shortLabel\n          ? h(\"span\", { \"data-short-label\": \"true\", \"class\": [s.MenuButtonLabel, className] }, props.shortLabel)\n          : null,\n      ]\n    }\n  },\n})\n\nexport type SidebarMenuButtonLabelProps = InstanceType<typeof SidebarMenuButtonLabelComponent>[\"$props\"] & HTMLAttributes\n\nexport const SidebarMenuButtonLabel = SidebarMenuButtonLabelComponent as typeof SidebarMenuButtonLabelComponent & {\n  new (): { $props: SidebarMenuButtonLabelProps }\n}\n\n// =============================================\n// Menu Chevron (Expand/Collapse Toggle)\n// =============================================\n\nexport type SidebarMenuChevronProps = HTMLAttributes\n\nexport const SidebarMenuChevron = defineComponent({\n  name: \"SidebarMenuChevron\",\n  inheritAttrs: false,\n  setup(_props, { attrs }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"span\", { class: [s.MenuChevron, className], ...rest }, [h(ChevronRightMd)])\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarMenuChevronProps>>\n\n// =============================================\n// Menu Badge & Action\n// =============================================\n\nexport type SidebarMenuBadgeProps = HTMLAttributes\n\nexport const SidebarMenuBadge = part<SidebarMenuBadgeProps>(\"SidebarMenuBadge\", \"span\", s.MenuBadge)\n\nexport type SidebarMenuActionProps = HTMLAttributes\n\nexport const SidebarMenuAction = part<SidebarMenuActionProps>(\"SidebarMenuAction\", \"div\", s.MenuAction)\n\n// =============================================\n// Menu Skeleton\n// =============================================\n\nconst SidebarMenuSkeletonComponent = defineComponent({\n  name: \"SidebarMenuSkeleton\",\n  inheritAttrs: false,\n  props: {\n    /** Renders the icon placeholder. @default true */\n    showIcon: { type: Boolean, default: true },\n    /** Width of the label skeleton (e.g., \"60%\", \"80%\", \"100px\"). @default \"60%\" */\n    labelWidth: { type: String, default: \"60%\" },\n  },\n  setup(props, { attrs }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { \"data-skeleton\": \"true\", \"class\": [s.MenuSkeleton, className], ...rest }, [\n        props.showIcon ? h(\"div\", { class: s.MenuSkeletonIcon }) : null,\n        h(\"div\", { class: s.MenuSkeletonLabel, style: { width: props.labelWidth } }),\n      ])\n    }\n  },\n})\n\nexport type SidebarMenuSkeletonProps = InstanceType<typeof SidebarMenuSkeletonComponent>[\"$props\"] & HTMLAttributes\n\nexport const SidebarMenuSkeleton = SidebarMenuSkeletonComponent as typeof SidebarMenuSkeletonComponent & {\n  new (): { $props: SidebarMenuSkeletonProps }\n}\n\n// =============================================\n// Submenu\n// =============================================\n\nconst SidebarMenuSubComponent = defineComponent({\n  name: \"SidebarMenuSub\",\n  inheritAttrs: false,\n  props: {\n    /** Whether the submenu is expanded. @default true */\n    open: { type: Boolean, default: true },\n    /**\n     * When true, child items align with parent text that has icons.\n     * This adjusts the padding so level 2 text aligns with level 1 text.\n     * @default false\n     */\n    hasIcons: { type: Boolean, default: false },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\n        \"ul\",\n        {\n          \"data-state\": props.open ? \"open\" : \"closed\",\n          \"data-has-icons\": props.hasIcons ? \"true\" : undefined,\n          // Collapsed items are only hidden visually: keep them out of the tab\n          // order. \"\" renders `inert=\"\"` (a DOM property in browsers)\n          \"inert\": props.open ? undefined : \"\",\n          \"class\": [s.MenuSub, className],\n          ...rest,\n        },\n        slots.default?.(),\n      )\n    }\n  },\n})\n\nexport type SidebarMenuSubProps = InstanceType<typeof SidebarMenuSubComponent>[\"$props\"] & HTMLAttributes\n\nexport const SidebarMenuSub = SidebarMenuSubComponent as typeof SidebarMenuSubComponent & {\n  new (): { $props: SidebarMenuSubProps }\n}\n\nexport type SidebarMenuSubItemProps = LiHTMLAttributes\n\nexport const SidebarMenuSubItem = part<SidebarMenuSubItemProps>(\"SidebarMenuSubItem\", \"li\", s.MenuSubItem)\n\nconst SidebarMenuSubButtonComponent = defineComponent({\n  name: \"SidebarMenuSubButton\",\n  inheritAttrs: false,\n  props: {\n    /** Whether the button is in an active/highlighted state. @default false */\n    isActive: { type: Boolean, default: false },\n    /** Merges into the slot's first element instead of rendering a `<button>`. @default false */\n    asChild: { type: Boolean, default: false },\n    /**\n     * Indent level for nested items (0-3).\n     * Each level adds 12px of left margin.\n     * @default 0\n     */\n    indent: { type: Number as PropType<0 | 1 | 2 | 3>, default: 0 },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const ownProps = {\n        \"data-active\": props.isActive ? \"true\" : \"false\",\n        \"aria-current\": props.isActive ? \"page\" : undefined,\n        \"class\": [s.MenuSubButton, s[`indent${props.indent}`], className],\n        ...rest,\n      }\n      return props.asChild ? renderAsChild(slots.default?.(), ownProps) : h(\"button\", ownProps, slots.default?.())\n    }\n  },\n})\n\nexport type SidebarMenuSubButtonProps = InstanceType<typeof SidebarMenuSubButtonComponent>[\"$props\"] & ButtonHTMLAttributes\n\nexport const SidebarMenuSubButton = SidebarMenuSubButtonComponent as typeof SidebarMenuSubButtonComponent & {\n  new (): { $props: SidebarMenuSubButtonProps }\n}\n\n// =============================================\n// Separator\n// =============================================\n\nexport type SidebarSeparatorProps = HTMLAttributes\n\nexport const SidebarSeparator = defineComponent({\n  name: \"SidebarSeparator\",\n  inheritAttrs: false,\n  setup(_props, { attrs }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"hr\", { class: [s.Separator, className], ...rest })\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarSeparatorProps>>\n\n// =============================================\n// Card\n// =============================================\n\nconst SidebarCardComponent = defineComponent({\n  name: \"SidebarCard\",\n  inheritAttrs: false,\n  props: {\n    /** Visual variant. @default \"default\" */\n    variant: { type: String as PropType<\"default\" | \"elevated\">, default: \"default\" },\n    /** Shows a dismiss button. @default false */\n    dismissible: { type: Boolean, default: false },\n  },\n  emits: {\n    /** The dismiss button was clicked */\n    dismiss: (_event: MouseEvent) => true,\n  },\n  setup(props, { attrs, slots, emit }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { \"data-variant\": props.variant, \"class\": [s.Card, className], ...rest }, [\n        props.dismissible\n          ? h(\n              Button,\n              {\n                \"uniform\": true,\n                \"size\": \"3xs\",\n                \"variant\": \"ghost\",\n                \"color\": \"secondary\",\n                \"class\": s.CardDismiss,\n                \"onClick\": (event: MouseEvent) => emit(\"dismiss\", event),\n                \"aria-label\": \"Dismiss\",\n              },\n              { default: () => h(X) },\n            )\n          : null,\n        slots.default?.(),\n      ])\n    }\n  },\n})\n\nexport type SidebarCardProps = InstanceType<typeof SidebarCardComponent>[\"$props\"] & HTMLAttributes\n\n/** Promotional card for CTAs, upgrades or announcements. */\nexport const SidebarCard = SidebarCardComponent as typeof SidebarCardComponent & {\n  new (): { $props: SidebarCardProps }\n}\n\nexport type SidebarCardHeaderProps = HTMLAttributes\n\nexport const SidebarCardHeader = part<SidebarCardHeaderProps>(\"SidebarCardHeader\", \"div\", s.CardHeader)\n\nexport type SidebarCardTitleProps = HTMLAttributes\n\nexport const SidebarCardTitle = part<SidebarCardTitleProps>(\"SidebarCardTitle\", \"div\", s.CardTitle)\n\nexport type SidebarCardTitleLinkProps = AnchorHTMLAttributes\n\nexport const SidebarCardTitleLink = defineComponent({\n  name: \"SidebarCardTitleLink\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots }) {\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"a\", { class: [s.CardTitleLink, className], ...rest }, [\n        slots.default?.(),\n        h(ChevronRightMd, { class: s.CardTitleChevron }),\n      ])\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarCardTitleLinkProps>>\n\nexport type SidebarCardContentProps = HTMLAttributes\n\nexport const SidebarCardContent = part<SidebarCardContentProps>(\"SidebarCardContent\", \"div\", s.CardContent)\n\nexport type SidebarCardFooterProps = HTMLAttributes\n\nexport const SidebarCardFooter = part<SidebarCardFooterProps>(\"SidebarCardFooter\", \"div\", s.CardFooter)\n\n// =============================================\n// Inset (Main Content Area)\n// =============================================\n\nexport type SidebarInsetProps = HTMLAttributes\n\n/** Main content area next to the sidebar, a `<main>`. */\nexport const SidebarInset = part<SidebarInsetProps>(\"SidebarInset\", \"main\", s.Inset)\n\n// =============================================\n// Layout Container\n// =============================================\n\nexport type SidebarLayoutProps = HTMLAttributes\n\n/** Wrapper for the sidebar and the main content. */\nexport const SidebarLayout = part<SidebarLayoutProps>(\"SidebarLayout\", \"div\", s.SidebarLayout)\n\n// =============================================\n// Trigger (Collapse Button)\n// =============================================\n\nexport type SidebarTriggerProps = ButtonHTMLAttributes\n\n/**\n * Collapse button. The default slot replaces the icon. Renders nothing when\n * `collapsible=\"none\"`.\n */\nexport const SidebarTrigger = defineComponent({\n  name: \"SidebarTrigger\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      // Don't render if collapsible=\"none\" (text-only sidebars)\n      if (sidebar.collapsible === \"none\") {\n        return null\n      }\n\n      const { className, rest } = cleanAttrs(attrs)\n      const { onClick, ...others } = rest\n      return h(\n        \"button\",\n        {\n          \"type\": \"button\",\n          \"class\": [s.Trigger, className],\n          // The caller's listener runs first and can cancel the toggle\n          \"onClick\": composeEventHandlers(onClick, () => sidebar.toggleSidebar()),\n          \"aria-label\": sidebar.isMobile\n            ? \"Open menu\"\n            : sidebar.state === \"expanded\"\n              ? \"Collapse sidebar\"\n              : \"Expand sidebar\",\n          ...others,\n        },\n        [\n          h(\"span\", { class: s.TriggerInner }, [\n            // Default icon (same for both states, as per reference)\n            h(\"span\", { class: s.TriggerIcon }, slots.default ? slots.default() : [h(SidebarLeft)]),\n          ]),\n        ],\n      )\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarTriggerProps>>\n\n// =============================================\n// Mobile Menu Button (Hamburger → X)\n// =============================================\n\nexport type SidebarMobileMenuButtonProps = ButtonHTMLAttributes\n\nexport const SidebarMobileMenuButton = defineComponent({\n  name: \"SidebarMobileMenuButton\",\n  inheritAttrs: false,\n  setup(_props, { attrs }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const { onClick, ...others } = rest\n      return h(\n        \"button\",\n        {\n          \"type\": \"button\",\n          \"data-expanded\": sidebar.openMobile ? \"\" : undefined,\n          \"class\": [s.MobileMenuButton, className],\n          // The caller's listener runs first and can cancel the toggle\n          \"onClick\": composeEventHandlers(onClick, () => sidebar.setOpenMobile(!sidebar.openMobile)),\n          \"aria-label\": sidebar.openMobile ? \"Close menu\" : \"Open menu\",\n          ...others,\n        },\n        [\n          h(\"span\", { class: s.MobileMenuIcon }, [\n            h(\"span\", { \"class\": s.MobileMenuLine, \"data-top\": \"true\" }),\n            h(\"span\", { class: s.MobileMenuMiddle }, [h(\"span\", { \"class\": s.MobileMenuLine, \"data-bottom\": \"true\" })]),\n          ]),\n        ],\n      )\n    }\n  },\n}) as unknown as ReturnType<typeof part<SidebarMobileMenuButtonProps>>\n\n// =============================================\n// Mobile Sidebar\n// =============================================\n\nconst SidebarMobileComponent = defineComponent({\n  name: \"SidebarMobile\",\n  inheritAttrs: false,\n  props: {\n    /** When true, drawer is positioned absolute instead of fixed (for contained demos) */\n    contained: { type: Boolean, default: undefined },\n  },\n  setup(props, { attrs, slots }) {\n    const sidebar = useSidebar()\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      const contained = props.contained && s.contained\n      return [\n        // Backdrop\n        h(\"div\", {\n          \"class\": [s.MobileBackdrop, contained],\n          \"onClick\": () => sidebar.setOpenMobile(false),\n          \"aria-hidden\": \"true\",\n        }),\n        // Drawer\n        h(\"div\", { class: [s.MobileSidebar, contained, className], ...rest }, slots.default?.()),\n      ]\n    }\n  },\n})\n\nexport type SidebarMobileProps = InstanceType<typeof SidebarMobileComponent>[\"$props\"] & HTMLAttributes\n\nexport const SidebarMobile = SidebarMobileComponent as typeof SidebarMobileComponent & {\n  new (): { $props: SidebarMobileProps }\n}\n\nexport type SidebarMobileHeaderProps = HTMLAttributes\n\nexport const SidebarMobileHeader = part<SidebarMobileHeaderProps>(\"SidebarMobileHeader\", \"div\", s.MobileHeader)\n\nexport type SidebarMobileFooterProps = HTMLAttributes\n\nexport const SidebarMobileFooter = part<SidebarMobileFooterProps>(\"SidebarMobileFooter\", \"div\", s.MobileFooter)\n\n// =============================================\n// Input (Search)\n// =============================================\n\nexport type SidebarInputProps = InputProps\n\n/**\n * Search input: an Input with a Search icon in its `startAdornment` slot.\n * Every attribute, listener and slot goes to the Input (`v-model:value`,\n * `@clear`, ...). A template ref gets the Input's `focus()` and `input`\n * (React forwards its ref to the <input>).\n */\nexport const SidebarInput = defineComponent({\n  name: \"SidebarInput\",\n  inheritAttrs: false,\n  setup(_props, { attrs, slots, expose }) {\n    // Input's exposed API\n    const inputComponent = ref<{ input: HTMLInputElement | null; focus: () => void } | null>(null)\n\n    expose({\n      focus: () => inputComponent.value?.focus(),\n      input: computed(() => inputComponent.value?.input ?? null),\n    })\n\n    return () => {\n      const { className, rest } = cleanAttrs(attrs)\n      return h(\"div\", { class: s.Input }, [\n        h(\n          Input,\n          { class: className, ...rest, ref: inputComponent },\n          { ...slots, startAdornment: slots.startAdornment ?? (() => h(SearchIcon)) },\n        ),\n      ])\n    }\n  },\n}) as unknown as typeof Input\n\n// =============================================\n// Footer Links\n// =============================================\n\nexport type SidebarFooterLinksProps = HTMLAttributes\n\nexport const SidebarFooterLinks = part<SidebarFooterLinksProps>(\"SidebarFooterLinks\", \"div\", s.FooterLinks)\n"]}

package/dist/es/components/Sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,oEAAoE;AAEpE,OAAO;AACL,OAAO;AACP,OAAO;AACP,OAAO;AACP,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,aAAa;AACb,eAAe;AACf,kBAAkB;AAClB,SAAS;AACT,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB;AACjB,WAAW;AACX,aAAa;AACb,QAAQ;AACR,YAAY,EACZ,YAAY,EACZ,aAAa;AACb,OAAO;AACP,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,mBAAmB;AACnB,UAAU;AACV,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,mBAAmB;AACnB,SAAS;AACT,uBAAuB;AACvB,0BAA0B;AAC1B,eAAe,EACf,WAAW;AACX,YAAY;AACZ,gBAAgB;AAChB,UAAU;AACV,cAAc,EACd,UAAU,GACX,MAAM,cAAc,CAAA;AAmDrB,mBAAmB;AACnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA","sourcesContent":["// Sidebar Component - Composable navigation sidebar\n// Re-export all components from Sidebar.ts and useSidebarContext.ts\n\nexport {\n  // Core\n  Sidebar,\n  // Card\n  SidebarCard,\n  SidebarCardContent,\n  SidebarCardFooter,\n  SidebarCardHeader,\n  SidebarCardTitle,\n  SidebarCardTitleLink,\n  SidebarContent,\n  SidebarFooter,\n  // Footer Links\n  SidebarFooterLinks,\n  // Groups\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  // Sections\n  SidebarHeader,\n  // Input\n  SidebarInput,\n  SidebarInset,\n  SidebarLayout,\n  // Menu\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuButtonIcon,\n  SidebarMenuButtonLabel,\n  SidebarMenuChevron,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  // Submenu\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarMobile,\n  SidebarMobileFooter,\n  SidebarMobileHeader,\n  // Mobile\n  SidebarMobileMenuButton,\n  // Provider and composable\n  SidebarProvider,\n  SidebarRail,\n  // Separator\n  SidebarSeparator,\n  // Trigger\n  SidebarTrigger,\n  useSidebar,\n} from \"./Sidebar.js\"\n\n// Export types\nexport type {\n  SidebarCardContentProps,\n  SidebarCardFooterProps,\n  SidebarCardHeaderProps,\n  SidebarCardProps,\n  SidebarCardTitleLinkProps,\n  SidebarCardTitleProps,\n  // Context types\n  SidebarCollapsible,\n  SidebarContentProps,\n  SidebarFooterLinksProps,\n  SidebarFooterProps,\n  SidebarGroupActionProps,\n  SidebarGroupContentProps,\n  SidebarGroupLabelProps,\n  SidebarGroupProps,\n  SidebarHeaderProps,\n  SidebarInputProps,\n  SidebarInsetProps,\n  SidebarLayoutProps,\n  SidebarMenuActionProps,\n  SidebarMenuBadgeProps,\n  SidebarMenuButtonIconProps,\n  SidebarMenuButtonLabelProps,\n  SidebarMenuButtonProps,\n  SidebarMenuChevronProps,\n  SidebarMenuItemProps,\n  SidebarMenuProps,\n  SidebarMenuSkeletonProps,\n  SidebarMenuSubButtonProps,\n  SidebarMenuSubItemProps,\n  SidebarMenuSubProps,\n  SidebarMobileFooterProps,\n  SidebarMobileHeaderProps,\n  SidebarMobileMenuButtonProps,\n  SidebarMobileProps,\n  // Component props\n  SidebarProps,\n  SidebarRailProps,\n  SidebarSeparatorProps,\n  SidebarSide,\n  SidebarTriggerProps,\n  SidebarVariant,\n} from \"./Sidebar.js\"\n\n// Export provider props and context types\nexport type { SidebarContextValue, SidebarProviderProps, SidebarState } from \"./useSidebarContext.js\"\n\n// Export constants\nexport { SIDEBAR_CONSTANTS } from \"./useSidebarContext.js\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,oEAAoE;AAEpE,OAAO;AACL,OAAO;AACP,OAAO;AACP,OAAO;AACP,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,aAAa;AACb,eAAe;AACf,kBAAkB;AAClB,SAAS;AACT,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB;AACjB,WAAW;AACX,aAAa;AACb,QAAQ;AACR,YAAY,EACZ,YAAY,EACZ,aAAa;AACb,OAAO;AACP,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,mBAAmB;AACnB,UAAU;AACV,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,mBAAmB;AACnB,SAAS;AACT,uBAAuB;AACvB,0BAA0B;AAC1B,eAAe,EACf,WAAW;AACX,YAAY;AACZ,gBAAgB;AAChB,UAAU;AACV,cAAc,EACd,UAAU,GACX,MAAM,cAAc,CAAA;AAoDrB,mBAAmB;AACnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA","sourcesContent":["// Sidebar Component - Composable navigation sidebar\n// Re-export all components from Sidebar.ts and useSidebarContext.ts\n\nexport {\n  // Core\n  Sidebar,\n  // Card\n  SidebarCard,\n  SidebarCardContent,\n  SidebarCardFooter,\n  SidebarCardHeader,\n  SidebarCardTitle,\n  SidebarCardTitleLink,\n  SidebarContent,\n  SidebarFooter,\n  // Footer Links\n  SidebarFooterLinks,\n  // Groups\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  // Sections\n  SidebarHeader,\n  // Input\n  SidebarInput,\n  SidebarInset,\n  SidebarLayout,\n  // Menu\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuButtonIcon,\n  SidebarMenuButtonLabel,\n  SidebarMenuChevron,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  // Submenu\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarMobile,\n  SidebarMobileFooter,\n  SidebarMobileHeader,\n  // Mobile\n  SidebarMobileMenuButton,\n  // Provider and composable\n  SidebarProvider,\n  SidebarRail,\n  // Separator\n  SidebarSeparator,\n  // Trigger\n  SidebarTrigger,\n  useSidebar,\n} from \"./Sidebar.js\"\n\n// Export types\nexport type {\n  SidebarCardContentProps,\n  SidebarCardFooterProps,\n  SidebarCardHeaderProps,\n  SidebarCardProps,\n  SidebarCardTitleLinkProps,\n  SidebarCardTitleProps,\n  // Context types\n  SidebarCollapsible,\n  SidebarContentProps,\n  SidebarFooterLinksProps,\n  SidebarFooterProps,\n  SidebarGroupActionProps,\n  SidebarGroupContentProps,\n  SidebarGroupLabelProps,\n  SidebarGroupProps,\n  SidebarHeaderProps,\n  SidebarInputProps,\n  SidebarInsetProps,\n  SidebarLayoutProps,\n  SidebarMenuActionProps,\n  SidebarMenuBadgeProps,\n  SidebarMenuButtonIconProps,\n  SidebarMenuButtonLabelProps,\n  SidebarMenuButtonProps,\n  SidebarMenuChevronProps,\n  SidebarMenuItemProps,\n  SidebarMenuProps,\n  SidebarMenuSkeletonProps,\n  SidebarMenuSubButtonProps,\n  SidebarMenuSubItemProps,\n  SidebarMenuSubProps,\n  SidebarMobileFooterProps,\n  SidebarMobileHeaderProps,\n  SidebarMobileMenuButtonProps,\n  SidebarMobileProps,\n  // Component props\n  SidebarProps,\n  SidebarRailProps,\n  SidebarSeparatorProps,\n  SidebarSide,\n  SidebarTriggerProps,\n  SidebarProviderVariant,\n  SidebarVariant,\n} from \"./Sidebar.js\"\n\n// Export provider props and context types\nexport type { SidebarContextValue, SidebarProviderProps, SidebarState } from \"./useSidebarContext.js\"\n\n// Export constants\nexport { SIDEBAR_CONSTANTS } from \"./useSidebarContext.js\"\n"]}

package/dist/es/components/Sidebar/useSidebarContext.js

@@ -1,4 +1,5 @@
 import { computed, defineComponent, h, inject, onBeforeUnmount, onMounted, provide, reactive, ref, watch, } from "vue";
+import s from "@plexui/styles/components/Sidebar/Sidebar.module.css";
 // Vue port of packages/ui/src/components/Sidebar/useSidebarContext.tsx.
 // - `useSidebar()` returns the context as a reactive object (read
 //   `sidebar.state`; destructuring outside a render loses reactivity).
@@ -13,6 +14,7 @@ import { computed, defineComponent, h, inject, onBeforeUnmount, onMounted, provi
 const SIDEBAR_COOKIE_NAME = "sidebar:state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7; // 7 days
 const SIDEBAR_WIDTH = "240px";
+const SIDEBAR_WIDTH_APP = "260px";
 const SIDEBAR_WIDTH_MOBILE = "288px";
 const SIDEBAR_WIDTH_ICON = "64px";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
@@ -56,6 +58,8 @@ const SidebarProviderComponent = defineComponent({
         open: { type: Boolean, default: undefined },
         /** Collapsible mode. @default "offcanvas" */
         collapsible: { type: String, default: "offcanvas" },
+        /** "app" is the shell of a product: a quiet rail, pill rows and on a phone a drawer under the page. @default "sidebar" */
+        variant: { type: String, default: "sidebar" },
     },
     emits: {
         /** The open state changes (`v-model:open`) */
@@ -139,10 +143,10 @@ const SidebarProviderComponent = defineComponent({
         });
         provide(SidebarContextKey, context);
         return () => h("div", {
-            "class": attrs.class,
+            "class": [props.variant === "app" && s.App, attrs.class],
             "style": [
                 {
-                    "--sidebar-width": SIDEBAR_WIDTH,
+                    "--sidebar-width": props.variant === "app" ? SIDEBAR_WIDTH_APP : SIDEBAR_WIDTH,
                     "--sidebar-width-mobile": SIDEBAR_WIDTH_MOBILE,
                     "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
                 },
@@ -163,6 +167,7 @@ export const SidebarProvider = SidebarProviderComponent;
 // Re-export constants for external use
 export const SIDEBAR_CONSTANTS = {
     WIDTH: SIDEBAR_WIDTH,
+    WIDTH_APP: SIDEBAR_WIDTH_APP,
     WIDTH_MOBILE: SIDEBAR_WIDTH_MOBILE,
     WIDTH_ICON: SIDEBAR_WIDTH_ICON,
     KEYBOARD_SHORTCUT: SIDEBAR_KEYBOARD_SHORTCUT,

package/dist/es/components/Sidebar/useSidebarContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSidebarContext.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/useSidebarContext.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n  type InjectionKey,\n  type PropType,\n  type SlotsType,\n  type StyleValue,\n} from \"vue\"\n\n// Vue port of packages/ui/src/components/Sidebar/useSidebarContext.tsx.\n// - `useSidebar()` returns the context as a reactive object (read\n//   `sidebar.state`; destructuring outside a render loses reactivity).\n//   Templates get the same object as the default slot props of\n//   SidebarProvider (`v-slot=\"{ state, toggleSidebar }\"`), the way Popover's\n//   content slot exposes its controller.\n// - `open` + `update:open` support `v-model:open`. As in React, the provider\n//   is controlled only when `open` is passed; `update:open` is emitted either way.\n// - Mobile detection, the Cmd/Ctrl+B shortcut and the Escape listener start\n//   on mount, as React's effects do (SSR-safe).\n\n// Constants\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7 // 7 days\nconst SIDEBAR_WIDTH = \"240px\"\nconst SIDEBAR_WIDTH_MOBILE = \"288px\"\nconst SIDEBAR_WIDTH_ICON = \"64px\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst MOBILE_BREAKPOINT = 768\n\n// Types\nexport type SidebarState = \"expanded\" | \"collapsed\"\nexport type SidebarCollapsible = \"offcanvas\" | \"icon\" | \"none\"\nexport type SidebarSide = \"left\" | \"right\"\nexport type SidebarVariant = \"sidebar\" | \"docs\"\n\ntype SetBoolean = (value: boolean | ((prev: boolean) => boolean)) => void\n\nexport type SidebarContextValue = {\n  state: SidebarState\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  collapsible: SidebarCollapsible\n  toggleSidebar: () => void\n}\n\n// Context\nconst SidebarContextKey: InjectionKey<SidebarContextValue> = Symbol(\"PlexUISidebar\")\n\n/** Sidebar state and controls; call it in `setup()` of a component inside SidebarProvider. */\nexport const useSidebar = (): SidebarContextValue => {\n  const context = inject(SidebarContextKey, null)\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider\")\n  }\n\n  return context\n}\n\n// Composable for mobile detection via matchMedia\nfunction useIsMobile() {\n  const isMobile = ref(false)\n  let cleanup: (() => void) | undefined\n\n  onMounted(() => {\n    // Check if we're in browser environment\n    if (typeof window === \"undefined\") return\n\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n\n    const handleChange = () => {\n      isMobile.value = mql.matches\n    }\n    handleChange() // Initial check\n\n    mql.addEventListener(\"change\", handleChange)\n    cleanup = () => mql.removeEventListener(\"change\", handleChange)\n  })\n  onBeforeUnmount(() => cleanup?.())\n\n  return isMobile\n}\n\n/** Native attributes of the provider's `<div>` that React accepts: `class` and `style`. */\nexport type SidebarProviderAttrs = { class?: unknown; style?: StyleValue }\n\nconst SidebarProviderComponent = defineComponent({\n  name: \"SidebarProvider\",\n  inheritAttrs: false,\n  props: {\n    /** Default open state (uncontrolled). @default true */\n    defaultOpen: { type: Boolean, default: true },\n    /** Controlled open state (`v-model:open`) */\n    open: { type: Boolean, default: undefined },\n    /** Collapsible mode. @default \"offcanvas\" */\n    collapsible: { type: String as PropType<SidebarCollapsible>, default: \"offcanvas\" },\n  },\n  emits: {\n    /** The open state changes (`v-model:open`) */\n    \"update:open\": (_open: boolean) => true,\n  },\n  slots: Object as SlotsType<{ default?: (context: SidebarContextValue) => unknown }>,\n  setup(props, { attrs, slots, emit }) {\n    const isMobile = useIsMobile()\n    const openMobile = ref(false)\n\n    // Controlled vs uncontrolled state for desktop\n    const internalOpen = ref(props.defaultOpen)\n    const open = computed(() => props.open ?? internalOpen.value)\n\n    const setOpen: SetBoolean = (value) => {\n      const openState = typeof value === \"function\" ? value(open.value) : value\n\n      // Controlled only when `open` is passed; update:open alone is a notification\n      if (props.open === undefined) {\n        internalOpen.value = openState\n      }\n      emit(\"update:open\", openState)\n\n      // Persist state in cookie for SSR\n      if (typeof document !== \"undefined\") {\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      }\n    }\n\n    const setOpenMobile: SetBoolean = (value) => {\n      openMobile.value = typeof value === \"function\" ? value(openMobile.value) : value\n    }\n\n    // Toggle function that handles both mobile and desktop\n    const toggleSidebar = () => {\n      if (isMobile.value) {\n        setOpenMobile((prev) => !prev)\n      } else {\n        setOpen((prev) => !prev)\n      }\n    }\n\n    // Keyboard shortcut: Cmd/Ctrl + B\n    const handleShortcut = (event: KeyboardEvent) => {\n      // Skip if collapsible is \"none\"\n      if (props.collapsible === \"none\") return\n\n      // Don't trigger when focus is in an editable element (input, textarea, contenteditable)\n      const target = event.target as HTMLElement | null\n      if (target?.closest?.(\"input, textarea\") || target?.isContentEditable) return\n\n      // Check for Cmd (Mac) or Ctrl (Windows/Linux) + B\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey) &&\n        !event.altKey &&\n        !event.shiftKey\n      ) {\n        event.preventDefault()\n        toggleSidebar()\n      }\n    }\n    onMounted(() => window.addEventListener(\"keydown\", handleShortcut))\n    onBeforeUnmount(() => window.removeEventListener(\"keydown\", handleShortcut))\n\n    // Close mobile menu on escape key\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpenMobile(false)\n      }\n    }\n    watch(\n      openMobile,\n      (isOpen, _, onCleanup) => {\n        if (!isOpen) return\n        window.addEventListener(\"keydown\", handleEscape)\n        onCleanup(() => window.removeEventListener(\"keydown\", handleEscape))\n      },\n      { flush: \"post\" },\n    )\n    onBeforeUnmount(() => window.removeEventListener(\"keydown\", handleEscape))\n\n    // Derive state from open boolean\n    const state = computed<SidebarState>(() => (open.value ? \"expanded\" : \"collapsed\"))\n\n    const context = reactive({\n      state,\n      open,\n      setOpen: setOpen as (open: boolean) => void,\n      openMobile,\n      setOpenMobile: setOpenMobile as (open: boolean) => void,\n      isMobile,\n      collapsible: computed(() => props.collapsible),\n      toggleSidebar,\n    }) as SidebarContextValue\n\n    provide(SidebarContextKey, context)\n\n    return () =>\n      h(\n        \"div\",\n        {\n          \"class\": attrs.class,\n          \"style\": [\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH,\n              \"--sidebar-width-mobile\": SIDEBAR_WIDTH_MOBILE,\n              \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n            },\n            attrs.style as StyleValue,\n          ],\n          \"data-sidebar\": state.value,\n          \"data-mobile-menu\": openMobile.value ? \"visible\" : \"hidden\",\n          \"data-collapsible\": props.collapsible,\n        },\n        slots.default?.(context) as never,\n      )\n  },\n})\n\ntype SidebarProviderOwnProps = InstanceType<typeof SidebarProviderComponent>[\"$props\"]\n\nexport type SidebarProviderProps = SidebarProviderOwnProps & SidebarProviderAttrs\n\n/**\n * Handles the sidebar state and provides it to every part. Like React, it\n * renders a `<div>` that takes only `class` and `style`. The default slot\n * receives the context (`v-slot=\"{ state, toggleSidebar }\"`).\n */\nexport const SidebarProvider = SidebarProviderComponent as typeof SidebarProviderComponent & {\n  new (): { $props: SidebarProviderProps }\n}\n\n// Re-export constants for external use\nexport const SIDEBAR_CONSTANTS = {\n  WIDTH: SIDEBAR_WIDTH,\n  WIDTH_MOBILE: SIDEBAR_WIDTH_MOBILE,\n  WIDTH_ICON: SIDEBAR_WIDTH_ICON,\n  KEYBOARD_SHORTCUT: SIDEBAR_KEYBOARD_SHORTCUT,\n  MOBILE_BREAKPOINT,\n  COOKIE_NAME: SIDEBAR_COOKIE_NAME,\n  COOKIE_MAX_AGE: SIDEBAR_COOKIE_MAX_AGE,\n} as const\n"]}
+{"version":3,"file":"useSidebarContext.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/useSidebarContext.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computed,\n  defineComponent,\n  h,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n  type InjectionKey,\n  type PropType,\n  type SlotsType,\n  type StyleValue,\n} from \"vue\"\nimport s from \"@plexui/styles/components/Sidebar/Sidebar.module.css\"\n\n// Vue port of packages/ui/src/components/Sidebar/useSidebarContext.tsx.\n// - `useSidebar()` returns the context as a reactive object (read\n//   `sidebar.state`; destructuring outside a render loses reactivity).\n//   Templates get the same object as the default slot props of\n//   SidebarProvider (`v-slot=\"{ state, toggleSidebar }\"`), the way Popover's\n//   content slot exposes its controller.\n// - `open` + `update:open` support `v-model:open`. As in React, the provider\n//   is controlled only when `open` is passed; `update:open` is emitted either way.\n// - Mobile detection, the Cmd/Ctrl+B shortcut and the Escape listener start\n//   on mount, as React's effects do (SSR-safe).\n\n// Constants\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7 // 7 days\nconst SIDEBAR_WIDTH = \"240px\"\nconst SIDEBAR_WIDTH_APP = \"260px\"\nconst SIDEBAR_WIDTH_MOBILE = \"288px\"\nconst SIDEBAR_WIDTH_ICON = \"64px\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst MOBILE_BREAKPOINT = 768\n\n// Types\nexport type SidebarState = \"expanded\" | \"collapsed\"\nexport type SidebarCollapsible = \"offcanvas\" | \"icon\" | \"none\"\nexport type SidebarSide = \"left\" | \"right\"\nexport type SidebarVariant = \"sidebar\" | \"docs\"\nexport type SidebarProviderVariant = \"sidebar\" | \"app\"\n\ntype SetBoolean = (value: boolean | ((prev: boolean) => boolean)) => void\n\nexport type SidebarContextValue = {\n  state: SidebarState\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  collapsible: SidebarCollapsible\n  toggleSidebar: () => void\n}\n\n// Context\nconst SidebarContextKey: InjectionKey<SidebarContextValue> = Symbol(\"PlexUISidebar\")\n\n/** Sidebar state and controls; call it in `setup()` of a component inside SidebarProvider. */\nexport const useSidebar = (): SidebarContextValue => {\n  const context = inject(SidebarContextKey, null)\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider\")\n  }\n\n  return context\n}\n\n// Composable for mobile detection via matchMedia\nfunction useIsMobile() {\n  const isMobile = ref(false)\n  let cleanup: (() => void) | undefined\n\n  onMounted(() => {\n    // Check if we're in browser environment\n    if (typeof window === \"undefined\") return\n\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n\n    const handleChange = () => {\n      isMobile.value = mql.matches\n    }\n    handleChange() // Initial check\n\n    mql.addEventListener(\"change\", handleChange)\n    cleanup = () => mql.removeEventListener(\"change\", handleChange)\n  })\n  onBeforeUnmount(() => cleanup?.())\n\n  return isMobile\n}\n\n/** Native attributes of the provider's `<div>` that React accepts: `class` and `style`. */\nexport type SidebarProviderAttrs = { class?: unknown; style?: StyleValue }\n\nconst SidebarProviderComponent = defineComponent({\n  name: \"SidebarProvider\",\n  inheritAttrs: false,\n  props: {\n    /** Default open state (uncontrolled). @default true */\n    defaultOpen: { type: Boolean, default: true },\n    /** Controlled open state (`v-model:open`) */\n    open: { type: Boolean, default: undefined },\n    /** Collapsible mode. @default \"offcanvas\" */\n    collapsible: { type: String as PropType<SidebarCollapsible>, default: \"offcanvas\" },\n    /** \"app\" is the shell of a product: a quiet rail, pill rows and on a phone a drawer under the page. @default \"sidebar\" */\n    variant: { type: String as PropType<SidebarProviderVariant>, default: \"sidebar\" },\n  },\n  emits: {\n    /** The open state changes (`v-model:open`) */\n    \"update:open\": (_open: boolean) => true,\n  },\n  slots: Object as SlotsType<{ default?: (context: SidebarContextValue) => unknown }>,\n  setup(props, { attrs, slots, emit }) {\n    const isMobile = useIsMobile()\n    const openMobile = ref(false)\n\n    // Controlled vs uncontrolled state for desktop\n    const internalOpen = ref(props.defaultOpen)\n    const open = computed(() => props.open ?? internalOpen.value)\n\n    const setOpen: SetBoolean = (value) => {\n      const openState = typeof value === \"function\" ? value(open.value) : value\n\n      // Controlled only when `open` is passed; update:open alone is a notification\n      if (props.open === undefined) {\n        internalOpen.value = openState\n      }\n      emit(\"update:open\", openState)\n\n      // Persist state in cookie for SSR\n      if (typeof document !== \"undefined\") {\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      }\n    }\n\n    const setOpenMobile: SetBoolean = (value) => {\n      openMobile.value = typeof value === \"function\" ? value(openMobile.value) : value\n    }\n\n    // Toggle function that handles both mobile and desktop\n    const toggleSidebar = () => {\n      if (isMobile.value) {\n        setOpenMobile((prev) => !prev)\n      } else {\n        setOpen((prev) => !prev)\n      }\n    }\n\n    // Keyboard shortcut: Cmd/Ctrl + B\n    const handleShortcut = (event: KeyboardEvent) => {\n      // Skip if collapsible is \"none\"\n      if (props.collapsible === \"none\") return\n\n      // Don't trigger when focus is in an editable element (input, textarea, contenteditable)\n      const target = event.target as HTMLElement | null\n      if (target?.closest?.(\"input, textarea\") || target?.isContentEditable) return\n\n      // Check for Cmd (Mac) or Ctrl (Windows/Linux) + B\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey) &&\n        !event.altKey &&\n        !event.shiftKey\n      ) {\n        event.preventDefault()\n        toggleSidebar()\n      }\n    }\n    onMounted(() => window.addEventListener(\"keydown\", handleShortcut))\n    onBeforeUnmount(() => window.removeEventListener(\"keydown\", handleShortcut))\n\n    // Close mobile menu on escape key\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpenMobile(false)\n      }\n    }\n    watch(\n      openMobile,\n      (isOpen, _, onCleanup) => {\n        if (!isOpen) return\n        window.addEventListener(\"keydown\", handleEscape)\n        onCleanup(() => window.removeEventListener(\"keydown\", handleEscape))\n      },\n      { flush: \"post\" },\n    )\n    onBeforeUnmount(() => window.removeEventListener(\"keydown\", handleEscape))\n\n    // Derive state from open boolean\n    const state = computed<SidebarState>(() => (open.value ? \"expanded\" : \"collapsed\"))\n\n    const context = reactive({\n      state,\n      open,\n      setOpen: setOpen as (open: boolean) => void,\n      openMobile,\n      setOpenMobile: setOpenMobile as (open: boolean) => void,\n      isMobile,\n      collapsible: computed(() => props.collapsible),\n      toggleSidebar,\n    }) as SidebarContextValue\n\n    provide(SidebarContextKey, context)\n\n    return () =>\n      h(\n        \"div\",\n        {\n          \"class\": [props.variant === \"app\" && s.App, attrs.class],\n          \"style\": [\n            {\n              \"--sidebar-width\": props.variant === \"app\" ? SIDEBAR_WIDTH_APP : SIDEBAR_WIDTH,\n              \"--sidebar-width-mobile\": SIDEBAR_WIDTH_MOBILE,\n              \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n            },\n            attrs.style as StyleValue,\n          ],\n          \"data-sidebar\": state.value,\n          \"data-mobile-menu\": openMobile.value ? \"visible\" : \"hidden\",\n          \"data-collapsible\": props.collapsible,\n        },\n        slots.default?.(context) as never,\n      )\n  },\n})\n\ntype SidebarProviderOwnProps = InstanceType<typeof SidebarProviderComponent>[\"$props\"]\n\nexport type SidebarProviderProps = SidebarProviderOwnProps & SidebarProviderAttrs\n\n/**\n * Handles the sidebar state and provides it to every part. Like React, it\n * renders a `<div>` that takes only `class` and `style`. The default slot\n * receives the context (`v-slot=\"{ state, toggleSidebar }\"`).\n */\nexport const SidebarProvider = SidebarProviderComponent as typeof SidebarProviderComponent & {\n  new (): { $props: SidebarProviderProps }\n}\n\n// Re-export constants for external use\nexport const SIDEBAR_CONSTANTS = {\n  WIDTH: SIDEBAR_WIDTH,\n  WIDTH_APP: SIDEBAR_WIDTH_APP,\n  WIDTH_MOBILE: SIDEBAR_WIDTH_MOBILE,\n  WIDTH_ICON: SIDEBAR_WIDTH_ICON,\n  KEYBOARD_SHORTCUT: SIDEBAR_KEYBOARD_SHORTCUT,\n  MOBILE_BREAKPOINT,\n  COOKIE_NAME: SIDEBAR_COOKIE_NAME,\n  COOKIE_MAX_AGE: SIDEBAR_COOKIE_MAX_AGE,\n} as const\n"]}

package/dist/types/components/Page/Page.d.ts

@@ -0,0 +1,117 @@
+import { type HTMLAttributes, type PropType } from "vue";
+export type PageWidth = "full" | "wide" | "column";
+declare const PageComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Width of the column that header and content share: `"full"` (edge to
+     * edge, for tables), `"wide"` (1280px, centred, for overviews) or `"column"`
+     * (768px, centred, for settings and forms). Set `--page-width` on the page
+     * for any other width.
+     * @default "full"
+     */
+    width: {
+        type: PropType<PageWidth>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Width of the column that header and content share: `"full"` (edge to
+     * edge, for tables), `"wide"` (1280px, centred, for overviews) or `"column"`
+     * (768px, centred, for settings and forms). Set `--page-width` on the page
+     * for any other width.
+     * @default "full"
+     */
+    width: {
+        type: PropType<PageWidth>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    width: PageWidth;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Props of `Page`. */
+export type PageProps = {
+    width?: PageWidth;
+} & HTMLAttributes;
+export declare const Page: typeof PageComponent & {
+    new (): {
+        $props: PageProps;
+    };
+};
+/** The band above the content, one column with it (React `Page.Header`). */
+export declare const PageHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Shows the line, and the glass on a phone, once the content has scrolled
+     * under the header. Turn it off when the content already draws a line of
+     * its own at that place.
+     * @default true
+     */
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Shows the line, and the glass on a phone, once the content has scrolled
+     * under the header. Turn it off when the content already draws a line of
+     * its own at that place.
+     * @default true
+     */
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    divider: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** The row of the title and the actions (React `Page.Bar`). */
+export declare const PageBar: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Title with what stands beside it, a subtitle under it on a phone (React `Page.Heading`). */
+export declare const PageHeading: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Page heading, an `<h1>` (React `Page.Title`). */
+export declare const PageTitle: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Status of the page, a `<p>` (React `Page.Subtitle`). */
+export declare const PageSubtitle: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Buttons on the trailing side of the bar (React `Page.Actions`). */
+export declare const PageActions: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** The part of the page that scrolls (React `Page.Content`). */
+export declare const PageContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * The content fills the page and scrolls inside itself, as a table does:
+     * the page stops scrolling from 768px up.
+     * @default false
+     */
+    fill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The content fills the page and scrolls inside itself, as a table does:
+     * the page stops scrolling from 768px up.
+     * @default false
+     */
+    fill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    fill: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Props of the Page parts: native attributes of their element. */
+export type PageSlotProps = HTMLAttributes;
+export {};

package/dist/types/components/Page/index.d.ts

@@ -0,0 +1 @@
+export { Page, PageActions, PageBar, PageContent, PageHeader, PageHeading, PageSubtitle, PageTitle, type PageProps, type PageSlotProps, type PageWidth, } from "./Page.js";

package/dist/types/components/Sidebar/Sidebar.d.ts

@@ -1,8 +1,8 @@
 import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type DefineComponent, type HTMLAttributes, type LiHTMLAttributes, type PropType, type VNode } from "vue";
 import { Input, type InputProps } from "../Input/index.js";
-import { SidebarProvider, useSidebar, type SidebarCollapsible, type SidebarSide, type SidebarVariant } from "./useSidebarContext.js";
+import { SidebarProvider, useSidebar, type SidebarCollapsible, type SidebarSide, type SidebarProviderVariant, type SidebarVariant } from "./useSidebarContext.js";
 export { SidebarProvider, useSidebar };
-export type { SidebarCollapsible, SidebarSide, SidebarVariant };
+export type { SidebarCollapsible, SidebarProviderVariant, SidebarSide, SidebarVariant };
 type Part<A> = DefineComponent & {
     new (): {
         $props: A;

package/dist/types/components/Sidebar/index.d.ts

@@ -1,4 +1,4 @@
 export { Sidebar, SidebarCard, SidebarCardContent, SidebarCardFooter, SidebarCardHeader, SidebarCardTitle, SidebarCardTitleLink, SidebarContent, SidebarFooter, SidebarFooterLinks, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuButtonIcon, SidebarMenuButtonLabel, SidebarMenuChevron, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarMobile, SidebarMobileFooter, SidebarMobileHeader, SidebarMobileMenuButton, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, } from "./Sidebar.js";
-export type { SidebarCardContentProps, SidebarCardFooterProps, SidebarCardHeaderProps, SidebarCardProps, SidebarCardTitleLinkProps, SidebarCardTitleProps, SidebarCollapsible, SidebarContentProps, SidebarFooterLinksProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarLayoutProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonIconProps, SidebarMenuButtonLabelProps, SidebarMenuButtonProps, SidebarMenuChevronProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarMobileFooterProps, SidebarMobileHeaderProps, SidebarMobileMenuButtonProps, SidebarMobileProps, SidebarProps, SidebarRailProps, SidebarSeparatorProps, SidebarSide, SidebarTriggerProps, SidebarVariant, } from "./Sidebar.js";
+export type { SidebarCardContentProps, SidebarCardFooterProps, SidebarCardHeaderProps, SidebarCardProps, SidebarCardTitleLinkProps, SidebarCardTitleProps, SidebarCollapsible, SidebarContentProps, SidebarFooterLinksProps, SidebarFooterProps, SidebarGroupActionProps, SidebarGroupContentProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarInputProps, SidebarInsetProps, SidebarLayoutProps, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonIconProps, SidebarMenuButtonLabelProps, SidebarMenuButtonProps, SidebarMenuChevronProps, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarMobileFooterProps, SidebarMobileHeaderProps, SidebarMobileMenuButtonProps, SidebarMobileProps, SidebarProps, SidebarRailProps, SidebarSeparatorProps, SidebarSide, SidebarTriggerProps, SidebarProviderVariant, SidebarVariant, } from "./Sidebar.js";
 export type { SidebarContextValue, SidebarProviderProps, SidebarState } from "./useSidebarContext.js";
 export { SIDEBAR_CONSTANTS } from "./useSidebarContext.js";

package/dist/types/components/Sidebar/useSidebarContext.d.ts

@@ -3,6 +3,7 @@ export type SidebarState = "expanded" | "collapsed";
 export type SidebarCollapsible = "offcanvas" | "icon" | "none";
 export type SidebarSide = "left" | "right";
 export type SidebarVariant = "sidebar" | "docs";
+export type SidebarProviderVariant = "sidebar" | "app";
 export type SidebarContextValue = {
     state: SidebarState;
     open: boolean;
@@ -36,6 +37,11 @@ declare const SidebarProviderComponent: import("vue").DefineComponent<import("vu
         type: PropType<SidebarCollapsible>;
         default: string;
     };
+    /** "app" is the shell of a product: a quiet rail, pill rows and on a phone a drawer under the page. @default "sidebar" */
+    variant: {
+        type: PropType<SidebarProviderVariant>;
+        default: string;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -57,12 +63,18 @@ declare const SidebarProviderComponent: import("vue").DefineComponent<import("vu
         type: PropType<SidebarCollapsible>;
         default: string;
     };
+    /** "app" is the shell of a product: a quiet rail, pill rows and on a phone a drawer under the page. @default "sidebar" */
+    variant: {
+        type: PropType<SidebarProviderVariant>;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
     collapsible: SidebarCollapsible;
     open: boolean;
     defaultOpen: boolean;
+    variant: SidebarProviderVariant;
 }, SlotsType<{
     default?: (context: SidebarContextValue) => unknown;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -80,6 +92,7 @@ export declare const SidebarProvider: typeof SidebarProviderComponent & {
 };
 export declare const SIDEBAR_CONSTANTS: {
     readonly WIDTH: "240px";
+    readonly WIDTH_APP: "260px";
     readonly WIDTH_MOBILE: "288px";
     readonly WIDTH_ICON: "64px";
     readonly KEYBOARD_SHORTCUT: "b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexui/vue",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Plex UI components for Vue 3, built on Reka UI and the shared @plexui/styles CSS",
   "type": "module",
   "license": "MIT",