@vielzeug/refine 26.10.7 → 26.10.9

package/dist/separator.js

@@ -1,5 +1,5 @@
-import{colorThemeMixin as e}from"./styles/mixins/theme.css.js";import t from"./content/separator/separator.css.js";import{define as n,html as r,prop as i}from"@vielzeug/ore";var a=`ore-separator`;n(a,{props:{color:i.string(),decorative:i.bool(!0),label:i.string(),orientation:i.oneOf([`horizontal`,`vertical`],`horizontal`)},setup(e){let roleAttr=()=>e.decorative.value?`none`:`separator`,ariaHidden=()=>e.decorative.value?`true`:null;return r`
-      ${()=>e.label.value?r`
+import{colorThemeMixin as e}from"./styles/mixins/theme.css.js";import{THEME_COLORS as t}from"./shared/types.js";import n from"./content/separator/separator.css.js";import{define as r,html as i,prop as a}from"@vielzeug/ore";var o=`ore-separator`;r(o,{props:{color:a.oneOf(t),decorative:a.bool(!0),label:a.string(),orientation:a.oneOf([`horizontal`,`vertical`],`horizontal`)},setup(e){let roleAttr=()=>e.decorative.value?`none`:`separator`,ariaHidden=()=>e.decorative.value?`true`:null;return i`
+      ${()=>e.label.value?i`
               <div class="separator-wrapper" part="wrapper">
                 <hr
                   class="separator"
@@ -15,7 +15,7 @@ import{colorThemeMixin as e}from"./styles/mixins/theme.css.js";import t from"./c
                   aria-hidden="${ariaHidden}"
                   aria-orientation="${()=>e.orientation.value}" />
               </div>
-            `:r`
+            `:i`
               <hr
                 class="separator"
                 part="separator"
@@ -23,5 +23,5 @@ import{colorThemeMixin as e}from"./styles/mixins/theme.css.js";import t from"./c
                 aria-hidden="${ariaHidden}"
                 aria-orientation="${()=>e.orientation.value}" />
             `}
-    `},styles:[e,t]});export{a as SEPARATOR_TAG};
+    `},styles:[e,n]});export{o as SEPARATOR_TAG};
 //# sourceMappingURL=separator.js.map

package/dist/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../src/content/separator/separator.ts"],"sourcesContent":["import { define, html, prop } from '@vielzeug/ore';\nimport { colorThemeMixin } from '../../styles';\nimport type { ThemeColor } from '../../types';\nimport componentStyles from './separator.css?inline';\n\n/** Separator component properties */\nexport type OreSeparatorProps = {\n  /** Theme color tint */\n  color?: ThemeColor;\n  /** Decorative only (default true): set to false for semantic separators */\n  decorative?: boolean;\n  /** Optional label text centered on the separator */\n  label?: string;\n  /** Orientation of the separator */\n  orientation?: 'horizontal' | 'vertical';\n};\n\n/**\n * A simple visual divider between sections of content.\n *\n * @element ore-separator\n *\n * @attr {string} orientation - 'horizontal' (default) | 'vertical'\n * @attr {boolean} decorative - When true (default), aria-hidden is applied\n * @attr {string} label - Optional centered label text\n * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'\n *\n * @cssprop --separator-color - Line color\n * @cssprop --separator-size - Line thickness\n * @cssprop --separator-spacing - Vertical margin\n *\n * @part wrapper - Root wrapper container.\n * @part separator - Separator element.\n * @part label - Label element.\n * @example\n * ```html\n * <ore-separator></ore-separator>\n * <ore-separator label=\"or\"></ore-separator>\n * <ore-separator orientation=\"vertical\"></ore-separator>\n * ```\n */\nexport const SEPARATOR_TAG = 'ore-separator' as const;\ndefine<OreSeparatorProps>(SEPARATOR_TAG, {\n  props: {\n    color: prop.string<ThemeColor>(),\n    decorative: prop.bool(true),\n    label: prop.string(),\n    orientation: prop.oneOf(['horizontal', 'vertical'] as const, 'horizontal'),\n  },\n  setup(props) {\n    const roleAttr = () => (props.decorative.value ? 'none' : 'separator');\n    const ariaHidden = () => (props.decorative.value ? 'true' : null);\n\n    return html`\n      ${() =>\n        props.label.value\n          ? html`\n              <div class=\"separator-wrapper\" part=\"wrapper\">\n                <hr\n                  class=\"separator\"\n                  part=\"separator\"\n                  role=\"${roleAttr}\"\n                  aria-hidden=\"${ariaHidden}\"\n                  aria-orientation=\"${() => props.orientation.value}\" />\n                <span class=\"separator-label\" part=\"label\">${() => props.label.value}</span>\n                <hr\n                  class=\"separator\"\n                  part=\"separator\"\n                  role=\"${roleAttr}\"\n                  aria-hidden=\"${ariaHidden}\"\n                  aria-orientation=\"${() => props.orientation.value}\" />\n              </div>\n            `\n          : html`\n              <hr\n                class=\"separator\"\n                part=\"separator\"\n                role=\"${roleAttr}\"\n                aria-hidden=\"${ariaHidden}\"\n                aria-orientation=\"${() => props.orientation.value}\" />\n            `}\n    `;\n  },\n  styles: [colorThemeMixin, componentStyles],\n});\n"],"mappings":"8KAyCA,IAAa,EAAgB,gBAC7B,EAA0B,EAAe,CACvC,MAAO,CACL,MAAO,EAAK,OAAmB,EAC/B,WAAY,EAAK,KAAK,EAAI,EAC1B,MAAO,EAAK,OAAO,EACnB,YAAa,EAAK,MAAM,CAAC,aAAc,UAAU,EAAY,YAAY,CAC3E,EACA,MAAM,EAAO,CACX,IAAM,aAAkB,EAAM,WAAW,MAAQ,OAAS,YACpD,eAAoB,EAAM,WAAW,MAAQ,OAAS,KAE5D,MAAO,EAAI;YAEP,EAAM,MAAM,MACR,CAAI;;;;;0BAKU,SAAS;iCACF,WAAW;0CACA,EAAM,YAAY,MAAM;iEACD,EAAM,MAAM,MAAM;;;;0BAI3D,SAAS;iCACF,WAAW;0CACA,EAAM,YAAY,MAAM;;cAGxD,CAAI;;;;wBAIQ,SAAS;+BACF,WAAW;wCACA,EAAM,YAAY,MAAM;cACpD;KAEZ,EACA,OAAQ,CAAC,EAAiB,CAAe,CAC3C,CAAC"}
+{"version":3,"file":"separator.js","names":[],"sources":["../src/content/separator/separator.ts"],"sourcesContent":["import { define, html, prop } from '@vielzeug/ore';\nimport { colorThemeMixin } from '../../styles';\nimport { THEME_COLORS, type ThemeColor } from '../../types';\nimport componentStyles from './separator.css?inline';\n\n/** Separator component properties */\nexport type OreSeparatorProps = {\n  /** Theme color tint */\n  color?: ThemeColor;\n  /** Decorative only (default true): set to false for semantic separators */\n  decorative?: boolean;\n  /** Optional label text centered on the separator */\n  label?: string;\n  /** Orientation of the separator */\n  orientation?: 'horizontal' | 'vertical';\n};\n\n/**\n * A simple visual divider between sections of content.\n *\n * @element ore-separator\n *\n * @attr {string} orientation - 'horizontal' (default) | 'vertical'\n * @attr {boolean} decorative - When true (default), aria-hidden is applied\n * @attr {string} label - Optional centered label text\n * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'\n *\n * @cssprop --separator-color - Line color\n * @cssprop --separator-size - Line thickness\n * @cssprop --separator-spacing - Vertical margin\n *\n * @part wrapper - Root wrapper container.\n * @part separator - Separator element.\n * @part label - Label element.\n * @example\n * ```html\n * <ore-separator></ore-separator>\n * <ore-separator label=\"or\"></ore-separator>\n * <ore-separator orientation=\"vertical\"></ore-separator>\n * ```\n */\nexport const SEPARATOR_TAG = 'ore-separator' as const;\ndefine<OreSeparatorProps>(SEPARATOR_TAG, {\n  props: {\n    color: prop.oneOf(THEME_COLORS),\n    decorative: prop.bool(true),\n    label: prop.string(),\n    orientation: prop.oneOf(['horizontal', 'vertical'] as const, 'horizontal'),\n  },\n  setup(props) {\n    const roleAttr = () => (props.decorative.value ? 'none' : 'separator');\n    const ariaHidden = () => (props.decorative.value ? 'true' : null);\n\n    return html`\n      ${() =>\n        props.label.value\n          ? html`\n              <div class=\"separator-wrapper\" part=\"wrapper\">\n                <hr\n                  class=\"separator\"\n                  part=\"separator\"\n                  role=\"${roleAttr}\"\n                  aria-hidden=\"${ariaHidden}\"\n                  aria-orientation=\"${() => props.orientation.value}\" />\n                <span class=\"separator-label\" part=\"label\">${() => props.label.value}</span>\n                <hr\n                  class=\"separator\"\n                  part=\"separator\"\n                  role=\"${roleAttr}\"\n                  aria-hidden=\"${ariaHidden}\"\n                  aria-orientation=\"${() => props.orientation.value}\" />\n              </div>\n            `\n          : html`\n              <hr\n                class=\"separator\"\n                part=\"separator\"\n                role=\"${roleAttr}\"\n                aria-hidden=\"${ariaHidden}\"\n                aria-orientation=\"${() => props.orientation.value}\" />\n            `}\n    `;\n  },\n  styles: [colorThemeMixin, componentStyles],\n});\n"],"mappings":"+NAyCA,IAAa,EAAgB,gBAC7B,EAA0B,EAAe,CACvC,MAAO,CACL,MAAO,EAAK,MAAM,CAAY,EAC9B,WAAY,EAAK,KAAK,EAAI,EAC1B,MAAO,EAAK,OAAO,EACnB,YAAa,EAAK,MAAM,CAAC,aAAc,UAAU,EAAY,YAAY,CAC3E,EACA,MAAM,EAAO,CACX,IAAM,aAAkB,EAAM,WAAW,MAAQ,OAAS,YACpD,eAAoB,EAAM,WAAW,MAAQ,OAAS,KAE5D,MAAO,EAAI;YAEP,EAAM,MAAM,MACR,CAAI;;;;;0BAKU,SAAS;iCACF,WAAW;0CACA,EAAM,YAAY,MAAM;iEACD,EAAM,MAAM,MAAM;;;;0BAI3D,SAAS;iCACF,WAAW;0CACA,EAAM,YAAY,MAAM;;cAGxD,CAAI;;;;wBAIQ,SAAS;+BACF,WAAW;wCACA,EAAM,YAAY,MAAM;cACpD;KAEZ,EACA,OAAQ,CAAC,EAAiB,CAAe,CAC3C,CAAC"}

package/dist/shared/prop-bundles.cjs

@@ -1,2 +1,2 @@
-let e=require("@vielzeug/ore");var t={color:e.prop.string()},n={size:e.prop.string()},r={disabled:e.prop.bool(!1)},i={loading:e.prop.bool(!1)},a={rounded:e.prop.string()};e.prop.number();var o={...t,...n,...r,...i,...a};exports.commonProps=o,exports.disablableBundle=r,exports.loadableBundle=i,exports.roundableBundle=a,exports.sizableBundle=n,exports.themableBundle=t;
+const e=require("./types.cjs");let t=require("@vielzeug/ore");var n={color:t.prop.oneOf(e.THEME_COLORS)},r={size:t.prop.oneOf(e.COMPONENT_SIZES)},i={disabled:t.prop.bool(!1)},a={loading:t.prop.bool(!1)},o={rounded:t.prop.oneOf(e.ROUNDED_SIZES)};t.prop.oneOf(e.ELEVATION_LEVELS);var s={...n,...r,...i,...a,...o};exports.commonProps=s,exports.disablableBundle=i,exports.loadableBundle=a,exports.roundableBundle=o,exports.sizableBundle=r,exports.themableBundle=n;
 //# sourceMappingURL=prop-bundles.cjs.map

package/dist/shared/prop-bundles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"prop-bundles.cjs","names":[],"sources":["../../src/shared/prop-bundles.ts"],"sourcesContent":["import { prop } from '@vielzeug/ore';\n\nimport type { ComponentSize, ElevationLevel, RoundedSize, ThemeColor } from './types';\n\n/** Prop bundle for components that support a theme colour. */\nexport const themableBundle = {\n  color: prop.string<ThemeColor>(),\n};\n\n/** Prop bundle for components with discrete size variants. */\nexport const sizableBundle = {\n  size: prop.string<ComponentSize>(),\n};\n\n/** Prop bundle for interactive components that can be disabled. */\nexport const disablableBundle = {\n  disabled: prop.bool(false),\n};\n\n/** Prop bundle for components with a loading / busy state. */\nexport const loadableBundle = {\n  loading: prop.bool(false),\n};\n\n/** Prop bundle for components with configurable border-radius. */\nexport const roundableBundle = {\n  rounded: prop.string<RoundedSize>(),\n};\n\n/** Prop bundle for components with an elevation / box-shadow. */\nexport const elevatableBundle = {\n  elevation: prop.number<ElevationLevel>(),\n};\n\n/**\n * Convenience bundle combining the five most common interactive-component props:\n * `color`, `size`, `disabled`, `loading`, and `rounded`.\n *\n * Use this single spread instead of five separate bundle spreads when a\n * component needs all of them.\n *\n * @example\n * ```ts\n * props: { ...commonProps, href: prop.string() }\n * ```\n */\nexport const commonProps = {\n  ...themableBundle,\n  ...sizableBundle,\n  ...disablableBundle,\n  ...loadableBundle,\n  ...roundableBundle,\n};\n"],"mappings":"+BAKA,IAAa,EAAiB,CAC5B,MAAO,EAAA,KAAK,OAAmB,CACjC,EAGa,EAAgB,CAC3B,KAAM,EAAA,KAAK,OAAsB,CACnC,EAGa,EAAmB,CAC9B,SAAU,EAAA,KAAK,KAAK,EAAK,CAC3B,EAGa,EAAiB,CAC5B,QAAS,EAAA,KAAK,KAAK,EAAK,CAC1B,EAGa,EAAkB,CAC7B,QAAS,EAAA,KAAK,OAAoB,CACpC,EAIa,EAAA,KAAK,OAAuB,EAezC,IAAa,EAAc,CACzB,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,CACL"}
+{"version":3,"file":"prop-bundles.cjs","names":[],"sources":["../../src/shared/prop-bundles.ts"],"sourcesContent":["import { prop } from '@vielzeug/ore';\n\nimport { COMPONENT_SIZES, ELEVATION_LEVELS, ROUNDED_SIZES, THEME_COLORS } from './types';\n\n/** Prop bundle for components that support a theme colour. */\nexport const themableBundle = {\n  color: prop.oneOf(THEME_COLORS),\n};\n\n/** Prop bundle for components with discrete size variants. */\nexport const sizableBundle = {\n  size: prop.oneOf(COMPONENT_SIZES),\n};\n\n/** Prop bundle for interactive components that can be disabled. */\nexport const disablableBundle = {\n  disabled: prop.bool(false),\n};\n\n/** Prop bundle for components with a loading / busy state. */\nexport const loadableBundle = {\n  loading: prop.bool(false),\n};\n\n/** Prop bundle for components with configurable border-radius. */\nexport const roundableBundle = {\n  rounded: prop.oneOf(ROUNDED_SIZES),\n};\n\n/** Prop bundle for components with an elevation / box-shadow. */\nexport const elevatableBundle = {\n  elevation: prop.oneOf(ELEVATION_LEVELS),\n};\n\n/**\n * Convenience bundle combining the five most common interactive-component props:\n * `color`, `size`, `disabled`, `loading`, and `rounded`.\n *\n * Use this single spread instead of five separate bundle spreads when a\n * component needs all of them.\n *\n * @example\n * ```ts\n * props: { ...commonProps, href: prop.string() }\n * ```\n */\nexport const commonProps = {\n  ...themableBundle,\n  ...sizableBundle,\n  ...disablableBundle,\n  ...loadableBundle,\n  ...roundableBundle,\n};\n"],"mappings":"8DAKA,IAAa,EAAiB,CAC5B,MAAO,EAAA,KAAK,MAAM,EAAA,YAAY,CAChC,EAGa,EAAgB,CAC3B,KAAM,EAAA,KAAK,MAAM,EAAA,eAAe,CAClC,EAGa,EAAmB,CAC9B,SAAU,EAAA,KAAK,KAAK,EAAK,CAC3B,EAGa,EAAiB,CAC5B,QAAS,EAAA,KAAK,KAAK,EAAK,CAC1B,EAGa,EAAkB,CAC7B,QAAS,EAAA,KAAK,MAAM,EAAA,aAAa,CACnC,EAIa,EAAA,KAAK,MAAM,EAAA,gBAAgB,EAexC,IAAa,EAAc,CACzB,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,CACL"}

package/dist/shared/prop-bundles.d.ts

@@ -1,11 +1,10 @@
-import type { ComponentSize, ElevationLevel, RoundedSize, ThemeColor } from './types';
 /** Prop bundle for components that support a theme colour. */
 export declare const themableBundle: {
-    color: import("@vielzeug/ore").PropDef<ThemeColor | undefined>;
+    color: import("@vielzeug/ore").PropDef<"primary" | "secondary" | "info" | "success" | "warning" | "error" | undefined>;
 };
 /** Prop bundle for components with discrete size variants. */
 export declare const sizableBundle: {
-    size: import("@vielzeug/ore").PropDef<ComponentSize | undefined>;
+    size: import("@vielzeug/ore").PropDef<"sm" | "md" | "lg" | undefined>;
 };
 /** Prop bundle for interactive components that can be disabled. */
 export declare const disablableBundle: {
@@ -17,11 +16,11 @@ export declare const loadableBundle: {
 };
 /** Prop bundle for components with configurable border-radius. */
 export declare const roundableBundle: {
-    rounded: import("@vielzeug/ore").PropDef<RoundedSize | undefined>;
+    rounded: import("@vielzeug/ore").PropDef<"sm" | "md" | "lg" | "none" | "xl" | "2xl" | "3xl" | "full" | undefined>;
 };
 /** Prop bundle for components with an elevation / box-shadow. */
 export declare const elevatableBundle: {
-    elevation: import("@vielzeug/ore").PropDef<ElevationLevel | undefined>;
+    elevation: import("@vielzeug/ore").PropDef<0 | 2 | 1 | 3 | 5 | 4 | undefined>;
 };
 /**
  * Convenience bundle combining the five most common interactive-component props:
@@ -36,10 +35,10 @@ export declare const elevatableBundle: {
  * ```
  */
 export declare const commonProps: {
-    rounded: import("@vielzeug/ore").PropDef<RoundedSize | undefined>;
+    rounded: import("@vielzeug/ore").PropDef<"sm" | "md" | "lg" | "none" | "xl" | "2xl" | "3xl" | "full" | undefined>;
     loading: import("@vielzeug/ore").PropDef<boolean>;
     disabled: import("@vielzeug/ore").PropDef<boolean>;
-    size: import("@vielzeug/ore").PropDef<ComponentSize | undefined>;
-    color: import("@vielzeug/ore").PropDef<ThemeColor | undefined>;
+    size: import("@vielzeug/ore").PropDef<"sm" | "md" | "lg" | undefined>;
+    color: import("@vielzeug/ore").PropDef<"primary" | "secondary" | "info" | "success" | "warning" | "error" | undefined>;
 };
 //# sourceMappingURL=prop-bundles.d.ts.map

package/dist/shared/prop-bundles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-bundles.d.ts","sourceRoot":"","sources":["../../src/shared/prop-bundles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtF,8DAA8D;AAC9D,eAAO,MAAM,cAAc;;CAE1B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,gBAAgB;;CAE5B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,cAAc;;CAE1B,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,eAAe;;CAE3B,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,gBAAgB;;CAE5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}
+{"version":3,"file":"prop-bundles.d.ts","sourceRoot":"","sources":["../../src/shared/prop-bundles.ts"],"names":[],"mappings":"AAIA,8DAA8D;AAC9D,eAAO,MAAM,cAAc;;CAE1B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,gBAAgB;;CAE5B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,cAAc;;CAE1B,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,eAAe;;CAE3B,CAAC;AAEF,iEAAiE;AACjE,eAAO,MAAM,gBAAgB;;CAE5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}

package/dist/shared/prop-bundles.js

@@ -1,2 +1,2 @@
-import{prop as e}from"@vielzeug/ore";var t={color:e.string()},n={size:e.string()},r={disabled:e.bool(!1)},i={loading:e.bool(!1)},a={rounded:e.string()};e.number();var o={...t,...n,...r,...i,...a};export{o as commonProps,r as disablableBundle,i as loadableBundle,a as roundableBundle,n as sizableBundle,t as themableBundle};
+import{COMPONENT_SIZES as e,ELEVATION_LEVELS as t,ROUNDED_SIZES as n,THEME_COLORS as r}from"./types.js";import{prop as i}from"@vielzeug/ore";var a={color:i.oneOf(r)},o={size:i.oneOf(e)},s={disabled:i.bool(!1)},c={loading:i.bool(!1)},l={rounded:i.oneOf(n)};i.oneOf(t);var u={...a,...o,...s,...c,...l};export{u as commonProps,s as disablableBundle,c as loadableBundle,l as roundableBundle,o as sizableBundle,a as themableBundle};
 //# sourceMappingURL=prop-bundles.js.map

package/dist/shared/prop-bundles.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-bundles.js","names":[],"sources":["../../src/shared/prop-bundles.ts"],"sourcesContent":["import { prop } from '@vielzeug/ore';\n\nimport type { ComponentSize, ElevationLevel, RoundedSize, ThemeColor } from './types';\n\n/** Prop bundle for components that support a theme colour. */\nexport const themableBundle = {\n  color: prop.string<ThemeColor>(),\n};\n\n/** Prop bundle for components with discrete size variants. */\nexport const sizableBundle = {\n  size: prop.string<ComponentSize>(),\n};\n\n/** Prop bundle for interactive components that can be disabled. */\nexport const disablableBundle = {\n  disabled: prop.bool(false),\n};\n\n/** Prop bundle for components with a loading / busy state. */\nexport const loadableBundle = {\n  loading: prop.bool(false),\n};\n\n/** Prop bundle for components with configurable border-radius. */\nexport const roundableBundle = {\n  rounded: prop.string<RoundedSize>(),\n};\n\n/** Prop bundle for components with an elevation / box-shadow. */\nexport const elevatableBundle = {\n  elevation: prop.number<ElevationLevel>(),\n};\n\n/**\n * Convenience bundle combining the five most common interactive-component props:\n * `color`, `size`, `disabled`, `loading`, and `rounded`.\n *\n * Use this single spread instead of five separate bundle spreads when a\n * component needs all of them.\n *\n * @example\n * ```ts\n * props: { ...commonProps, href: prop.string() }\n * ```\n */\nexport const commonProps = {\n  ...themableBundle,\n  ...sizableBundle,\n  ...disablableBundle,\n  ...loadableBundle,\n  ...roundableBundle,\n};\n"],"mappings":"qCAKA,IAAa,EAAiB,CAC5B,MAAO,EAAK,OAAmB,CACjC,EAGa,EAAgB,CAC3B,KAAM,EAAK,OAAsB,CACnC,EAGa,EAAmB,CAC9B,SAAU,EAAK,KAAK,EAAK,CAC3B,EAGa,EAAiB,CAC5B,QAAS,EAAK,KAAK,EAAK,CAC1B,EAGa,EAAkB,CAC7B,QAAS,EAAK,OAAoB,CACpC,EAIa,EAAK,OAAuB,EAezC,IAAa,EAAc,CACzB,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,CACL"}
+{"version":3,"file":"prop-bundles.js","names":[],"sources":["../../src/shared/prop-bundles.ts"],"sourcesContent":["import { prop } from '@vielzeug/ore';\n\nimport { COMPONENT_SIZES, ELEVATION_LEVELS, ROUNDED_SIZES, THEME_COLORS } from './types';\n\n/** Prop bundle for components that support a theme colour. */\nexport const themableBundle = {\n  color: prop.oneOf(THEME_COLORS),\n};\n\n/** Prop bundle for components with discrete size variants. */\nexport const sizableBundle = {\n  size: prop.oneOf(COMPONENT_SIZES),\n};\n\n/** Prop bundle for interactive components that can be disabled. */\nexport const disablableBundle = {\n  disabled: prop.bool(false),\n};\n\n/** Prop bundle for components with a loading / busy state. */\nexport const loadableBundle = {\n  loading: prop.bool(false),\n};\n\n/** Prop bundle for components with configurable border-radius. */\nexport const roundableBundle = {\n  rounded: prop.oneOf(ROUNDED_SIZES),\n};\n\n/** Prop bundle for components with an elevation / box-shadow. */\nexport const elevatableBundle = {\n  elevation: prop.oneOf(ELEVATION_LEVELS),\n};\n\n/**\n * Convenience bundle combining the five most common interactive-component props:\n * `color`, `size`, `disabled`, `loading`, and `rounded`.\n *\n * Use this single spread instead of five separate bundle spreads when a\n * component needs all of them.\n *\n * @example\n * ```ts\n * props: { ...commonProps, href: prop.string() }\n * ```\n */\nexport const commonProps = {\n  ...themableBundle,\n  ...sizableBundle,\n  ...disablableBundle,\n  ...loadableBundle,\n  ...roundableBundle,\n};\n"],"mappings":"6IAKA,IAAa,EAAiB,CAC5B,MAAO,EAAK,MAAM,CAAY,CAChC,EAGa,EAAgB,CAC3B,KAAM,EAAK,MAAM,CAAe,CAClC,EAGa,EAAmB,CAC9B,SAAU,EAAK,KAAK,EAAK,CAC3B,EAGa,EAAiB,CAC5B,QAAS,EAAK,KAAK,EAAK,CAC1B,EAGa,EAAkB,CAC7B,QAAS,EAAK,MAAM,CAAa,CACnC,EAIa,EAAK,MAAM,CAAgB,EAexC,IAAa,EAAc,CACzB,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,CACL"}

package/dist/shared/types.cjs

@@ -0,0 +1,2 @@
+var e=[`sm`,`md`,`lg`],t=[`primary`,`secondary`,`info`,`success`,`warning`,`error`],n=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],r=[`flat`,`solid`,`bordered`,`outline`,`ghost`],i=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`],a=[`compact`,`cozy`,`comfortable`],o=[`none`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`full`],s=[0,1,2,3,4,5],c=[`none`,`sm`,`md`,`lg`,`xl`],l=[`_blank`,`_self`,`_parent`,`_top`];exports.COMPONENT_SIZES=e,exports.DENSITY_LEVELS=a,exports.ELEVATION_LEVELS=s,exports.FIELD_VARIANTS=r,exports.INPUT_VARIANTS=i,exports.LINK_TARGETS=l,exports.PADDING_SIZES=c,exports.ROUNDED_SIZES=o,exports.THEME_COLORS=t,exports.VISUAL_VARIANTS=n;
+//# sourceMappingURL=types.cjs.map

package/dist/shared/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/shared/types.ts"],"sourcesContent":["export type { PropsDef } from '@vielzeug/ore';\n\n// ── Primitive type aliases ────────────────────────────────────────────────────\n\n/** Form validity methods exposed on form-associated custom elements. */\nexport type FormValidityMethods = {\n  checkValidity(): boolean;\n  reportValidity(): boolean;\n  setCustomValidity(message: string): void;\n};\n\n/** Component size variants */\nexport const COMPONENT_SIZES = ['sm', 'md', 'lg'] as const;\nexport type ComponentSize = (typeof COMPONENT_SIZES)[number];\n\n/** Semantic theme colors */\nexport const THEME_COLORS = ['primary', 'secondary', 'info', 'success', 'warning', 'error'] as const;\nexport type ThemeColor = (typeof THEME_COLORS)[number];\n\n/** Visual variant styles */\nexport const VISUAL_VARIANTS = ['solid', 'flat', 'bordered', 'outline', 'ghost', 'text', 'frost'] as const;\nexport type VisualVariant = (typeof VISUAL_VARIANTS)[number];\n\n/** Variant set accepted by text-field-style inputs (everything except `text` and `frost`). */\nexport const FIELD_VARIANTS = ['flat', 'solid', 'bordered', 'outline', 'ghost'] as const;\nexport type FieldVariant = (typeof FIELD_VARIANTS)[number];\n\n/** Variant set accepted by input/select-style fields (everything except `frost`). */\nexport const INPUT_VARIANTS = ['solid', 'flat', 'bordered', 'outline', 'ghost', 'text'] as const;\nexport type InputVariant = (typeof INPUT_VARIANTS)[number];\n\n/** Table/grid density levels */\nexport const DENSITY_LEVELS = ['compact', 'cozy', 'comfortable'] as const;\nexport type DensityLevel = (typeof DENSITY_LEVELS)[number];\n\n/** Border radius variants */\nexport const ROUNDED_SIZES = ['none', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', 'full'] as const;\nexport type RoundedSize = (typeof ROUNDED_SIZES)[number];\n\n/** Elevation/shadow depth levels */\nexport const ELEVATION_LEVELS = [0, 1, 2, 3, 4, 5] as const;\nexport type ElevationLevel = (typeof ELEVATION_LEVELS)[number];\n\n/** Internal spacing variants */\nexport const PADDING_SIZES = ['none', 'sm', 'md', 'lg', 'xl'] as const;\nexport type PaddingSize = (typeof PADDING_SIZES)[number];\n\n/** Button form-submission types */\nexport const BUTTON_TYPES = ['button', 'submit', 'reset'] as const;\nexport type ButtonType = (typeof BUTTON_TYPES)[number];\n\n/** Anchor browsing-context values */\nexport const LINK_TARGETS = ['_blank', '_self', '_parent', '_top'] as const;\nexport type LinkTarget = (typeof LINK_TARGETS)[number];\n\n/** Allowed HTML5 input type values for `<ore-input>` */\nexport const INPUT_TYPES = [\n  'text',\n  'email',\n  'password',\n  'number',\n  'tel',\n  'url',\n  'search',\n  'date',\n  'time',\n  'datetime-local',\n  'month',\n  'week',\n] as const;\nexport type InputType = (typeof INPUT_TYPES)[number];\n\n// ── Form element props ────────────────────────────────────────────────────────\n\n/** Props for form-associated elements */\nexport type FormElementProps = {\n  name?: string;\n  value?: string;\n};\n\n/** Props for checkable form-associated elements (checkbox, radio) */\nexport type CheckableProps = FormElementProps & {\n  checked?: boolean;\n};\n\n/**\n * Adds type-safe `addEventListener` / `removeEventListener` overloads to a custom element type.\n *\n * ```ts\n * export interface OreInputEvents {\n *   change: { value: string; originalEvent: Event };\n * }\n * type OreInputElement = HTMLElement & OreInputProps & AddEventListeners<OreInputEvents>;\n * ```\n */\nexport type AddEventListeners<T> = {\n  addEventListener<K extends keyof T & string>(\n    type: K,\n    listener: (this: HTMLElement, ev: CustomEvent<T[K]>) => void,\n    options?: boolean | AddEventListenerOptions,\n  ): void;\n  removeEventListener<K extends keyof T & string>(\n    type: K,\n    listener: (this: HTMLElement, ev: CustomEvent<T[K]>) => void,\n    options?: boolean | EventListenerOptions,\n  ): void;\n};\n\n// ── Derived form field prop types ─────────────────────────────────────────────\n\nexport type BaseFormProps = {\n  color?: ThemeColor;\n  disabled?: boolean;\n  error?: string;\n  fullwidth?: boolean;\n  helper?: string;\n  label?: string;\n  'label-placement'?: 'inset' | 'outside';\n  name?: string;\n  size?: ComponentSize;\n  /**\n   * Shows an inline green check icon inside the field to confirm the value has passed\n   * validation. Ignored while `error` is set: an error always wins.\n   */\n  success?: boolean;\n};\n\ntype FieldVisualProps<TVariant extends VisualVariant> = {\n  rounded?: RoundedSize | '';\n  variant?: TVariant;\n};\n\nexport type TextFieldProps<TVariant extends VisualVariant> = BaseFormProps &\n  FieldVisualProps<TVariant> & {\n    placeholder?: string;\n    readonly?: boolean;\n    required?: boolean;\n    value?: string;\n  };\n\nexport type SelectableFieldProps<TVariant extends VisualVariant> = BaseFormProps &\n  FieldVisualProps<TVariant> & {\n    placeholder?: string;\n    value?: string;\n  };\n"],"mappings":"AAYA,IAAa,EAAkB,CAAC,KAAM,KAAM,IAAI,EAInC,EAAe,CAAC,UAAW,YAAa,OAAQ,UAAW,UAAW,OAAO,EAI7E,EAAkB,CAAC,QAAS,OAAQ,WAAY,UAAW,QAAS,OAAQ,OAAO,EAInF,EAAiB,CAAC,OAAQ,QAAS,WAAY,UAAW,OAAO,EAIjE,EAAiB,CAAC,QAAS,OAAQ,WAAY,UAAW,QAAS,MAAM,EAIzE,EAAiB,CAAC,UAAW,OAAQ,aAAa,EAIlD,EAAgB,CAAC,OAAQ,KAAM,KAAM,KAAM,KAAM,MAAO,MAAO,MAAM,EAIrE,EAAmB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAIpC,EAAgB,CAAC,OAAQ,KAAM,KAAM,KAAM,IAAI,EAQ/C,EAAe,CAAC,SAAU,QAAS,UAAW,MAAM"}

package/dist/shared/types.d.ts

@@ -6,23 +6,41 @@ export type FormValidityMethods = {
     setCustomValidity(message: string): void;
 };
 /** Component size variants */
-export type ComponentSize = 'sm' | 'md' | 'lg';
+export declare const COMPONENT_SIZES: readonly ["sm", "md", "lg"];
+export type ComponentSize = (typeof COMPONENT_SIZES)[number];
 /** Semantic theme colors */
-export type ThemeColor = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+export declare const THEME_COLORS: readonly ["primary", "secondary", "info", "success", "warning", "error"];
+export type ThemeColor = (typeof THEME_COLORS)[number];
 /** Visual variant styles */
-export type VisualVariant = 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost';
+export declare const VISUAL_VARIANTS: readonly ["solid", "flat", "bordered", "outline", "ghost", "text", "frost"];
+export type VisualVariant = (typeof VISUAL_VARIANTS)[number];
+/** Variant set accepted by text-field-style inputs (everything except `text` and `frost`). */
+export declare const FIELD_VARIANTS: readonly ["flat", "solid", "bordered", "outline", "ghost"];
+export type FieldVariant = (typeof FIELD_VARIANTS)[number];
+/** Variant set accepted by input/select-style fields (everything except `frost`). */
+export declare const INPUT_VARIANTS: readonly ["solid", "flat", "bordered", "outline", "ghost", "text"];
+export type InputVariant = (typeof INPUT_VARIANTS)[number];
+/** Table/grid density levels */
+export declare const DENSITY_LEVELS: readonly ["compact", "cozy", "comfortable"];
+export type DensityLevel = (typeof DENSITY_LEVELS)[number];
 /** Border radius variants */
-export type RoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+export declare const ROUNDED_SIZES: readonly ["none", "sm", "md", "lg", "xl", "2xl", "3xl", "full"];
+export type RoundedSize = (typeof ROUNDED_SIZES)[number];
 /** Elevation/shadow depth levels */
-export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5;
+export declare const ELEVATION_LEVELS: readonly [0, 1, 2, 3, 4, 5];
+export type ElevationLevel = (typeof ELEVATION_LEVELS)[number];
 /** Internal spacing variants */
-export type PaddingSize = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const PADDING_SIZES: readonly ["none", "sm", "md", "lg", "xl"];
+export type PaddingSize = (typeof PADDING_SIZES)[number];
 /** Button form-submission types */
-export type ButtonType = 'button' | 'submit' | 'reset';
+export declare const BUTTON_TYPES: readonly ["button", "submit", "reset"];
+export type ButtonType = (typeof BUTTON_TYPES)[number];
 /** Anchor browsing-context values */
-export type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
+export declare const LINK_TARGETS: readonly ["_blank", "_self", "_parent", "_top"];
+export type LinkTarget = (typeof LINK_TARGETS)[number];
 /** Allowed HTML5 input type values for `<ore-input>` */
-export type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week';
+export declare const INPUT_TYPES: readonly ["text", "email", "password", "number", "tel", "url", "search", "date", "time", "datetime-local", "month", "week"];
+export type InputType = (typeof INPUT_TYPES)[number];
 /** Props for form-associated elements */
 export type FormElementProps = {
     name?: string;

package/dist/shared/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"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"}

package/dist/shared/types.js

@@ -0,0 +1,2 @@
+var e=[`sm`,`md`,`lg`],t=[`primary`,`secondary`,`info`,`success`,`warning`,`error`],n=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`,`frost`],r=[`flat`,`solid`,`bordered`,`outline`,`ghost`],i=[`solid`,`flat`,`bordered`,`outline`,`ghost`,`text`],a=[`compact`,`cozy`,`comfortable`],o=[`none`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`full`],s=[0,1,2,3,4,5],c=[`none`,`sm`,`md`,`lg`,`xl`],l=[`_blank`,`_self`,`_parent`,`_top`];export{e as COMPONENT_SIZES,a as DENSITY_LEVELS,s as ELEVATION_LEVELS,r as FIELD_VARIANTS,i as INPUT_VARIANTS,l as LINK_TARGETS,c as PADDING_SIZES,o as ROUNDED_SIZES,t as THEME_COLORS,n as VISUAL_VARIANTS};
+//# sourceMappingURL=types.js.map

package/dist/shared/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../src/shared/types.ts"],"sourcesContent":["export type { PropsDef } from '@vielzeug/ore';\n\n// ── Primitive type aliases ────────────────────────────────────────────────────\n\n/** Form validity methods exposed on form-associated custom elements. */\nexport type FormValidityMethods = {\n  checkValidity(): boolean;\n  reportValidity(): boolean;\n  setCustomValidity(message: string): void;\n};\n\n/** Component size variants */\nexport const COMPONENT_SIZES = ['sm', 'md', 'lg'] as const;\nexport type ComponentSize = (typeof COMPONENT_SIZES)[number];\n\n/** Semantic theme colors */\nexport const THEME_COLORS = ['primary', 'secondary', 'info', 'success', 'warning', 'error'] as const;\nexport type ThemeColor = (typeof THEME_COLORS)[number];\n\n/** Visual variant styles */\nexport const VISUAL_VARIANTS = ['solid', 'flat', 'bordered', 'outline', 'ghost', 'text', 'frost'] as const;\nexport type VisualVariant = (typeof VISUAL_VARIANTS)[number];\n\n/** Variant set accepted by text-field-style inputs (everything except `text` and `frost`). */\nexport const FIELD_VARIANTS = ['flat', 'solid', 'bordered', 'outline', 'ghost'] as const;\nexport type FieldVariant = (typeof FIELD_VARIANTS)[number];\n\n/** Variant set accepted by input/select-style fields (everything except `frost`). */\nexport const INPUT_VARIANTS = ['solid', 'flat', 'bordered', 'outline', 'ghost', 'text'] as const;\nexport type InputVariant = (typeof INPUT_VARIANTS)[number];\n\n/** Table/grid density levels */\nexport const DENSITY_LEVELS = ['compact', 'cozy', 'comfortable'] as const;\nexport type DensityLevel = (typeof DENSITY_LEVELS)[number];\n\n/** Border radius variants */\nexport const ROUNDED_SIZES = ['none', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', 'full'] as const;\nexport type RoundedSize = (typeof ROUNDED_SIZES)[number];\n\n/** Elevation/shadow depth levels */\nexport const ELEVATION_LEVELS = [0, 1, 2, 3, 4, 5] as const;\nexport type ElevationLevel = (typeof ELEVATION_LEVELS)[number];\n\n/** Internal spacing variants */\nexport const PADDING_SIZES = ['none', 'sm', 'md', 'lg', 'xl'] as const;\nexport type PaddingSize = (typeof PADDING_SIZES)[number];\n\n/** Button form-submission types */\nexport const BUTTON_TYPES = ['button', 'submit', 'reset'] as const;\nexport type ButtonType = (typeof BUTTON_TYPES)[number];\n\n/** Anchor browsing-context values */\nexport const LINK_TARGETS = ['_blank', '_self', '_parent', '_top'] as const;\nexport type LinkTarget = (typeof LINK_TARGETS)[number];\n\n/** Allowed HTML5 input type values for `<ore-input>` */\nexport const INPUT_TYPES = [\n  'text',\n  'email',\n  'password',\n  'number',\n  'tel',\n  'url',\n  'search',\n  'date',\n  'time',\n  'datetime-local',\n  'month',\n  'week',\n] as const;\nexport type InputType = (typeof INPUT_TYPES)[number];\n\n// ── Form element props ────────────────────────────────────────────────────────\n\n/** Props for form-associated elements */\nexport type FormElementProps = {\n  name?: string;\n  value?: string;\n};\n\n/** Props for checkable form-associated elements (checkbox, radio) */\nexport type CheckableProps = FormElementProps & {\n  checked?: boolean;\n};\n\n/**\n * Adds type-safe `addEventListener` / `removeEventListener` overloads to a custom element type.\n *\n * ```ts\n * export interface OreInputEvents {\n *   change: { value: string; originalEvent: Event };\n * }\n * type OreInputElement = HTMLElement & OreInputProps & AddEventListeners<OreInputEvents>;\n * ```\n */\nexport type AddEventListeners<T> = {\n  addEventListener<K extends keyof T & string>(\n    type: K,\n    listener: (this: HTMLElement, ev: CustomEvent<T[K]>) => void,\n    options?: boolean | AddEventListenerOptions,\n  ): void;\n  removeEventListener<K extends keyof T & string>(\n    type: K,\n    listener: (this: HTMLElement, ev: CustomEvent<T[K]>) => void,\n    options?: boolean | EventListenerOptions,\n  ): void;\n};\n\n// ── Derived form field prop types ─────────────────────────────────────────────\n\nexport type BaseFormProps = {\n  color?: ThemeColor;\n  disabled?: boolean;\n  error?: string;\n  fullwidth?: boolean;\n  helper?: string;\n  label?: string;\n  'label-placement'?: 'inset' | 'outside';\n  name?: string;\n  size?: ComponentSize;\n  /**\n   * Shows an inline green check icon inside the field to confirm the value has passed\n   * validation. Ignored while `error` is set: an error always wins.\n   */\n  success?: boolean;\n};\n\ntype FieldVisualProps<TVariant extends VisualVariant> = {\n  rounded?: RoundedSize | '';\n  variant?: TVariant;\n};\n\nexport type TextFieldProps<TVariant extends VisualVariant> = BaseFormProps &\n  FieldVisualProps<TVariant> & {\n    placeholder?: string;\n    readonly?: boolean;\n    required?: boolean;\n    value?: string;\n  };\n\nexport type SelectableFieldProps<TVariant extends VisualVariant> = BaseFormProps &\n  FieldVisualProps<TVariant> & {\n    placeholder?: string;\n    value?: string;\n  };\n"],"mappings":"AAYA,IAAa,EAAkB,CAAC,KAAM,KAAM,IAAI,EAInC,EAAe,CAAC,UAAW,YAAa,OAAQ,UAAW,UAAW,OAAO,EAI7E,EAAkB,CAAC,QAAS,OAAQ,WAAY,UAAW,QAAS,OAAQ,OAAO,EAInF,EAAiB,CAAC,OAAQ,QAAS,WAAY,UAAW,OAAO,EAIjE,EAAiB,CAAC,QAAS,OAAQ,WAAY,UAAW,QAAS,MAAM,EAIzE,EAAiB,CAAC,UAAW,OAAQ,aAAa,EAIlD,EAAgB,CAAC,OAAQ,KAAM,KAAM,KAAM,KAAM,MAAO,MAAO,MAAM,EAIrE,EAAmB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAIpC,EAAgB,CAAC,OAAQ,KAAM,KAAM,KAAM,IAAI,EAQ/C,EAAe,CAAC,SAAU,QAAS,UAAW,MAAM"}

package/dist/sidebar.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./styles/mixins/accessibility.css.cjs"),t=require("./icon.cjs"),n=require("./utils/link.cjs"),r=require("./overlay/shared/background-lock.cjs"),i=require("./layout/shared.cjs"),a=require("./layout/sidebar/sidebar.css.cjs"),o=require("./layout/sidebar/sidebar-group.css.cjs"),s=require("./layout/sidebar/sidebar-item.css.cjs");let c=require("@vielzeug/ripple"),l=require("@vielzeug/sentinel"),u=require("@vielzeug/ore"),d=require("@vielzeug/focus");var f=(0,u.createContext)(`SidebarContext`),p=`ore-sidebar`;(0,u.define)(p,{props:{"bottom-nav-at":u.prop.string(),"close-on-select":u.prop.bool(!1),"collapse-label":u.prop.string(`Collapse sidebar`),collapsed:u.prop.bool(!1),collapsible:u.prop.bool(!1),"container-breakpoints":u.prop.bool(!1),"default-collapsed":u.prop.bool(!1),drawer:u.prop.bool(!1),"drawer-close-label":u.prop.string(`Close sidebar`),"expand-label":u.prop.string(`Expand sidebar`),label:u.prop.string(`Sidebar navigation`),responsive:u.prop.string(),variant:u.prop.string()},setup(e){let t=(0,u.getHost)(),n=(0,u.useEmit)(),a=(0,u.useSlots)(),hasHeader=()=>a.has(`header`).value,hasFooter=()=>a.has(`footer`).value,hasLogo=()=>a.has(`logo`).value,o=(0,c.signal)(t.hasAttribute(`collapsed`)),s=(0,c.signal)(o.value?t.hasAttribute(`collapsed`):e[`default-collapsed`].value),p=(0,c.signal)(!1),m=(0,c.signal)(!1),h=(0,c.signal)([]),g=(0,c.signal)(!1),_=(0,c.signal)(!1),v=(0,c.signal)(i.parseMaxWidthPx(e.responsive.value)),y=(0,c.signal)(!!String(e.responsive.value??``).trim()),b=(0,c.signal)(!1),x=(0,c.signal)(!1),S=(0,c.signal)(i.parseMaxWidthPx(e[`bottom-nav-at`].value)),C=(0,c.signal)(!1),w=r.createBackgroundLock(),T=null,isCollapsed=()=>s.value,E=(0,c.computed)(()=>p.value?`bottom-nav`:s.value?`collapsed`:`default`),applyResponsiveState=()=>{let t=e[`container-breakpoints`].value,n=t?_.value:g.value||_.value,r=t?x.value:b.value||x.value;m.value||(p.value=r),!r&&!m.value&&setDrawerOpen(!1,`responsive`),y.value&&setCollapsed(n,`responsive`)},readBottomNavItems=()=>{if(e.drawer.value){h.value=[];return}let n=a.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),r=[...t.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],i=(r.length>0?r:n).map((e,t)=>{let n=e,r=n.querySelector(`:scope > [slot="icon"]`)??n.querySelector(`[slot="icon"]`),i=r?.tagName.toLowerCase()===`ore-icon`?r.getAttribute(`name`):null,a=r?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,o=(n.textContent??``).trim();return{active:n.hasAttribute(`active`),disabled:n.hasAttribute(`disabled`),href:n.getAttribute(`href`)??void 0,iconName:i??a??void 0,label:n.getAttribute(`bottom-nav-label`)?.trim()||o||`Item ${t+1}`,source:n}});h.value=i};(0,u.provide)(f,{closeDrawer:()=>setDrawerOpen(!1,`toggle`),closeOnSelect:e[`close-on-select`],collapsed:(0,c.computed)(()=>!p.value&&s.value),drawerOpen:(0,c.computed)(()=>m.value),mode:E,variant:e.variant});let setCollapsed=(e,t)=>{isCollapsed()!==e&&(o.value||(s.value=e),n(`collapsed-change`,{collapsed:e,source:t}))},setDrawerOpen=(r,i)=>{let a=!!r;a&&!p.value&&!e.drawer.value&&(p.value=!0),m.value!==a&&(a&&(T=(0,d.captureFocus)(),w.lock(t)),m.value=a,a?queueMicrotask(()=>t.shadowRoot?.querySelector(`nav`)?.focus()):(w.unlock(),applyResponsiveState(),queueMicrotask(()=>{T?.(),T=null})),n(`drawer-change`,{open:a,source:i}))},doToggle=()=>{setCollapsed(!isCollapsed(),`toggle`)},D=t;return D.setCollapsed=e=>setCollapsed(!!e,`api`),D.toggle=doToggle,D.openDrawer=()=>setDrawerOpen(!0,`api`),D.closeDrawer=()=>setDrawerOpen(!1,`api`),D.toggleDrawer=()=>setDrawerOpen(!m.value,`toggle`),(0,u.bind)({attr:{"data-bottom-nav":()=>p.value?!0:void 0,"data-collapsed":()=>isCollapsed()&&!p.value?!0:void 0,"data-drawer-open":()=>m.value?!0:void 0,"data-has-logo":()=>hasLogo()?!0:void 0,"data-preview-mode":()=>C.value?!0:void 0}}),(0,u.onMounted)(()=>{t.setAttribute(`data-no-transition`,``);let n=!1,unlockTransition=()=>{n||(n=!0,t.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(unlockTransition));let mediaCleanup,bottomNavCleanup,r=new Map,d=new MutationObserver(()=>{(t.hasAttribute(`collapsed`)||o.value)&&(o.value=!0,s.value=t.hasAttribute(`collapsed`))});d.observe(t,{attributeFilter:[`collapsed`],attributes:!0});let closeOnEscape=e=>{e.key===`Escape`&&m.value&&(e.preventDefault(),setDrawerOpen(!1,`toggle`))};t.addEventListener(`keydown`,closeOnEscape);let keepFocusInDrawer=e=>{if(!m.value)return;let n=e.target;n instanceof Node&&(t===n||t.contains(n))||t.shadowRoot?.querySelector(`nav`)?.focus()};document.addEventListener(`focusin`,keepFocusInDrawer),(0,c.watch)(e.responsive,n=>{mediaCleanup?.(),mediaCleanup=void 0;let r=String(n??``).trim();y.value=!!r,v.value=i.parseMaxWidthPx(r),g.value=!1;let a=i.readContainerWidth(t);if(_.value=a>0&&v.value!=null&&a<=v.value,applyResponsiveState(),!(e[`container-breakpoints`].value&&v.value!=null)&&r)try{let e=(0,l.createMediaQuery)(r),syncMedia=e=>{e&&(g.value=e.matches,applyResponsiveState())};syncMedia(e.getSnapshot());let t=(0,c.watch)((0,c.fromSubscribable)(e,{signal:e.disposalSignal}),syncMedia);mediaCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}},{immediate:!0}),(0,c.watch)(e[`bottom-nav-at`],n=>{bottomNavCleanup?.(),bottomNavCleanup=void 0;let r=String(n??``).trim();S.value=i.parseMaxWidthPx(r),b.value=!1;let a=i.readContainerWidth(t);if(x.value=a>0&&S.value!=null&&a<=S.value,applyResponsiveState(),!(e[`container-breakpoints`].value&&S.value!=null)&&r)try{let e=(0,l.createMediaQuery)(r),syncMedia=e=>{e&&(b.value=e.matches,applyResponsiveState())};syncMedia(e.getSnapshot());let t=(0,c.watch)((0,c.fromSubscribable)(e,{signal:e.disposalSignal}),syncMedia);bottomNavCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}},{immediate:!0}),(0,c.watch)(e.drawer,()=>{applyResponsiveState(),readBottomNavItems()});let f=typeof ResizeObserver==`function`?(()=>{let e=(0,l.createElementSize)(t);(0,u.onCleanup)(()=>e.dispose());let n=(0,c.fromSubscribable)(e,{signal:e.disposalSignal}),r=t.parentElement,a=i.resolveContainerElement(t),o=r?(0,l.createElementSize)(r):void 0,s=a&&a!==r?(0,l.createElementSize)(a):void 0;o&&(0,u.onCleanup)(()=>o.dispose()),s&&(0,u.onCleanup)(()=>s.dispose());let d=o?(0,c.fromSubscribable)(o,{signal:o.disposalSignal}):void 0,f=s?(0,c.fromSubscribable)(s,{signal:s.disposalSignal}):void 0,p,onResize=()=>{p!==void 0&&cancelAnimationFrame(p),p=requestAnimationFrame(()=>{let e=i.resolveContainerElement(t),n=i.readContainerWidth(t),r=_.value,a=x.value,o=e?.clientWidth??0;C.value=o>0&&o<window.innerWidth,_.value=n>0&&v.value!=null&&n<=v.value,x.value=n>0&&S.value!=null&&n<=S.value,(r!==_.value||a!==x.value)&&applyResponsiveState(),unlockTransition()})};return(0,c.watch)((0,c.computed)(()=>[n.value?.width,n.value?.height,d?.value?.width,d?.value?.height,f?.value?.width,f?.value?.height]),onResize)})():void 0,bindItemObservers=e=>{let t=new Set(e);for(let[e,n]of r)t.has(e)||(n.disconnect(),r.delete(e));for(let t of e){if(r.has(t))continue;let e=new MutationObserver(()=>{p.value&&readBottomNavItems()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),r.set(t,e)}},syncBottomNavItems=()=>{bindItemObservers([...t.querySelectorAll(`ore-sidebar-item`)]),readBottomNavItems()};(0,c.watch)(a.elements(),syncBottomNavItems,{immediate:!0});let h=new MutationObserver(syncBottomNavItems);return h.observe(t,{childList:!0,subtree:!0}),()=>{d.disconnect(),h.disconnect(),t.removeEventListener(`keydown`,closeOnEscape),document.removeEventListener(`focusin`,keepFocusInDrawer),w.unlock(),mediaCleanup?.(),bottomNavCleanup?.(),f?.dispose();for(let e of r.values())e.disconnect();r.clear()}}),u.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./styles/mixins/accessibility.css.cjs"),t=require("./icon.cjs"),n=require("./utils/link.cjs"),r=require("./overlay/shared/background-lock.cjs"),i=require("./layout/shared.cjs"),a=require("./layout/sidebar/sidebar.css.cjs"),o=require("./layout/sidebar/sidebar-group.css.cjs"),s=require("./layout/sidebar/sidebar-item.css.cjs");let c=require("@vielzeug/ripple"),l=require("@vielzeug/sentinel"),u=require("@vielzeug/ore"),d=require("@vielzeug/focus");var f=[`floating`,`inset`],p=(0,u.createContext)(`SidebarContext`),m=`ore-sidebar`;(0,u.define)(m,{props:{"bottom-nav-at":u.prop.string(),"close-on-select":u.prop.bool(!1),"collapse-label":u.prop.string(`Collapse sidebar`),collapsed:u.prop.bool(!1),collapsible:u.prop.bool(!1),"container-breakpoints":u.prop.bool(!1),"default-collapsed":u.prop.bool(!1),drawer:u.prop.bool(!1),"drawer-close-label":u.prop.string(`Close sidebar`),"expand-label":u.prop.string(`Expand sidebar`),label:u.prop.string(`Sidebar navigation`),responsive:u.prop.string(),variant:u.prop.oneOf(f)},setup(e){let t=(0,u.getHost)(),n=(0,u.useEmit)(),a=(0,u.useSlots)(),hasHeader=()=>a.has(`header`).value,hasFooter=()=>a.has(`footer`).value,hasLogo=()=>a.has(`logo`).value,o=(0,c.signal)(t.hasAttribute(`collapsed`)),s=(0,c.signal)(o.value?t.hasAttribute(`collapsed`):e[`default-collapsed`].value),f=(0,c.signal)(!1),m=(0,c.signal)(!1),h=(0,c.signal)([]),g=(0,c.signal)(!1),_=(0,c.signal)(!1),v=(0,c.signal)(i.parseMaxWidthPx(e.responsive.value)),y=(0,c.signal)(!!String(e.responsive.value??``).trim()),b=(0,c.signal)(!1),x=(0,c.signal)(!1),S=(0,c.signal)(i.parseMaxWidthPx(e[`bottom-nav-at`].value)),C=(0,c.signal)(!1),w=r.createBackgroundLock(),T=null,isCollapsed=()=>s.value,E=(0,c.computed)(()=>f.value?`bottom-nav`:s.value?`collapsed`:`default`),applyResponsiveState=()=>{let t=e[`container-breakpoints`].value,n=t?_.value:g.value||_.value,r=t?x.value:b.value||x.value;m.value||(f.value=r),!r&&!m.value&&setDrawerOpen(!1,`responsive`),y.value&&setCollapsed(n,`responsive`)},readBottomNavItems=()=>{if(e.drawer.value){h.value=[];return}let n=a.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`),r=[...t.querySelectorAll(`ore-sidebar-item[bottom-nav]`)],i=(r.length>0?r:n).map((e,t)=>{let n=e,r=n.querySelector(`:scope > [slot="icon"]`)??n.querySelector(`[slot="icon"]`),i=r?.tagName.toLowerCase()===`ore-icon`?r.getAttribute(`name`):null,a=r?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,o=(n.textContent??``).trim();return{active:n.hasAttribute(`active`),disabled:n.hasAttribute(`disabled`),href:n.getAttribute(`href`)??void 0,iconName:i??a??void 0,label:n.getAttribute(`bottom-nav-label`)?.trim()||o||`Item ${t+1}`,source:n}});h.value=i};(0,u.provide)(p,{closeDrawer:()=>setDrawerOpen(!1,`toggle`),closeOnSelect:e[`close-on-select`],collapsed:(0,c.computed)(()=>!f.value&&s.value),drawerOpen:(0,c.computed)(()=>m.value),mode:E,variant:e.variant});let setCollapsed=(e,t)=>{isCollapsed()!==e&&(o.value||(s.value=e),n(`collapsed-change`,{collapsed:e,source:t}))},setDrawerOpen=(r,i)=>{let a=!!r;a&&!f.value&&!e.drawer.value&&(f.value=!0),m.value!==a&&(a&&(T=(0,d.captureFocus)(),w.lock(t)),m.value=a,a?queueMicrotask(()=>t.shadowRoot?.querySelector(`nav`)?.focus()):(w.unlock(),applyResponsiveState(),queueMicrotask(()=>{T?.(),T=null})),n(`drawer-change`,{open:a,source:i}))},doToggle=()=>{setCollapsed(!isCollapsed(),`toggle`)},D=t;return D.setCollapsed=e=>setCollapsed(!!e,`api`),D.toggle=doToggle,D.openDrawer=()=>setDrawerOpen(!0,`api`),D.closeDrawer=()=>setDrawerOpen(!1,`api`),D.toggleDrawer=()=>setDrawerOpen(!m.value,`toggle`),(0,u.bind)({attr:{"data-bottom-nav":()=>f.value?!0:void 0,"data-collapsed":()=>isCollapsed()&&!f.value?!0:void 0,"data-drawer-open":()=>m.value?!0:void 0,"data-has-logo":()=>hasLogo()?!0:void 0,"data-preview-mode":()=>C.value?!0:void 0}}),(0,u.onMounted)(()=>{t.setAttribute(`data-no-transition`,``);let n=!1,unlockTransition=()=>{n||(n=!0,t.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(unlockTransition));let mediaCleanup,bottomNavCleanup,r=new Map,d=new MutationObserver(()=>{(t.hasAttribute(`collapsed`)||o.value)&&(o.value=!0,s.value=t.hasAttribute(`collapsed`))});d.observe(t,{attributeFilter:[`collapsed`],attributes:!0});let closeOnEscape=e=>{e.key===`Escape`&&m.value&&(e.preventDefault(),setDrawerOpen(!1,`toggle`))};t.addEventListener(`keydown`,closeOnEscape);let keepFocusInDrawer=e=>{if(!m.value)return;let n=e.target;n instanceof Node&&(t===n||t.contains(n))||t.shadowRoot?.querySelector(`nav`)?.focus()};document.addEventListener(`focusin`,keepFocusInDrawer),(0,c.watch)(e.responsive,n=>{mediaCleanup?.(),mediaCleanup=void 0;let r=String(n??``).trim();y.value=!!r,v.value=i.parseMaxWidthPx(r),g.value=!1;let a=i.readContainerWidth(t);if(_.value=a>0&&v.value!=null&&a<=v.value,applyResponsiveState(),!(e[`container-breakpoints`].value&&v.value!=null)&&r)try{let e=(0,l.createMediaQuery)(r),syncMedia=e=>{e&&(g.value=e.matches,applyResponsiveState())};syncMedia(e.getSnapshot());let t=(0,c.watch)((0,c.fromSubscribable)(e,{signal:e.disposalSignal}),syncMedia);mediaCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}},{immediate:!0}),(0,c.watch)(e[`bottom-nav-at`],n=>{bottomNavCleanup?.(),bottomNavCleanup=void 0;let r=String(n??``).trim();S.value=i.parseMaxWidthPx(r),b.value=!1;let a=i.readContainerWidth(t);if(x.value=a>0&&S.value!=null&&a<=S.value,applyResponsiveState(),!(e[`container-breakpoints`].value&&S.value!=null)&&r)try{let e=(0,l.createMediaQuery)(r),syncMedia=e=>{e&&(b.value=e.matches,applyResponsiveState())};syncMedia(e.getSnapshot());let t=(0,c.watch)((0,c.fromSubscribable)(e,{signal:e.disposalSignal}),syncMedia);bottomNavCleanup=()=>{t.dispose(),e.dispose()}}catch(e){if(!(e instanceof l.SentinelUnavailableError))throw e}},{immediate:!0}),(0,c.watch)(e.drawer,()=>{applyResponsiveState(),readBottomNavItems()});let p=typeof ResizeObserver==`function`?(()=>{let e=(0,l.createElementSize)(t);(0,u.onCleanup)(()=>e.dispose());let n=(0,c.fromSubscribable)(e,{signal:e.disposalSignal}),r=t.parentElement,a=i.resolveContainerElement(t),o=r?(0,l.createElementSize)(r):void 0,s=a&&a!==r?(0,l.createElementSize)(a):void 0;o&&(0,u.onCleanup)(()=>o.dispose()),s&&(0,u.onCleanup)(()=>s.dispose());let d=o?(0,c.fromSubscribable)(o,{signal:o.disposalSignal}):void 0,f=s?(0,c.fromSubscribable)(s,{signal:s.disposalSignal}):void 0,p,onResize=()=>{p!==void 0&&cancelAnimationFrame(p),p=requestAnimationFrame(()=>{let e=i.resolveContainerElement(t),n=i.readContainerWidth(t),r=_.value,a=x.value,o=e?.clientWidth??0;C.value=o>0&&o<window.innerWidth,_.value=n>0&&v.value!=null&&n<=v.value,x.value=n>0&&S.value!=null&&n<=S.value,(r!==_.value||a!==x.value)&&applyResponsiveState(),unlockTransition()})};return(0,c.watch)((0,c.computed)(()=>[n.value?.width,n.value?.height,d?.value?.width,d?.value?.height,f?.value?.width,f?.value?.height]),onResize)})():void 0,bindItemObservers=e=>{let t=new Set(e);for(let[e,n]of r)t.has(e)||(n.disconnect(),r.delete(e));for(let t of e){if(r.has(t))continue;let e=new MutationObserver(()=>{f.value&&readBottomNavItems()});e.observe(t,{attributeFilter:[`active`,`bottom-nav`,`bottom-nav-label`,`disabled`,`href`],attributes:!0,characterData:!0,childList:!0,subtree:!0}),r.set(t,e)}},syncBottomNavItems=()=>{bindItemObservers([...t.querySelectorAll(`ore-sidebar-item`)]),readBottomNavItems()};(0,c.watch)(a.elements(),syncBottomNavItems,{immediate:!0});let h=new MutationObserver(syncBottomNavItems);return h.observe(t,{childList:!0,subtree:!0}),()=>{d.disconnect(),h.disconnect(),t.removeEventListener(`keydown`,closeOnEscape),document.removeEventListener(`focusin`,keepFocusInDrawer),w.unlock(),mediaCleanup?.(),bottomNavCleanup?.(),p?.dispose();for(let e of r.values())e.disconnect();r.clear()}}),u.html`
       <button
         class="drawer-backdrop"
         part="drawer-backdrop"
@@ -8,10 +8,10 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
         @click=${()=>setDrawerOpen(!1,`toggle`)}></button>
       <nav
         aria-label="${e.label}"
-        aria-hidden=${()=>(p.value||e.drawer.value)&&!m.value?`true`:null}
+        aria-hidden=${()=>(f.value||e.drawer.value)&&!m.value?`true`:null}
         part="nav"
         tabindex="-1"
-        ?inert=${()=>(p.value||e.drawer.value)&&!m.value}>
+        ?inert=${()=>(f.value||e.drawer.value)&&!m.value}>
         <div class="sidebar-header" part="header" ?hidden=${()=>!hasHeader()&&!e.collapsible.value}>
           <span class="sidebar-logo" ?hidden=${()=>!hasLogo()}>
             <slot name="logo"></slot>
@@ -43,7 +43,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
         </div>
       </nav>
 
-      <div class="bottom-bar" part="bottom-bar" ?hidden=${()=>!p.value}>
+      <div class="bottom-bar" part="bottom-bar" ?hidden=${()=>!f.value}>
         ${()=>h.value.map(e=>{let t=`bottom-tab${e.active?` bottom-tab-active`:``}`;return e.href&&!e.disabled?u.html`
                 <a
                   class="${t}"
@@ -70,7 +70,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
               </button>
             `})}
       </div>
-    `},styles:[e.coarsePointerMixin,e.reducedMotionMixin,a.default]});var m=`ore-sidebar-group`;(0,u.define)(m,{props:{collapsible:u.prop.bool(!1),"default-open":u.prop.bool(!0),label:u.prop.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e){let t=(0,u.useSlots)(),hasIcon=()=>t.has(`icon`).value,n=(0,u.inject)(f);(0,u.bind)({attr:{"sidebar-bottom-nav":()=>n?.mode.value===`bottom-nav`&&!n?.drawerOpen.value||void 0,"sidebar-collapsed":()=>n?.collapsed.value?!0:void 0}});let isControlled=()=>e.open.value!==void 0,r=(0,c.signal)(e[`default-open`].value),i=(0,c.computed)(()=>e.collapsible.value?isControlled()?e.open.value??!1:r.value:!0);return(0,c.watch)(e.open,e=>{e!==void 0&&(r.value=e)}),(0,u.bind)({attr:{open:()=>i.value?!0:void 0}}),u.html`
+    `},styles:[e.coarsePointerMixin,e.reducedMotionMixin,a.default]});var h=`ore-sidebar-group`;(0,u.define)(h,{props:{collapsible:u.prop.bool(!1),"default-open":u.prop.bool(!0),label:u.prop.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e){let t=(0,u.useSlots)(),hasIcon=()=>t.has(`icon`).value,n=(0,u.inject)(p);(0,u.bind)({attr:{"sidebar-bottom-nav":()=>n?.mode.value===`bottom-nav`&&!n?.drawerOpen.value||void 0,"sidebar-collapsed":()=>n?.collapsed.value?!0:void 0}});let isControlled=()=>e.open.value!==void 0,r=(0,c.signal)(e[`default-open`].value),i=(0,c.computed)(()=>e.collapsible.value?isControlled()?e.open.value??!1:r.value:!0);return(0,c.watch)(e.open,e=>{e!==void 0&&(r.value=e)}),(0,u.bind)({attr:{open:()=>i.value?!0:void 0}}),u.html`
       <details class="group" part="group" ?open=${i}>
         <summary
           class="group-header"
@@ -89,7 +89,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
           <slot></slot>
         </div>
       </details>
-    `},styles:[e.reducedMotionMixin,o.default]});var h=`ore-sidebar-item`;(0,u.define)(h,{props:{active:u.prop.bool(!1),"bottom-nav":u.prop.bool(!1),"bottom-nav-label":u.prop.string(),disabled:u.prop.bool(!1),href:u.prop.string(),label:u.prop.string(),rel:u.prop.string(),target:u.prop.string()},setup(e){let t=(0,u.useSlots)(),hasIcon=()=>t.has(`icon`).value,hasEnd=()=>t.has(`end`).value,r=(0,u.inject)(f);(0,u.bind)({attr:{"sidebar-bottom-nav":()=>r?.mode.value===`bottom-nav`&&!r?.drawerOpen.value||void 0,"sidebar-collapsed":()=>r?.collapsed.value?!0:void 0}});let isLink=()=>!!e.href.value&&!e.disabled.value,i=(0,c.computed)(()=>n.computeSafeRel(e.rel.value,e.target.value)),closeDrawerOnSelect=e=>{r?.closeOnSelect.value&&r.drawerOpen.value&&(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||queueMicrotask(r.closeDrawer))},renderItemContent=()=>u.html`
+    `},styles:[e.reducedMotionMixin,o.default]});var g=`ore-sidebar-item`;(0,u.define)(g,{props:{active:u.prop.bool(!1),"bottom-nav":u.prop.bool(!1),"bottom-nav-label":u.prop.string(),disabled:u.prop.bool(!1),href:u.prop.string(),label:u.prop.string(),rel:u.prop.string(),target:u.prop.string()},setup(e){let t=(0,u.useSlots)(),hasIcon=()=>t.has(`icon`).value,hasEnd=()=>t.has(`end`).value,r=(0,u.inject)(p);(0,u.bind)({attr:{"sidebar-bottom-nav":()=>r?.mode.value===`bottom-nav`&&!r?.drawerOpen.value||void 0,"sidebar-collapsed":()=>r?.collapsed.value?!0:void 0}});let isLink=()=>!!e.href.value&&!e.disabled.value,i=(0,c.computed)(()=>n.computeSafeRel(e.rel.value,e.target.value)),closeDrawerOnSelect=e=>{r?.closeOnSelect.value&&r.drawerOpen.value&&(e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||queueMicrotask(r.closeDrawer))},renderItemContent=()=>u.html`
       <span class="item-icon" part="item-icon" ?hidden=${()=>!hasIcon()} aria-hidden="true">
         <slot name="icon"></slot>
       </span>
@@ -132,5 +132,5 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
             ${renderItemContent()}
           </button>
         `}
-    `},styles:[e.coarsePointerMixin,s.default]}),exports.ICON_TAG=t.ICON_TAG,exports.SIDEBAR_CTX=f,exports.SIDEBAR_GROUP_TAG=m,exports.SIDEBAR_ITEM_TAG=h,exports.SIDEBAR_TAG=p;
+    `},styles:[e.coarsePointerMixin,s.default]}),exports.ICON_TAG=t.ICON_TAG,exports.SIDEBAR_CTX=p,exports.SIDEBAR_GROUP_TAG=h,exports.SIDEBAR_ITEM_TAG=g,exports.SIDEBAR_TAG=m;
 //# sourceMappingURL=sidebar.cjs.map