@vielzeug/refine 1.1.1

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

@@ -0,0 +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,EAGa,EAAmB,CAC9B,UAAW,EAAA,KAAK,OAAuB,CACzC,EAca,EAAc,CACzB,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,CACL"}

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

@@ -0,0 +1,45 @@
+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>;
+};
+/** Prop bundle for components with discrete size variants. */
+export declare const sizableBundle: {
+    size: import("@vielzeug/ore").PropDef<ComponentSize | undefined>;
+};
+/** Prop bundle for interactive components that can be disabled. */
+export declare const disablableBundle: {
+    disabled: import("@vielzeug/ore").PropDef<boolean>;
+};
+/** Prop bundle for components with a loading / busy state. */
+export declare const loadableBundle: {
+    loading: import("@vielzeug/ore").PropDef<boolean>;
+};
+/** Prop bundle for components with configurable border-radius. */
+export declare const roundableBundle: {
+    rounded: import("@vielzeug/ore").PropDef<RoundedSize | undefined>;
+};
+/** Prop bundle for components with an elevation / box-shadow. */
+export declare const elevatableBundle: {
+    elevation: import("@vielzeug/ore").PropDef<ElevationLevel | undefined>;
+};
+/**
+ * Convenience bundle combining the five most common interactive-component props:
+ * `color`, `size`, `disabled`, `loading`, and `rounded`.
+ *
+ * Use this single spread instead of five separate bundle spreads when a
+ * component needs all of them.
+ *
+ * @example
+ * ```ts
+ * props: { ...commonProps, href: prop.string() }
+ * ```
+ */
+export declare const commonProps: {
+    rounded: import("@vielzeug/ore").PropDef<RoundedSize | 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>;
+};
+//# sourceMappingURL=prop-bundles.d.ts.map

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

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

package/dist/shared/prop-bundles.js

@@ -0,0 +1,13 @@
+import { prop as e } from "@vielzeug/ore";
+//#region src/shared/prop-bundles.ts
+var t = { color: e.string() }, n = { size: e.string() }, r = { disabled: e.bool(!1) }, i = { loading: e.bool(!1) }, a = { rounded: e.string() }, o = { elevation: e.number() }, s = {
+	...t,
+	...n,
+	...r,
+	...i,
+	...a
+};
+//#endregion
+export { s as commonProps, r as disablableBundle, o as elevatableBundle, i as loadableBundle, a as roundableBundle, n as sizableBundle, t as themableBundle };
+
+//# sourceMappingURL=prop-bundles.js.map

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

@@ -0,0 +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":";;AAKA,IAAa,IAAiB,EAC5B,OAAO,EAAK,OAAmB,EACjC,GAGa,IAAgB,EAC3B,MAAM,EAAK,OAAsB,EACnC,GAGa,IAAmB,EAC9B,UAAU,EAAK,KAAK,EAAK,EAC3B,GAGa,IAAiB,EAC5B,SAAS,EAAK,KAAK,EAAK,EAC1B,GAGa,IAAkB,EAC7B,SAAS,EAAK,OAAoB,EACpC,GAGa,IAAmB,EAC9B,WAAW,EAAK,OAAuB,EACzC,GAca,IAAc;CACzB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL"}

package/dist/shared/size-presets.cjs

@@ -0,0 +1,2 @@
+var e={lg:{"--_field-height":`var(--size-12)`,"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_field-height":`var(--size-10)`,"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_field-height":`var(--size-8)`,"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},t={lg:{"--_padding":`var(--size-2-5) var(--size-3-5)`,fontSize:`var(--text-base)`,gap:`var(--size-2-5)`},md:{"--_padding":`var(--size-1-5) var(--size-3)`,fontSize:`var(--text-sm)`,gap:`var(--size-2)`},sm:{"--_padding":`var(--size-1) var(--size-2)`,fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`}},n={lg:{fontSize:`var(--text-base)`,gap:`var(--size-2-5)`,size:`var(--size-6)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-1-5)`,size:`var(--size-4)`}},r={lg:{fontSize:`var(--text-base)`,gap:`var(--size-3)`,height:`var(--size-7)`,thumbSize:`var(--size-6)`,width:`var(--size-14)`},sm:{fontSize:`var(--text-xs)`,gap:`var(--size-2)`,height:`var(--size-5)`,thumbSize:`var(--size-4)`,width:`var(--size-9)`}},i={lg:{fontSize:`var(--text-base)`,height:`calc(var(--size-5) - var(--size-1))`,size:`var(--size-5)`},md:{fontSize:`var(--text-base)`,height:`var(--size-3)`,size:`var(--size-5)`},sm:{fontSize:`var(--text-xs)`,height:`var(--size-2)`,size:`var(--size-4)`}},a={lg:{"--_min-height":`var(--size-40)`,fontSize:`var(--text-base)`},md:{"--_min-height":`var(--size-32)`,fontSize:`var(--text-sm)`},sm:{"--_min-height":`var(--size-28)`,fontSize:`var(--text-xs)`}};exports.CONTROL_SIZE_PRESET=n,exports.FIELD_SIZE_PRESET=e,exports.FILE_INPUT_SIZE_PRESET=a,exports.SLIDER_SIZE_PRESET=i,exports.SWITCH_SIZE_PRESET=r,exports.TEXTAREA_SIZE_PRESET=t;
+//# sourceMappingURL=size-presets.cjs.map

package/dist/shared/size-presets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-presets.cjs","names":[],"sources":["../../src/shared/size-presets.ts"],"sourcesContent":["import type { SizeConfig } from '../styles/mixins/shape.css';\nimport type { ComponentSize } from './types';\n\n/** A preset with an entry for every ComponentSize key. */\ntype FullSizePreset = Record<ComponentSize, SizeConfig>;\n\n/** A preset that may omit some ComponentSize keys (sizeVariantMixin fills the gaps with its defaults). */\ntype PartialSizePreset = Partial<Record<ComponentSize, SizeConfig>>;\n\nexport const FIELD_SIZE_PRESET = {\n  lg: {\n    '--_field-height': 'var(--size-12)',\n    '--_padding': 'var(--size-2-5) var(--size-3-5)',\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n  },\n  md: {\n    '--_field-height': 'var(--size-10)',\n    '--_padding': 'var(--size-1-5) var(--size-3)',\n    fontSize: 'var(--text-sm)',\n    gap: 'var(--size-2)',\n  },\n  sm: {\n    '--_field-height': 'var(--size-8)',\n    '--_padding': 'var(--size-1) var(--size-2)',\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n  },\n} satisfies FullSizePreset;\n\nexport const TEXTAREA_SIZE_PRESET = {\n  lg: {\n    '--_padding': 'var(--size-2-5) var(--size-3-5)',\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n  },\n  md: {\n    '--_padding': 'var(--size-1-5) var(--size-3)',\n    fontSize: 'var(--text-sm)',\n    gap: 'var(--size-2)',\n  },\n  sm: {\n    '--_padding': 'var(--size-1) var(--size-2)',\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n  },\n} satisfies FullSizePreset;\n\n/** Shared size preset for checkbox and radio (icon + label layout). */\nexport const CONTROL_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n    size: 'var(--size-6)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n    size: 'var(--size-4)',\n  },\n} satisfies PartialSizePreset;\n\n/** Shared size preset for the switch toggle control. */\nexport const SWITCH_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-3)',\n    height: 'var(--size-7)',\n    thumbSize: 'var(--size-6)',\n    width: 'var(--size-14)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-2)',\n    height: 'var(--size-5)',\n    thumbSize: 'var(--size-4)',\n    width: 'var(--size-9)',\n  },\n} satisfies PartialSizePreset;\n\n/** Shared size preset for the slider track/thumb. */\nexport const SLIDER_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    height: 'calc(var(--size-5) - var(--size-1))',\n    size: 'var(--size-5)',\n  },\n  md: {\n    fontSize: 'var(--text-base)',\n    height: 'var(--size-3)',\n    size: 'var(--size-5)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    height: 'var(--size-2)',\n    size: 'var(--size-4)',\n  },\n} satisfies FullSizePreset;\n\n/** Shared size preset for the file-input dropzone. */\nexport const FILE_INPUT_SIZE_PRESET = {\n  lg: {\n    '--_min-height': 'var(--size-40)',\n    fontSize: 'var(--text-base)',\n  },\n  md: {\n    '--_min-height': 'var(--size-32)',\n    fontSize: 'var(--text-sm)',\n  },\n  sm: {\n    '--_min-height': 'var(--size-28)',\n    fontSize: 'var(--text-xs)',\n  },\n} satisfies FullSizePreset;\n"],"mappings":"AASA,IAAa,EAAoB,CAC/B,GAAI,CACF,kBAAmB,iBACnB,aAAc,kCACd,SAAU,mBACV,IAAK,iBACP,EACA,GAAI,CACF,kBAAmB,iBACnB,aAAc,gCACd,SAAU,iBACV,IAAK,eACP,EACA,GAAI,CACF,kBAAmB,gBACnB,aAAc,8BACd,SAAU,iBACV,IAAK,iBACP,CACF,EAEa,EAAuB,CAClC,GAAI,CACF,aAAc,kCACd,SAAU,mBACV,IAAK,iBACP,EACA,GAAI,CACF,aAAc,gCACd,SAAU,iBACV,IAAK,eACP,EACA,GAAI,CACF,aAAc,8BACd,SAAU,iBACV,IAAK,iBACP,CACF,EAGa,EAAsB,CACjC,GAAI,CACF,SAAU,mBACV,IAAK,kBACL,KAAM,eACR,EACA,GAAI,CACF,SAAU,iBACV,IAAK,kBACL,KAAM,eACR,CACF,EAGa,EAAqB,CAChC,GAAI,CACF,SAAU,mBACV,IAAK,gBACL,OAAQ,gBACR,UAAW,gBACX,MAAO,gBACT,EACA,GAAI,CACF,SAAU,iBACV,IAAK,gBACL,OAAQ,gBACR,UAAW,gBACX,MAAO,eACT,CACF,EAGa,EAAqB,CAChC,GAAI,CACF,SAAU,mBACV,OAAQ,sCACR,KAAM,eACR,EACA,GAAI,CACF,SAAU,mBACV,OAAQ,gBACR,KAAM,eACR,EACA,GAAI,CACF,SAAU,iBACV,OAAQ,gBACR,KAAM,eACR,CACF,EAGa,EAAyB,CACpC,GAAI,CACF,gBAAiB,iBACjB,SAAU,kBACZ,EACA,GAAI,CACF,gBAAiB,iBACjB,SAAU,gBACZ,EACA,GAAI,CACF,gBAAiB,iBACjB,SAAU,gBACZ,CACF"}

package/dist/shared/size-presets.d.ts

@@ -0,0 +1,101 @@
+export declare const FIELD_SIZE_PRESET: {
+    lg: {
+        '--_field-height': string;
+        '--_padding': string;
+        fontSize: string;
+        gap: string;
+    };
+    md: {
+        '--_field-height': string;
+        '--_padding': string;
+        fontSize: string;
+        gap: string;
+    };
+    sm: {
+        '--_field-height': string;
+        '--_padding': string;
+        fontSize: string;
+        gap: string;
+    };
+};
+export declare const TEXTAREA_SIZE_PRESET: {
+    lg: {
+        '--_padding': string;
+        fontSize: string;
+        gap: string;
+    };
+    md: {
+        '--_padding': string;
+        fontSize: string;
+        gap: string;
+    };
+    sm: {
+        '--_padding': string;
+        fontSize: string;
+        gap: string;
+    };
+};
+/** Shared size preset for checkbox and radio (icon + label layout). */
+export declare const CONTROL_SIZE_PRESET: {
+    lg: {
+        fontSize: string;
+        gap: string;
+        size: string;
+    };
+    sm: {
+        fontSize: string;
+        gap: string;
+        size: string;
+    };
+};
+/** Shared size preset for the switch toggle control. */
+export declare const SWITCH_SIZE_PRESET: {
+    lg: {
+        fontSize: string;
+        gap: string;
+        height: string;
+        thumbSize: string;
+        width: string;
+    };
+    sm: {
+        fontSize: string;
+        gap: string;
+        height: string;
+        thumbSize: string;
+        width: string;
+    };
+};
+/** Shared size preset for the slider track/thumb. */
+export declare const SLIDER_SIZE_PRESET: {
+    lg: {
+        fontSize: string;
+        height: string;
+        size: string;
+    };
+    md: {
+        fontSize: string;
+        height: string;
+        size: string;
+    };
+    sm: {
+        fontSize: string;
+        height: string;
+        size: string;
+    };
+};
+/** Shared size preset for the file-input dropzone. */
+export declare const FILE_INPUT_SIZE_PRESET: {
+    lg: {
+        '--_min-height': string;
+        fontSize: string;
+    };
+    md: {
+        '--_min-height': string;
+        fontSize: string;
+    };
+    sm: {
+        '--_min-height': string;
+        fontSize: string;
+    };
+};
+//# sourceMappingURL=size-presets.d.ts.map

package/dist/shared/size-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-presets.d.ts","sourceRoot":"","sources":["../../src/shared/size-presets.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;CAmBJ,CAAC;AAE3B,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;CAgBP,CAAC;AAE3B,uEAAuE;AACvE,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAWH,CAAC;AAE9B,wDAAwD;AACxD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAeF,CAAC;AAE9B,qDAAqD;AACrD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;CAgBL,CAAC;AAE3B,sDAAsD;AACtD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;CAaT,CAAC"}

package/dist/shared/size-presets.js

@@ -0,0 +1,96 @@
+//#region src/shared/size-presets.ts
+var e = {
+	lg: {
+		"--_field-height": "var(--size-12)",
+		"--_padding": "var(--size-2-5) var(--size-3-5)",
+		fontSize: "var(--text-base)",
+		gap: "var(--size-2-5)"
+	},
+	md: {
+		"--_field-height": "var(--size-10)",
+		"--_padding": "var(--size-1-5) var(--size-3)",
+		fontSize: "var(--text-sm)",
+		gap: "var(--size-2)"
+	},
+	sm: {
+		"--_field-height": "var(--size-8)",
+		"--_padding": "var(--size-1) var(--size-2)",
+		fontSize: "var(--text-xs)",
+		gap: "var(--size-1-5)"
+	}
+}, t = {
+	lg: {
+		"--_padding": "var(--size-2-5) var(--size-3-5)",
+		fontSize: "var(--text-base)",
+		gap: "var(--size-2-5)"
+	},
+	md: {
+		"--_padding": "var(--size-1-5) var(--size-3)",
+		fontSize: "var(--text-sm)",
+		gap: "var(--size-2)"
+	},
+	sm: {
+		"--_padding": "var(--size-1) var(--size-2)",
+		fontSize: "var(--text-xs)",
+		gap: "var(--size-1-5)"
+	}
+}, n = {
+	lg: {
+		fontSize: "var(--text-base)",
+		gap: "var(--size-2-5)",
+		size: "var(--size-6)"
+	},
+	sm: {
+		fontSize: "var(--text-xs)",
+		gap: "var(--size-1-5)",
+		size: "var(--size-4)"
+	}
+}, r = {
+	lg: {
+		fontSize: "var(--text-base)",
+		gap: "var(--size-3)",
+		height: "var(--size-7)",
+		thumbSize: "var(--size-6)",
+		width: "var(--size-14)"
+	},
+	sm: {
+		fontSize: "var(--text-xs)",
+		gap: "var(--size-2)",
+		height: "var(--size-5)",
+		thumbSize: "var(--size-4)",
+		width: "var(--size-9)"
+	}
+}, i = {
+	lg: {
+		fontSize: "var(--text-base)",
+		height: "calc(var(--size-5) - var(--size-1))",
+		size: "var(--size-5)"
+	},
+	md: {
+		fontSize: "var(--text-base)",
+		height: "var(--size-3)",
+		size: "var(--size-5)"
+	},
+	sm: {
+		fontSize: "var(--text-xs)",
+		height: "var(--size-2)",
+		size: "var(--size-4)"
+	}
+}, a = {
+	lg: {
+		"--_min-height": "var(--size-40)",
+		fontSize: "var(--text-base)"
+	},
+	md: {
+		"--_min-height": "var(--size-32)",
+		fontSize: "var(--text-sm)"
+	},
+	sm: {
+		"--_min-height": "var(--size-28)",
+		fontSize: "var(--text-xs)"
+	}
+};
+//#endregion
+export { n as CONTROL_SIZE_PRESET, e as FIELD_SIZE_PRESET, a as FILE_INPUT_SIZE_PRESET, i as SLIDER_SIZE_PRESET, r as SWITCH_SIZE_PRESET, t as TEXTAREA_SIZE_PRESET };
+
+//# sourceMappingURL=size-presets.js.map

package/dist/shared/size-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-presets.js","names":[],"sources":["../../src/shared/size-presets.ts"],"sourcesContent":["import type { SizeConfig } from '../styles/mixins/shape.css';\nimport type { ComponentSize } from './types';\n\n/** A preset with an entry for every ComponentSize key. */\ntype FullSizePreset = Record<ComponentSize, SizeConfig>;\n\n/** A preset that may omit some ComponentSize keys (sizeVariantMixin fills the gaps with its defaults). */\ntype PartialSizePreset = Partial<Record<ComponentSize, SizeConfig>>;\n\nexport const FIELD_SIZE_PRESET = {\n  lg: {\n    '--_field-height': 'var(--size-12)',\n    '--_padding': 'var(--size-2-5) var(--size-3-5)',\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n  },\n  md: {\n    '--_field-height': 'var(--size-10)',\n    '--_padding': 'var(--size-1-5) var(--size-3)',\n    fontSize: 'var(--text-sm)',\n    gap: 'var(--size-2)',\n  },\n  sm: {\n    '--_field-height': 'var(--size-8)',\n    '--_padding': 'var(--size-1) var(--size-2)',\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n  },\n} satisfies FullSizePreset;\n\nexport const TEXTAREA_SIZE_PRESET = {\n  lg: {\n    '--_padding': 'var(--size-2-5) var(--size-3-5)',\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n  },\n  md: {\n    '--_padding': 'var(--size-1-5) var(--size-3)',\n    fontSize: 'var(--text-sm)',\n    gap: 'var(--size-2)',\n  },\n  sm: {\n    '--_padding': 'var(--size-1) var(--size-2)',\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n  },\n} satisfies FullSizePreset;\n\n/** Shared size preset for checkbox and radio (icon + label layout). */\nexport const CONTROL_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-2-5)',\n    size: 'var(--size-6)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-1-5)',\n    size: 'var(--size-4)',\n  },\n} satisfies PartialSizePreset;\n\n/** Shared size preset for the switch toggle control. */\nexport const SWITCH_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    gap: 'var(--size-3)',\n    height: 'var(--size-7)',\n    thumbSize: 'var(--size-6)',\n    width: 'var(--size-14)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    gap: 'var(--size-2)',\n    height: 'var(--size-5)',\n    thumbSize: 'var(--size-4)',\n    width: 'var(--size-9)',\n  },\n} satisfies PartialSizePreset;\n\n/** Shared size preset for the slider track/thumb. */\nexport const SLIDER_SIZE_PRESET = {\n  lg: {\n    fontSize: 'var(--text-base)',\n    height: 'calc(var(--size-5) - var(--size-1))',\n    size: 'var(--size-5)',\n  },\n  md: {\n    fontSize: 'var(--text-base)',\n    height: 'var(--size-3)',\n    size: 'var(--size-5)',\n  },\n  sm: {\n    fontSize: 'var(--text-xs)',\n    height: 'var(--size-2)',\n    size: 'var(--size-4)',\n  },\n} satisfies FullSizePreset;\n\n/** Shared size preset for the file-input dropzone. */\nexport const FILE_INPUT_SIZE_PRESET = {\n  lg: {\n    '--_min-height': 'var(--size-40)',\n    fontSize: 'var(--text-base)',\n  },\n  md: {\n    '--_min-height': 'var(--size-32)',\n    fontSize: 'var(--text-sm)',\n  },\n  sm: {\n    '--_min-height': 'var(--size-28)',\n    fontSize: 'var(--text-xs)',\n  },\n} satisfies FullSizePreset;\n"],"mappings":";AASA,IAAa,IAAoB;CAC/B,IAAI;EACF,mBAAmB;EACnB,cAAc;EACd,UAAU;EACV,KAAK;CACP;CACA,IAAI;EACF,mBAAmB;EACnB,cAAc;EACd,UAAU;EACV,KAAK;CACP;CACA,IAAI;EACF,mBAAmB;EACnB,cAAc;EACd,UAAU;EACV,KAAK;CACP;AACF,GAEa,IAAuB;CAClC,IAAI;EACF,cAAc;EACd,UAAU;EACV,KAAK;CACP;CACA,IAAI;EACF,cAAc;EACd,UAAU;EACV,KAAK;CACP;CACA,IAAI;EACF,cAAc;EACd,UAAU;EACV,KAAK;CACP;AACF,GAGa,IAAsB;CACjC,IAAI;EACF,UAAU;EACV,KAAK;EACL,MAAM;CACR;CACA,IAAI;EACF,UAAU;EACV,KAAK;EACL,MAAM;CACR;AACF,GAGa,IAAqB;CAChC,IAAI;EACF,UAAU;EACV,KAAK;EACL,QAAQ;EACR,WAAW;EACX,OAAO;CACT;CACA,IAAI;EACF,UAAU;EACV,KAAK;EACL,QAAQ;EACR,WAAW;EACX,OAAO;CACT;AACF,GAGa,IAAqB;CAChC,IAAI;EACF,UAAU;EACV,QAAQ;EACR,MAAM;CACR;CACA,IAAI;EACF,UAAU;EACV,QAAQ;EACR,MAAM;CACR;CACA,IAAI;EACF,UAAU;EACV,QAAQ;EACR,MAAM;CACR;AACF,GAGa,IAAyB;CACpC,IAAI;EACF,iBAAiB;EACjB,UAAU;CACZ;CACA,IAAI;EACF,iBAAiB;EACjB,UAAU;CACZ;CACA,IAAI;EACF,iBAAiB;EACjB,UAAU;CACZ;AACF"}

package/dist/shared/types.d.ts

@@ -0,0 +1,76 @@
+export type { PropsDef } from '@vielzeug/ore';
+/** Form validity methods exposed on form-associated custom elements. */
+export type FormValidityMethods = {
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+};
+/** Component size variants */
+export type ComponentSize = 'sm' | 'md' | 'lg';
+/** Semantic theme colors */
+export type ThemeColor = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+/** Visual variant styles */
+export type VisualVariant = 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost';
+/** Visual variant styles for surface/container components that also support the glass effect */
+export type SurfaceVariant = VisualVariant | 'glass';
+/** Border radius variants */
+export type RoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+/** Elevation/shadow depth levels */
+export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5;
+/** Internal spacing variants */
+export type PaddingSize = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+/** Button form-submission types */
+export type ButtonType = 'button' | 'submit' | 'reset';
+/** Anchor browsing-context values */
+export type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
+/** Allowed HTML5 input type values for `<ore-input>` */
+export type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week';
+/** Props for form-associated elements */
+export type FormElementProps = {
+    name?: string;
+    value?: string;
+};
+/** Props for checkable form-associated elements (checkbox, radio) */
+export type CheckableProps = FormElementProps & {
+    checked?: boolean;
+};
+/**
+ * Adds type-safe `addEventListener` / `removeEventListener` overloads to a custom element type.
+ *
+ * ```ts
+ * export interface OreInputEvents {
+ *   change: { value: string; originalEvent: Event };
+ * }
+ * type OreInputElement = HTMLElement & OreInputProps & AddEventListeners<OreInputEvents>;
+ * ```
+ */
+export type AddEventListeners<T> = {
+    addEventListener<K extends keyof T & string>(type: K, listener: (this: HTMLElement, ev: CustomEvent<T[K]>) => void, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof T & string>(type: K, listener: (this: HTMLElement, ev: CustomEvent<T[K]>) => void, options?: boolean | EventListenerOptions): void;
+};
+export type BaseFormProps = {
+    color?: ThemeColor;
+    disabled?: boolean;
+    error?: string;
+    fullwidth?: boolean;
+    helper?: string;
+    label?: string;
+    'label-placement'?: 'inset' | 'outside';
+    name?: string;
+    size?: ComponentSize;
+};
+type FieldVisualProps<TVariant extends VisualVariant> = {
+    rounded?: RoundedSize | '';
+    variant?: TVariant;
+};
+export type TextFieldProps<TVariant extends VisualVariant> = BaseFormProps & FieldVisualProps<TVariant> & {
+    placeholder?: string;
+    readonly?: boolean;
+    required?: boolean;
+    value?: string;
+};
+export type SelectableFieldProps<TVariant extends VisualVariant> = BaseFormProps & FieldVisualProps<TVariant> & {
+    placeholder?: string;
+    value?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/sidebar.cjs

@@ -0,0 +1,123 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./styles/mixins/accessibility.css.cjs"),t=require("./utils/link.cjs"),n=require("./ore/dist/observers/resize-observe.cjs");require("./ore/dist/observers.cjs");const r=require("./layout/sidebar/sidebar-group.css?inline.cjs"),i=require("./layout/sidebar/sidebar-item.css?inline.cjs"),a=require("./layout/sidebar/sidebar.css?inline.cjs");let o=require("@vielzeug/ore"),s=require("@vielzeug/ripple");var c=e=>{let t=String(e??``).trim();if(!t)return;let n=/max-width\s*:\s*([0-9]+(?:\.[0-9]+)?)px/i.exec(t);if(!n)return;let r=Number.parseFloat(n[1]);return Number.isFinite(r)?r:void 0},l=e=>{let t=e.parentElement;for(;t?.tagName.toLowerCase()===`ore-grid-item`;)t=t.parentElement;return t},u=e=>{let t=l(e)?.clientWidth??0;return t>0?t:e.offsetWidth},d=(0,o.createContext)(`SidebarContext`),f=`ore-sidebar`;(0,o.define)(f,{props:{"bottom-nav-at":o.prop.string(),collapsed:o.prop.bool(!1),collapsible:o.prop.bool(!1),"container-breakpoints":o.prop.bool(!1),"default-collapsed":o.prop.bool(!1),label:o.prop.string(`Sidebar navigation`),responsive:o.prop.string(),variant:o.prop.string()},setup(e,{bind:t,el:r,emit:i,onMounted:a,provide:f,slots:p}){let m=()=>p.has(`header`).value,h=()=>p.has(`footer`).value,g=()=>p.has(`logo`).value,_=(0,s.signal)(r.hasAttribute(`collapsed`)),v=(0,s.signal)(_.value?r.hasAttribute(`collapsed`):e[`default-collapsed`].value),y=(0,s.signal)(!1),b=(0,s.signal)(!1),x=(0,s.signal)([]),S=(0,s.signal)(!1),C=(0,s.signal)(!1),w=(0,s.signal)(c(e.responsive.value)),T=(0,s.signal)(!!String(e.responsive.value??``).trim()),E=(0,s.signal)(!1),D=(0,s.signal)(!1),O=(0,s.signal)(c(e[`bottom-nav-at`].value)),k=(0,s.signal)(!1),A=()=>v.value,j=(0,s.computed)(()=>y.value?`bottom-nav`:v.value?`collapsed`:`default`),M=()=>{let t=e[`container-breakpoints`].value,n=t?C.value:S.value||C.value,r=t?D.value:E.value||D.value;b.value||(y.value=r),!r&&!b.value&&F(!1,`responsive`),T.value&&P(n,`responsive`)},N=()=>{let e=p.elements().value.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`).map((e,t)=>{let n=e.querySelector(`:scope > [slot="icon"]`)??e.querySelector(`[slot="icon"]`),r=n?.tagName.toLowerCase()===`ore-icon`?n.getAttribute(`name`):null,i=n?.querySelector(`ore-icon`)?.getAttribute(`name`)??null,a=(e.textContent??``).trim();return{active:e.hasAttribute(`active`),disabled:e.hasAttribute(`disabled`),href:e.getAttribute(`href`)??void 0,iconName:r??i??void 0,label:a||`Item ${t+1}`,source:e}});x.value=e};f(d,{collapsed:(0,s.computed)(()=>!y.value&&v.value),mobileOpen:(0,s.computed)(()=>y.value&&b.value),mode:j,variant:e.variant});let P=(e,t)=>{A()!==e&&(_.value||(v.value=e),i(`collapsed-change`,{collapsed:e,source:t}))},F=(e,t)=>{let n=!!e;if(n&&!y.value&&(y.value=!0),!y.value&&!n){b.value&&=!1;return}b.value!==n&&(b.value=n,n||M(),i(`mobile-open-change`,{open:n,source:t}))},I=()=>{P(!A(),`toggle`)},L=r;return L.setCollapsed=e=>P(!!e,`api`),L.toggle=I,L.openMobile=()=>F(!0,`api`),L.closeMobile=()=>F(!1,`api`),L.toggleMobile=()=>F(!b.value,`toggle`),t({attr:{"data-bottom-nav":()=>y.value?!0:void 0,"data-collapsed":()=>A()&&!y.value?!0:void 0,"data-mobile-open":()=>y.value&&b.value?!0:void 0,"data-preview-mode":()=>k.value?!0:void 0}}),a(()=>{r.setAttribute(`data-no-transition`,``);let t=!1,i=()=>{t||(t=!0,r.removeAttribute(`data-no-transition`))};requestAnimationFrame(()=>requestAnimationFrame(i));let a,o,d=new Map,f=new MutationObserver(()=>{!r.hasAttribute(`collapsed`)&&!_.value||(_.value=!0,v.value=r.hasAttribute(`collapsed`))});f.observe(r,{attributeFilter:[`collapsed`],attributes:!0}),(0,s.watch)(e.responsive,t=>{a?.(),a=void 0;let n=String(t??``).trim();T.value=!!n,w.value=c(n),S.value=!1;let i=u(r);if(C.value=i>0&&w.value!=null?i<=w.value:!1,M(),e[`container-breakpoints`].value&&w.value!=null||!n||typeof window.matchMedia!=`function`)return;let o=window.matchMedia(n),s=e=>{S.value=e.matches,M()};S.value=o.matches,M(),o.addEventListener(`change`,s),a=()=>{o.removeEventListener(`change`,s)}},{immediate:!0}),(0,s.watch)(e[`bottom-nav-at`],t=>{o?.(),o=void 0;let n=String(t??``).trim();O.value=c(n),E.value=!1;let i=u(r);if(D.value=i>0&&O.value!=null?i<=O.value:!1,M(),e[`container-breakpoints`].value&&O.value!=null||!n||typeof window.matchMedia!=`function`)return;let a=window.matchMedia(n),s=e=>{E.value=e.matches,M()};E.value=a.matches,M(),a.addEventListener(`change`,s),o=()=>{a.removeEventListener(`change`,s)}},{immediate:!0});let m=typeof ResizeObserver==`function`?(()=>{let e=n.resizeObserver(r),t=r.parentElement,a=l(r),o=t?n.resizeObserver(t):void 0,c=a&&a!==t?n.resizeObserver(a):void 0,d;return(0,s.watch)((0,s.computed)(()=>[e.value.width,e.value.height,o?.value.width,o?.value.height,c?.value.width,c?.value.height]),()=>{d!==void 0&&cancelAnimationFrame(d),d=requestAnimationFrame(()=>{let e=l(r),t=u(r),n=C.value,a=D.value,o=e?.clientWidth??0;k.value=o>0&&o<window.innerWidth,C.value=t>0&&w.value!=null?t<=w.value:!1,D.value=t>0&&O.value!=null?t<=O.value:!1,(n!==C.value||a!==D.value)&&M(),i()})})})():void 0,h=e=>{let t=new Set(e);for(let[e,n]of d)t.has(e)||(n.disconnect(),d.delete(e));for(let t of e){if(d.has(t))continue;let e=new MutationObserver(()=>{y.value&&N()});e.observe(t,{attributeFilter:[`active`,`disabled`,`href`],attributes:!0}),d.set(t,e)}};return(0,s.watch)(p.elements(),e=>{let t=e.filter(e=>e instanceof HTMLElement&&e.tagName.toLowerCase()===`ore-sidebar-item`);h(t),N()},{immediate:!0}),()=>{f.disconnect(),a?.(),o?.(),m?.dispose();for(let e of d.values())e.disconnect();d.clear()}}),o.html`
+      <button
+        class="mobile-backdrop"
+        part="mobile-backdrop"
+        type="button"
+        aria-label="Close sidebar"
+        ?hidden=${()=>!y.value||!b.value}
+        @click=${()=>F(!1,`toggle`)}></button>
+      <nav aria-label="${e.label}" part="nav">
+        <div class="sidebar-header" part="header" ?hidden=${()=>!m()&&!e.collapsible.value}>
+          <span class="sidebar-logo" ?hidden=${()=>!g()}>
+            <slot name="logo"></slot>
+          </span>
+          <span class="sidebar-header-content">
+            <slot name="header"></slot>
+          </span>
+          <button
+            class="toggle-btn"
+            part="toggle-btn"
+            type="button"
+            ?hidden=${()=>!e.collapsible.value}
+            aria-label="${()=>A()?`Expand sidebar`:`Collapse sidebar`}"
+            aria-expanded="${()=>!A()}"
+            @click="${I}">
+            <span class="toggle-icon" aria-hidden="true">
+              <ore-icon name="chevron-left" size="16" stroke-width="2" aria-hidden="true"></ore-icon>
+            </span>
+          </button>
+        </div>
+        <div class="sidebar-content" part="content">
+          <slot></slot>
+        </div>
+        <div class="sidebar-footer" part="footer" ?hidden=${()=>!h()}>
+          <slot name="footer"></slot>
+        </div>
+      </nav>
+
+      <div class="bottom-bar" part="bottom-bar" ?hidden=${()=>!y.value}>
+        ${()=>x.value.map(e=>{let t=`bottom-tab${e.active?` bottom-tab-active`:``}`;return e.href&&!e.disabled?o.html`
+                <a
+                  class="${t}"
+                  href="${e.href}"
+                  aria-current="${e.active?`page`:null}"
+                  data-active="${e.active?`true`:null}">
+                  <span class="bottom-tab-icon" aria-hidden="true" ?hidden=${()=>!e.iconName}>
+                    <ore-icon :name="${e.iconName}" size="18" stroke-width="2"></ore-icon>
+                  </span>
+                  <span class="bottom-tab-label">${e.label}</span>
+                </a>
+              `:o.html`
+              <button
+                class="${t}"
+                type="button"
+                ?disabled=${e.disabled}
+                aria-current="${e.active?`page`:null}"
+                data-active="${e.active?`true`:null}"
+                @click=${()=>e.source.click()}>
+                <span class="bottom-tab-icon" aria-hidden="true" ?hidden=${()=>!e.iconName}>
+                  <ore-icon :name="${e.iconName}" size="18" stroke-width="2"></ore-icon>
+                </span>
+                <span class="bottom-tab-label">${e.label}</span>
+              </button>
+            `})}
+      </div>
+    `},styles:[e.coarsePointerMixin,e.reducedMotionMixin,a.default]});var p=`ore-sidebar-group`;(0,o.define)(p,{props:{collapsible:o.prop.bool(!1),"default-open":o.prop.bool(!0),label:o.prop.string(),open:{default:void 0,parse:e=>e==null?void 0:e===``||e===`true`,reflect:!1}},setup(e,{bind:t,slots:n}){let r=()=>n.has(`icon`).value,i=(0,o.inject)(d);t({attr:{"sidebar-bottom-nav":()=>i?.mode.value===`bottom-nav`&&!i?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>i?.collapsed.value?!0:void 0}});let a=()=>e.open.value!==void 0,c=(0,s.signal)(e[`default-open`].value),l=(0,s.computed)(()=>e.collapsible.value?a()?e.open.value??!1:c.value:!0);return(0,s.watch)(e.open,e=>{e!==void 0&&(c.value=e)}),t({attr:{open:()=>l.value?!0:void 0}}),o.html`
+      <details class="group" part="group" ?open=${l}>
+        <summary
+          class="group-header"
+          part="group-header"
+          aria-expanded="${()=>e.collapsible.value?String(e.open.value):null}"
+          @click=${t=>{e.collapsible.value||t.preventDefault()}}>
+          <span class="group-icon" part="group-icon" ?hidden=${()=>!r()} aria-hidden="true">
+            <slot name="icon"></slot>
+          </span>
+          <span class="group-label" part="group-label">${e.label}</span>
+          <span class="chevron" ?hidden=${()=>!e.collapsible.value} aria-hidden="true">
+            <ore-icon name="chevron-right" size="12" stroke-width="2" aria-hidden="true"></ore-icon>
+          </span>
+        </summary>
+        <div class="group-items" part="group-items" role="list">
+          <slot></slot>
+        </div>
+      </details>
+    `},styles:[e.reducedMotionMixin,r.default]});var m=`ore-sidebar-item`;(0,o.define)(m,{props:{active:o.prop.bool(!1),disabled:o.prop.bool(!1),href:o.prop.string(),rel:o.prop.string(),target:o.prop.string()},setup(e,{bind:n,slots:r}){let i=()=>r.has(`icon`).value,a=()=>r.has(`end`).value,c=(0,o.inject)(d);n({attr:{"sidebar-bottom-nav":()=>c?.mode.value===`bottom-nav`&&!c?.mobileOpen.value?!0:void 0,"sidebar-collapsed":()=>c?.collapsed.value?!0:void 0}});let l=()=>!!e.href.value&&!e.disabled.value,u=(0,s.computed)(()=>t.computeSafeRel(e.rel.value,e.target.value)),f=()=>o.html`
+      <span class="item-icon" part="item-icon" ?hidden=${()=>!i()} aria-hidden="true">
+        <slot name="icon"></slot>
+      </span>
+      <span class="item-label" part="item-label"><slot></slot></span>
+      <span class="item-end" part="item-end" ?hidden=${()=>!a()}>
+        <slot name="end"></slot>
+      </span>
+    `;return o.html`
+      ${()=>l()?o.html`
+            <a
+              class="item"
+              part="item"
+              href="${e.href}"
+              :rel="${u}"
+              :target="${e.target}"
+              aria-current="${()=>e.active.value?`page`:null}">
+              ${f()}
+            </a>
+          `:e.disabled.value?o.html`
+            <div
+              class="item"
+              part="item"
+              aria-disabled="true"
+              tabindex="-1"
+              aria-current="${()=>e.active.value?`page`:null}">
+              ${f()}
+            </div>
+          `:o.html`
+          <button
+            class="item"
+            part="item"
+            type="button"
+            ?disabled="${e.disabled}"
+            aria-current="${()=>e.active.value?`page`:null}">
+            ${f()}
+          </button>
+        `}
+    `},styles:[e.coarsePointerMixin,i.default]}),exports.SIDEBAR_CTX=d,exports.SIDEBAR_GROUP_TAG=p,exports.SIDEBAR_ITEM_TAG=m,exports.SIDEBAR_TAG=f;
+//# sourceMappingURL=sidebar.cjs.map