@vielzeug/refine 1.7.0 → 2.0.0

package/dist/typing-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"typing-indicator.js","names":[],"sources":["../src/feedback/typing-indicator/typing-indicator.ts"],"sourcesContent":["import { define, html, prop } from '@vielzeug/ore';\nimport { watch } from '@vielzeug/ripple';\n\nimport type { ComponentSize, ThemeColor } from '../../types';\n\nimport { announce } from '../../headless';\nimport { sizableBundle, themableBundle } from '../../shared';\nimport { colorThemeMixin, reducedMotionMixin, sizeVariantMixin } from '../../styles';\nimport componentStyles from './typing-indicator.css?inline';\n\n/** Typing indicator component properties */\nexport type OreTypingIndicatorProps = {\n  /** Theme color for the dots */\n  color?: ThemeColor;\n  /** Accessible label announced once via a polite live region (default: `\"Typing…\"`) */\n  label?: string;\n  /** Dot size preset */\n  size?: ComponentSize;\n};\n\n/**\n * Three bouncing dots signaling that the other side of a conversation is composing a reply —\n * the moment before any content exists. For a message whose content is already streaming in,\n * use `ore-chat-message`'s `streaming` attribute (a blinking cursor) instead.\n *\n * The dots are decorative (`aria-hidden`) — `label` is the entire accessibility contract,\n * announced through the shared singleton live region (`headless/announcer.ts`) rather than a\n * static `aria-live` element in the template. A live region populated in the same paint as\n * its own insertion is unreliable across browsers/screen readers; routing through the shared\n * announcer (pre-existing region, clear-then-set) is the same pattern already used for other\n * transient status messages across this package.\n *\n * @element ore-typing-indicator\n *\n * @attr {string} label - Accessible label announced once via a polite live region (default: \"Typing…\")\n * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'\n * @attr {string} size - 'sm' | 'md' | 'lg'\n *\n * @cssprop --typing-indicator-color - Dot color\n * @cssprop --typing-indicator-size - Dot diameter\n * @cssprop --typing-indicator-gap - Gap between dots\n *\n * @part dots - Dots container.\n * @part dot - Individual dot element.\n * @example\n * ```html\n * <ore-typing-indicator></ore-typing-indicator>\n * <ore-typing-indicator label=\"Assistant is typing…\" color=\"primary\"></ore-typing-indicator>\n * ```\n */\nexport const TYPING_INDICATOR_TAG = 'ore-typing-indicator' as const;\ndefine<OreTypingIndicatorProps>(TYPING_INDICATOR_TAG, {\n  props: {\n    ...themableBundle,\n    ...sizableBundle,\n    label: prop.string('Typing…'),\n  },\n  setup(props) {\n    watch(\n      () => props.label.value,\n      (label) => announce(label ?? ''),\n      { immediate: true },\n    );\n\n    return html`\n      <span class=\"dots\" part=\"dots\" aria-hidden=\"true\">\n        <span class=\"dot\" part=\"dot\"></span>\n        <span class=\"dot\" part=\"dot\"></span>\n        <span class=\"dot\" part=\"dot\"></span>\n      </span>\n    `;\n  },\n  styles: [\n    colorThemeMixin,\n    reducedMotionMixin,\n    sizeVariantMixin({\n      lg: {\n        gap: 'var(--typing-indicator-gap, var(--size-1-5))',\n        size: 'var(--typing-indicator-size, var(--size-2-5))',\n      },\n      md: { gap: 'var(--typing-indicator-gap, var(--size-1))', size: 'var(--typing-indicator-size, var(--size-2))' },\n      sm: {\n        gap: 'var(--typing-indicator-gap, var(--size-1))',\n        size: 'var(--typing-indicator-size, var(--size-1-5))',\n      },\n    }),\n    componentStyles,\n  ],\n});\n"],"mappings":";;;;;;;;;AAkDA,IAAa,IAAuB;AACpC,EAAgC,GAAsB;CACpD,OAAO;EACL,GAAG;EACH,GAAG;EACH,OAAO,EAAK,OAAO,SAAS;CAC9B;CACA,MAAM,GAAO;EAOX,OANA,QACQ,EAAM,MAAM,QACjB,MAAU,EAAS,KAAS,EAAE,GAC/B,EAAE,WAAW,GAAK,CACpB,GAEO,CAAI;;;;;;;CAOb;CACA,QAAQ;EACN;EACA;EACA,EAAiB;GACf,IAAI;IACF,KAAK;IACL,MAAM;GACR;GACA,IAAI;IAAE,KAAK;IAA8C,MAAM;GAA8C;GAC7G,IAAI;IACF,KAAK;IACL,MAAM;GACR;EACF,CAAC;EACD;CACF;AACF,CAAC"}
+{"version":3,"file":"typing-indicator.js","names":[],"sources":["../src/feedback/typing-indicator/typing-indicator.ts"],"sourcesContent":["import { define, html, prop } from '@vielzeug/ore';\nimport { watch } from '@vielzeug/ripple/watch';\n\nimport type { ComponentSize, ThemeColor } from '../../types';\n\nimport { announce } from '../../core';\nimport { sizableBundle, themableBundle } from '../../shared';\nimport { colorThemeMixin, reducedMotionMixin, sizeVariantMixin } from '../../styles';\nimport componentStyles from './typing-indicator.css?inline';\n\n/** Typing indicator component properties */\nexport type OreTypingIndicatorProps = {\n  /** Theme color for the dots */\n  color?: ThemeColor;\n  /** Accessible label announced once via a polite live region (default: `\"Typing…\"`) */\n  label?: string;\n  /** Dot size preset */\n  size?: ComponentSize;\n};\n\n/**\n * Three bouncing dots signaling that the other side of a conversation is composing a reply —\n * the moment before any content exists. For a message whose content is already streaming in,\n * use `ore-chat-message`'s `streaming` attribute (a blinking cursor) instead.\n *\n * The dots are decorative (`aria-hidden`) — `label` is the entire accessibility contract,\n * announced through the shared singleton live region (`core/announcer.ts`) rather than a\n * static `aria-live` element in the template. A live region populated in the same paint as\n * its own insertion is unreliable across browsers/screen readers; routing through the shared\n * announcer (pre-existing region, clear-then-set) is the same pattern already used for other\n * transient status messages across this package.\n *\n * @element ore-typing-indicator\n *\n * @attr {string} label - Accessible label announced once via a polite live region (default: \"Typing…\")\n * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'\n * @attr {string} size - 'sm' | 'md' | 'lg'\n *\n * @cssprop --typing-indicator-color - Dot color\n * @cssprop --typing-indicator-size - Dot diameter\n * @cssprop --typing-indicator-gap - Gap between dots\n *\n * @part dots - Dots container.\n * @part dot - Individual dot element.\n * @example\n * ```html\n * <ore-typing-indicator></ore-typing-indicator>\n * <ore-typing-indicator label=\"Assistant is typing…\" color=\"primary\"></ore-typing-indicator>\n * ```\n */\nexport const TYPING_INDICATOR_TAG = 'ore-typing-indicator' as const;\ndefine<OreTypingIndicatorProps>(TYPING_INDICATOR_TAG, {\n  props: {\n    ...themableBundle,\n    ...sizableBundle,\n    label: prop.string('Typing…'),\n  },\n  setup(props) {\n    watch(\n      () => props.label.value,\n      (label) => announce(label ?? ''),\n      { immediate: true },\n    );\n\n    return html`\n      <span class=\"dots\" part=\"dots\" aria-hidden=\"true\">\n        <span class=\"dot\" part=\"dot\"></span>\n        <span class=\"dot\" part=\"dot\"></span>\n        <span class=\"dot\" part=\"dot\"></span>\n      </span>\n    `;\n  },\n  styles: [\n    colorThemeMixin,\n    reducedMotionMixin,\n    sizeVariantMixin({\n      lg: {\n        gap: 'var(--typing-indicator-gap, var(--size-1-5))',\n        size: 'var(--typing-indicator-size, var(--size-2-5))',\n      },\n      md: { gap: 'var(--typing-indicator-gap, var(--size-1))', size: 'var(--typing-indicator-size, var(--size-2))' },\n      sm: {\n        gap: 'var(--typing-indicator-gap, var(--size-1))',\n        size: 'var(--typing-indicator-size, var(--size-1-5))',\n      },\n    }),\n    componentStyles,\n  ],\n});\n"],"mappings":";;;;;;;;;AAkDA,IAAa,IAAuB;AACpC,EAAgC,GAAsB;CACpD,OAAO;EACL,GAAG;EACH,GAAG;EACH,OAAO,EAAK,OAAO,SAAS;CAC9B;CACA,MAAM,GAAO;EAOX,OANA,QACQ,EAAM,MAAM,QACjB,MAAU,EAAS,KAAS,EAAE,GAC/B,EAAE,WAAW,GAAK,CACpB,GAEO,CAAI;;;;;;;CAOb;CACA,QAAQ;EACN;EACA;EACA,EAAiB;GACf,IAAI;IACF,KAAK;IACL,MAAM;GACR;GACA,IAAI;IAAE,KAAK;IAA8C,MAAM;GAA8C;GAC7G,IAAI;IACF,KAAK;IACL,MAAM;GACR;EACF,CAAC;EACD;CACF;AACF,CAAC"}

package/dist/utils/link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs","names":[],"sources":["../../src/utils/link.ts"],"sourcesContent":["import { computed, type Readable } from '@vielzeug/ripple';\n\nimport type { LinkTarget } from '../shared';\n\n/**\n * Computes a safe `rel` attribute value for anchor elements.\n *\n * When `target=\"_blank\"`, automatically injects `noopener` and `noreferrer`\n * to prevent reverse tabnapping attacks (the opened page accessing\n * `window.opener` to redirect the origin).\n *\n * @param rel    - The explicit `rel` prop value (may be undefined).\n * @param target - The link `target` prop value (may be undefined).\n * @returns A `rel` string with security tokens merged in, or `null` when no\n *          rel is needed.\n */\nexport function computeSafeRel(rel: string | undefined, target: string | undefined): string | null {\n  const base = rel ?? '';\n\n  if (target !== '_blank') return base || null;\n\n  const parts = new Set(base.split(/\\s+/).filter(Boolean));\n\n  parts.add('noopener');\n  parts.add('noreferrer');\n\n  return [...parts].join(' ');\n}\n\n/**\n * Props required by any component that renders as an anchor when `href` is set.\n * Import and spread into your component's props type to get consistent link support.\n */\nexport type LinkProps = {\n  /** When set, the component renders as an `<a>` instead of its default element. */\n  href?: string;\n  /** Anchor `rel` attribute. `noopener noreferrer` is automatically added for `target=\"_blank\"`. */\n  rel?: string;\n  /** Anchor browsing context. */\n  target?: LinkTarget;\n};\n\n/**\n * Derives computed link state from reactive `href`, `rel`, and `target` signals.\n *\n * Returns:\n * - `isLink` — true when `href` is set (and optionally not disabled)\n * - `effectiveRel` — `rel` merged with security tokens when `target=\"_blank\"`\n *\n * @example\n * ```ts\n * const { isLink, effectiveRel } = useLinkProps(props.href, props.rel, props.target);\n * ```\n */\nexport function useLinkProps(\n  href: Readable<string | undefined>,\n  rel: Readable<string | undefined>,\n  target: Readable<LinkTarget | undefined>,\n  disabled?: Readable<boolean>,\n) {\n  const isLink = computed(() => !!href.value && !disabled?.value);\n  const effectiveRel = computed(() => computeSafeRel(rel.value, target.value));\n\n  return { effectiveRel, isLink };\n}\n"],"mappings":"kCAgBA,SAAgB,EAAe,EAAyB,EAA2C,CACjG,IAAM,EAAO,GAAO,GAEpB,GAAI,IAAW,SAAU,OAAO,GAAQ,KAExC,IAAM,EAAQ,IAAI,IAAI,EAAK,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,CAAC,EAKvD,OAHA,EAAM,IAAI,UAAU,EACpB,EAAM,IAAI,YAAY,EAEf,CAAC,GAAG,CAAK,CAAC,CAAC,KAAK,GAAG,CAC5B,CA2BA,SAAgB,EACd,EACA,EACA,EACA,EACA,CACA,IAAM,GAAA,EAAA,EAAA,SAAA,KAAwB,CAAC,CAAC,EAAK,OAAS,CAAC,GAAU,KAAK,EAG9D,MAAO,CAAE,cAAA,EAAA,EAAA,SAAA,KAF2B,EAAe,EAAI,MAAO,EAAO,KAAK,CAEjE,EAAc,QAAO,CAChC"}
+{"version":3,"file":"link.cjs","names":[],"sources":["../../src/utils/link.ts"],"sourcesContent":["import { computed, type Readable } from '@vielzeug/ripple';\n\nimport type { LinkTarget } from '../shared';\n\n/**\n * Computes a safe `rel` attribute value for anchor elements.\n *\n * When `target=\"_blank\"`, automatically injects `noopener` and `noreferrer`\n * to prevent reverse tabnapping attacks (the opened page accessing\n * `window.opener` to redirect the origin).\n *\n * @param rel    - The explicit `rel` prop value (may be undefined).\n * @param target - The link `target` prop value (may be undefined).\n * @returns A `rel` string with security tokens merged in, or `null` when no\n *          rel is needed.\n */\nexport function computeSafeRel(rel: string | undefined, target: string | undefined): string | null {\n  const base = rel ?? '';\n\n  if (target !== '_blank') return base || null;\n\n  const parts = new Set(base.split(/\\s+/).filter(Boolean));\n\n  parts.add('noopener');\n  parts.add('noreferrer');\n\n  return [...parts].join(' ');\n}\n\n/**\n * Props required by any component that renders as an anchor when `href` is set.\n * Import and spread into your component's props type to get consistent link support.\n */\nexport type LinkProps = {\n  /** When set, the component renders as an `<a>` instead of its default element. */\n  href?: string;\n  /** Anchor `rel` attribute. `noopener noreferrer` is automatically added for `target=\"_blank\"`. */\n  rel?: string;\n  /** Anchor browsing context. */\n  target?: LinkTarget;\n};\n\n/**\n * Derives computed link state from reactive `href`, `rel`, and `target` signals.\n *\n * Returns:\n * - `isLink` — true when `href` is set (and optionally not disabled)\n * - `effectiveRel` — `rel` merged with security tokens when `target=\"_blank\"`\n *\n * @example\n * ```ts\n * const { isLink, effectiveRel } = useLinkProps(props.href, props.rel, props.target);\n * ```\n */\nexport function useLinkProps(\n  href: Readable<string | undefined>,\n  rel: Readable<string | undefined>,\n  target: Readable<LinkTarget | undefined>,\n  disabled?: Readable<boolean>,\n) {\n  const isLink = computed(() => !!href.value && !disabled?.value);\n  const effectiveRel = computed(() => computeSafeRel(rel.value, target.value));\n\n  return { effectiveRel, isLink };\n}\n"],"mappings":"kCAgBA,SAAgB,EAAe,EAAyB,EAA2C,CACjG,IAAM,EAAO,GAAO,GAEpB,GAAI,IAAW,SAAU,OAAO,GAAQ,KAExC,IAAM,EAAQ,IAAI,IAAI,EAAK,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,CAAC,EAKvD,OAHA,EAAM,IAAI,UAAU,EACpB,EAAM,IAAI,YAAY,EAEf,CAAC,GAAG,CAAK,CAAC,CAAC,KAAK,GAAG,CAC5B,CA2BA,SAAgB,EACd,EACA,EACA,EACA,EACA,CACA,IAAM,GAAA,EAAS,EAAA,SAAA,KAAe,CAAC,CAAC,EAAK,OAAS,CAAC,GAAU,KAAK,EAG9D,MAAO,CAAE,cAAA,EAFY,EAAA,SAAA,KAAe,EAAe,EAAI,MAAO,EAAO,KAAK,CAEjE,EAAc,QAAO,CAChC"}

package/dist/utils/link.d.ts

@@ -38,7 +38,7 @@ export type LinkProps = {
  * ```
  */
 export declare function useLinkProps(href: Readable<string | undefined>, rel: Readable<string | undefined>, target: Readable<LinkTarget | undefined>, disabled?: Readable<boolean>): {
-    effectiveRel: import("@vielzeug/ripple").Computed<string | null>;
-    isLink: import("@vielzeug/ripple").Computed<boolean>;
+    effectiveRel: Readable<string | null>;
+    isLink: Readable<boolean>;
 };
 //# sourceMappingURL=link.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vielzeug/refine",
-  "version": "1.7.0",
+  "version": "2.0.0",
   "description": "Accessible, themeable web components built on Ore custom element primitives",
   "keywords": [
     "web-components",
@@ -31,42 +31,12 @@
     "dist"
   ],
   "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/*",
-        "./dist/types.d.ts"
-      ]
-    }
-  },
   "exports": {
     ".": {
-      "source": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
-    "./testing": {
-      "source": "./src/testing/index.ts",
-      "types": "./dist/testing/index.d.ts",
-      "import": "./dist/testing/index.js",
-      "require": "./dist/testing/index.cjs"
-    },
-    "./headless": {
-      "source": "./src/headless/index.ts",
-      "types": "./dist/headless/index.d.ts",
-      "import": "./dist/headless/index.js",
-      "require": "./dist/headless/index.cjs"
-    },
-    "./types": {
-      "source": "./src/types/index.ts",
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/types/index.js"
-    },
-    "./styles": {
-      "import": "./dist/styles/styles.css",
-      "default": "./dist/styles/styles.css"
-    },
     "./styles/animation.css": {
       "import": "./dist/styles/animation.css",
       "default": "./dist/styles/animation.css"
@@ -79,382 +49,330 @@
       "import": "./dist/styles/preflight.css",
       "default": "./dist/styles/preflight.css"
     },
-    "./styles/styles.css": {
-      "import": "./dist/styles/styles.css",
-      "default": "./dist/styles/styles.css"
-    },
     "./styles/theme.css": {
       "import": "./dist/styles/theme.css",
       "default": "./dist/styles/theme.css"
     },
+    "./tokens.css": {
+      "import": "./dist/styles/tokens.css",
+      "default": "./dist/styles/tokens.css"
+    },
     "./accordion": {
-      "source": "./src/disclosure/accordion/accordion.ts",
       "import": "./dist/accordion.js",
       "require": "./dist/accordion.cjs",
       "types": "./dist/disclosure/accordion/accordion.d.ts"
     },
     "./accordion-item": {
-      "source": "./src/disclosure/accordion-item/accordion-item.ts",
       "import": "./dist/accordion-item.js",
       "require": "./dist/accordion-item.cjs",
       "types": "./dist/disclosure/accordion-item/accordion-item.d.ts"
     },
     "./alert": {
-      "source": "./src/feedback/alert/alert.ts",
       "import": "./dist/alert.js",
       "require": "./dist/alert.cjs",
       "types": "./dist/feedback/alert/alert.d.ts"
     },
     "./async": {
-      "source": "./src/feedback/async/async.ts",
       "import": "./dist/async.js",
       "require": "./dist/async.cjs",
       "types": "./dist/feedback/async/async.d.ts"
     },
     "./avatar": {
-      "source": "./src/content/avatar/avatar.ts",
       "import": "./dist/avatar.js",
       "require": "./dist/avatar.cjs",
       "types": "./dist/content/avatar/avatar.d.ts"
     },
     "./avatar-group": {
-      "source": "./src/content/avatar/avatar.ts",
       "import": "./dist/avatar-group.js",
       "require": "./dist/avatar-group.cjs",
-      "types": "./dist/content/avatar/avatar.d.ts"
+      "types": "./dist/content/avatar/avatar-group.d.ts"
     },
     "./badge": {
-      "source": "./src/feedback/badge/badge.ts",
       "import": "./dist/badge.js",
       "require": "./dist/badge.cjs",
       "types": "./dist/feedback/badge/badge.d.ts"
     },
     "./password-strength": {
-      "source": "./src/feedback/password-strength/password-strength.ts",
       "import": "./dist/password-strength.js",
       "require": "./dist/password-strength.cjs",
       "types": "./dist/feedback/password-strength/password-strength.d.ts"
     },
     "./box": {
-      "source": "./src/layout/box/box.ts",
       "import": "./dist/box.js",
       "require": "./dist/box.cjs",
       "types": "./dist/layout/box/box.d.ts"
     },
     "./breadcrumb": {
-      "source": "./src/content/breadcrumb/breadcrumb.ts",
       "import": "./dist/breadcrumb.js",
       "require": "./dist/breadcrumb.cjs",
       "types": "./dist/content/breadcrumb/breadcrumb.d.ts"
     },
     "./button": {
-      "source": "./src/inputs/button/button.ts",
       "import": "./dist/button.js",
       "require": "./dist/button.cjs",
       "types": "./dist/inputs/button/button.d.ts"
     },
     "./button-group": {
-      "source": "./src/inputs/button-group/button-group.ts",
       "import": "./dist/button-group.js",
       "require": "./dist/button-group.cjs",
       "types": "./dist/inputs/button-group/button-group.d.ts"
     },
     "./calendar": {
-      "source": "./src/inputs/calendar/calendar.ts",
       "import": "./dist/calendar.js",
       "require": "./dist/calendar.cjs",
       "types": "./dist/inputs/calendar/calendar.d.ts"
     },
     "./card": {
-      "source": "./src/content/card/card.ts",
       "import": "./dist/card.js",
       "require": "./dist/card.cjs",
       "types": "./dist/content/card/card.d.ts"
     },
     "./carousel": {
-      "source": "./src/content/carousel/carousel.ts",
       "import": "./dist/carousel.js",
       "require": "./dist/carousel.cjs",
       "types": "./dist/content/carousel/carousel.d.ts"
     },
+    "./marquee": {
+      "import": "./dist/marquee.js",
+      "require": "./dist/marquee.cjs",
+      "types": "./dist/content/marquee/marquee.d.ts"
+    },
     "./chat-message": {
-      "source": "./src/content/chat-message/chat-message.ts",
       "import": "./dist/chat-message.js",
       "require": "./dist/chat-message.cjs",
       "types": "./dist/content/chat-message/chat-message.d.ts"
     },
     "./checkbox": {
-      "source": "./src/inputs/checkbox/checkbox.ts",
       "import": "./dist/checkbox.js",
       "require": "./dist/checkbox.cjs",
       "types": "./dist/inputs/checkbox/checkbox.d.ts"
     },
     "./checkbox-group": {
-      "source": "./src/inputs/checkbox-group/checkbox-group.ts",
       "import": "./dist/checkbox-group.js",
       "require": "./dist/checkbox-group.cjs",
       "types": "./dist/inputs/checkbox-group/checkbox-group.d.ts"
     },
     "./chip": {
-      "source": "./src/feedback/chip/chip.ts",
       "import": "./dist/chip.js",
       "require": "./dist/chip.cjs",
       "types": "./dist/feedback/chip/chip.d.ts"
     },
     "./code-window": {
-      "source": "./src/content/code-window/code-window.ts",
       "import": "./dist/code-window.js",
       "require": "./dist/code-window.cjs",
       "types": "./dist/content/code-window/code-window.d.ts"
     },
     "./copy-command": {
-      "source": "./src/content/copy-command/copy-command.ts",
       "import": "./dist/copy-command.js",
       "require": "./dist/copy-command.cjs",
       "types": "./dist/content/copy-command/copy-command.d.ts"
     },
     "./combobox": {
-      "source": "./src/inputs/combobox/combobox.ts",
       "import": "./dist/combobox.js",
       "require": "./dist/combobox.cjs",
       "types": "./dist/inputs/combobox/combobox.d.ts"
     },
     "./command-palette": {
-      "source": "./src/overlay/command-palette/command-palette.ts",
       "import": "./dist/command-palette.js",
       "require": "./dist/command-palette.cjs",
       "types": "./dist/overlay/command-palette/command-palette.d.ts"
     },
     "./datagrid": {
-      "source": "./src/inputs/datagrid/datagrid.ts",
       "import": "./dist/datagrid.js",
       "require": "./dist/datagrid.cjs",
       "types": "./dist/inputs/datagrid/datagrid.d.ts"
     },
     "./date-picker": {
-      "source": "./src/inputs/date-picker/date-picker.ts",
       "import": "./dist/date-picker.js",
       "require": "./dist/date-picker.cjs",
       "types": "./dist/inputs/date-picker/date-picker.d.ts"
     },
     "./dialog": {
-      "source": "./src/overlay/dialog/dialog.ts",
       "import": "./dist/dialog.js",
       "require": "./dist/dialog.cjs",
       "types": "./dist/overlay/dialog/dialog.d.ts"
     },
     "./drawer": {
-      "source": "./src/overlay/drawer/drawer.ts",
       "import": "./dist/drawer.js",
       "require": "./dist/drawer.cjs",
       "types": "./dist/overlay/drawer/drawer.d.ts"
     },
     "./file-input": {
-      "source": "./src/inputs/file-input/file-input.ts",
       "import": "./dist/file-input.js",
       "require": "./dist/file-input.cjs",
       "types": "./dist/inputs/file-input/file-input.d.ts"
     },
-    "./form": {
-      "source": "./src/inputs/form/form.ts",
-      "import": "./dist/form.js",
-      "require": "./dist/form.cjs",
-      "types": "./dist/inputs/form/form.d.ts"
-    },
     "./grid": {
-      "source": "./src/layout/grid/grid.ts",
       "import": "./dist/grid.js",
       "require": "./dist/grid.cjs",
       "types": "./dist/layout/grid/grid.d.ts"
     },
     "./grid-item": {
-      "source": "./src/layout/grid-item/grid-item.ts",
       "import": "./dist/grid-item.js",
       "require": "./dist/grid-item.cjs",
       "types": "./dist/layout/grid-item/grid-item.d.ts"
     },
     "./icon": {
-      "source": "./src/content/icon/icon.ts",
       "import": "./dist/icon.js",
       "require": "./dist/icon.cjs",
       "types": "./dist/content/icon/icon.d.ts"
     },
     "./input": {
-      "source": "./src/inputs/input/input.ts",
       "import": "./dist/input.js",
       "require": "./dist/input.cjs",
       "types": "./dist/inputs/input/input.d.ts"
     },
     "./list": {
-      "source": "./src/content/list/list.ts",
       "import": "./dist/list.js",
       "require": "./dist/list.cjs",
       "types": "./dist/content/list/list.d.ts"
     },
     "./list-item": {
-      "source": "./src/content/list/list-item.ts",
       "import": "./dist/list-item.js",
       "require": "./dist/list-item.cjs",
       "types": "./dist/content/list/list-item.d.ts"
     },
     "./menu": {
-      "source": "./src/overlay/menu/menu.ts",
       "import": "./dist/menu.js",
       "require": "./dist/menu.cjs",
       "types": "./dist/overlay/menu/menu.d.ts"
     },
     "./message-composer": {
-      "source": "./src/inputs/message-composer/message-composer.ts",
       "import": "./dist/message-composer.js",
       "require": "./dist/message-composer.cjs",
       "types": "./dist/inputs/message-composer/message-composer.d.ts"
     },
     "./navbar": {
-      "source": "./src/layout/navbar/navbar.ts",
       "import": "./dist/navbar.js",
       "require": "./dist/navbar.cjs",
       "types": "./dist/layout/navbar/navbar.d.ts"
     },
     "./number-input": {
-      "source": "./src/inputs/number-input/number-input.ts",
       "import": "./dist/number-input.js",
       "require": "./dist/number-input.cjs",
       "types": "./dist/inputs/number-input/number-input.d.ts"
     },
     "./otp-input": {
-      "source": "./src/inputs/otp-input/otp-input.ts",
       "import": "./dist/otp-input.js",
       "require": "./dist/otp-input.cjs",
       "types": "./dist/inputs/otp-input/otp-input.d.ts"
     },
     "./pagination": {
-      "source": "./src/content/pagination/pagination.ts",
       "import": "./dist/pagination.js",
       "require": "./dist/pagination.cjs",
       "types": "./dist/content/pagination/pagination.d.ts"
     },
     "./popover": {
-      "source": "./src/overlay/popover/popover.ts",
       "import": "./dist/popover.js",
       "require": "./dist/popover.cjs",
       "types": "./dist/overlay/popover/popover.d.ts"
     },
     "./progress": {
-      "source": "./src/feedback/progress/progress.ts",
       "import": "./dist/progress.js",
       "require": "./dist/progress.cjs",
       "types": "./dist/feedback/progress/progress.d.ts"
     },
     "./radio": {
-      "source": "./src/inputs/radio/radio.ts",
       "import": "./dist/radio.js",
       "require": "./dist/radio.cjs",
       "types": "./dist/inputs/radio/radio.d.ts"
     },
     "./radio-group": {
-      "source": "./src/inputs/radio-group/radio-group.ts",
       "import": "./dist/radio-group.js",
       "require": "./dist/radio-group.cjs",
       "types": "./dist/inputs/radio-group/radio-group.d.ts"
     },
     "./rating": {
-      "source": "./src/inputs/rating/rating.ts",
       "import": "./dist/rating.js",
       "require": "./dist/rating.cjs",
       "types": "./dist/inputs/rating/rating.d.ts"
     },
     "./select": {
-      "source": "./src/inputs/select/select.ts",
       "import": "./dist/select.js",
       "require": "./dist/select.cjs",
       "types": "./dist/inputs/select/select.d.ts"
     },
     "./separator": {
-      "source": "./src/content/separator/separator.ts",
       "import": "./dist/separator.js",
       "require": "./dist/separator.cjs",
       "types": "./dist/content/separator/separator.d.ts"
     },
     "./skeleton": {
-      "source": "./src/feedback/skeleton/skeleton.ts",
       "import": "./dist/skeleton.js",
       "require": "./dist/skeleton.cjs",
       "types": "./dist/feedback/skeleton/skeleton.d.ts"
     },
     "./slider": {
-      "source": "./src/inputs/slider/slider.ts",
       "import": "./dist/slider.js",
       "require": "./dist/slider.cjs",
       "types": "./dist/inputs/slider/slider.d.ts"
     },
     "./sidebar": {
-      "source": "./src/layout/sidebar/sidebar.ts",
       "import": "./dist/sidebar.js",
       "require": "./dist/sidebar.cjs",
       "types": "./dist/layout/sidebar/sidebar.d.ts"
     },
+    "./step": {
+      "import": "./dist/step.js",
+      "require": "./dist/step.cjs",
+      "types": "./dist/content/stepper/step.d.ts"
+    },
+    "./stepper": {
+      "import": "./dist/stepper.js",
+      "require": "./dist/stepper.cjs",
+      "types": "./dist/content/stepper/stepper.d.ts"
+    },
     "./switch": {
-      "source": "./src/inputs/switch/switch.ts",
       "import": "./dist/switch.js",
       "require": "./dist/switch.cjs",
       "types": "./dist/inputs/switch/switch.d.ts"
     },
     "./tab-item": {
-      "source": "./src/disclosure/tab-item/tab-item.ts",
       "import": "./dist/tab-item.js",
       "require": "./dist/tab-item.cjs",
       "types": "./dist/disclosure/tab-item/tab-item.d.ts"
     },
     "./tab-panel": {
-      "source": "./src/disclosure/tab-panel/tab-panel.ts",
       "import": "./dist/tab-panel.js",
       "require": "./dist/tab-panel.cjs",
       "types": "./dist/disclosure/tab-panel/tab-panel.d.ts"
     },
     "./table": {
-      "source": "./src/content/table/table.ts",
       "import": "./dist/table.js",
       "require": "./dist/table.cjs",
       "types": "./dist/content/table/table.d.ts"
     },
     "./tabs": {
-      "source": "./src/disclosure/tabs/tabs.ts",
       "import": "./dist/tabs.js",
       "require": "./dist/tabs.cjs",
       "types": "./dist/disclosure/tabs/tabs.d.ts"
     },
     "./text": {
-      "source": "./src/content/text/text.ts",
       "import": "./dist/text.js",
       "require": "./dist/text.cjs",
       "types": "./dist/content/text/text.d.ts"
     },
     "./textarea": {
-      "source": "./src/inputs/textarea/textarea.ts",
       "import": "./dist/textarea.js",
       "require": "./dist/textarea.cjs",
       "types": "./dist/inputs/textarea/textarea.d.ts"
     },
     "./time-picker": {
-      "source": "./src/inputs/time-picker/time-picker.ts",
       "import": "./dist/time-picker.js",
       "require": "./dist/time-picker.cjs",
       "types": "./dist/inputs/time-picker/time-picker.d.ts"
     },
     "./toast": {
-      "source": "./src/feedback/toast/toast.ts",
       "import": "./dist/toast.js",
       "require": "./dist/toast.cjs",
       "types": "./dist/feedback/toast/toast.d.ts"
     },
     "./tooltip": {
-      "source": "./src/overlay/tooltip/tooltip.ts",
       "import": "./dist/tooltip.js",
       "require": "./dist/tooltip.cjs",
       "types": "./dist/overlay/tooltip/tooltip.d.ts"
     },
     "./typing-indicator": {
-      "source": "./src/feedback/typing-indicator/typing-indicator.ts",
       "import": "./dist/typing-indicator.js",
       "require": "./dist/typing-indicator.cjs",
       "types": "./dist/feedback/typing-indicator/typing-indicator.d.ts"
@@ -462,7 +380,7 @@
   },
   "scripts": {
     "analyze": "custom-elements-manifest analyze --config scripts/refine-manifest.mjs",
-    "build": "pnpm run sync:theme && pnpm run check:theme && pnpm run sync:exports && pnpm run check:manifest && vite build && pnpm run build:bundle && cp -r src/styles/*.css dist/styles && pnpm run build:types && pnpm run analyze",
+    "build": "pnpm run check:theme && pnpm run check:manifest && vite build && pnpm run build:bundle && cp -r src/styles/*.css dist/styles && pnpm run build:types && pnpm run analyze",
     "build:types": "tsc -p tsconfig.declarations.json",
     "check:manifest": "node ./scripts/refine-manifest.mjs check-exports",
     "check:theme": "node ./scripts/theme-tokens.mjs check",
@@ -478,29 +396,30 @@
     "build:bundle:watch": "vite build --watch --config vite.bundle.config.ts"
   },
   "dependencies": {
-    "@vielzeug/arsenal": "1.1.2",
+    "@vielzeug/arsenal": "2.0.0",
+    "@vielzeug/assay": "2.0.0",
     "@vielzeug/dnd": "1.2.2",
     "@vielzeug/keymap": "1.1.2",
-    "@vielzeug/orbit": "1.1.2",
-    "@vielzeug/ore": "1.2.3",
-    "@vielzeug/ripple": "1.2.3",
-    "@vielzeug/tempo": "1.0.4",
-    "lucide": "^1.23.0"
+    "@vielzeug/orbit": "1.1.4",
+    "@vielzeug/ore": "2.0.0",
+    "@vielzeug/ripple": "2.0.0",
+    "@vielzeug/tempo": "1.0.5",
+    "lucide": "^1.28.0"
   },
   "devDependencies": {
-    "@types/node": "^22.20.1",
+    "@types/node": "^26.1.2",
     "@axe-core/playwright": "^4.12.1",
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@playwright/test": "^1.61.1",
+    "@playwright/test": "^1.62.1",
     "@types/culori": "^4.0.1",
     "axe-core": "^4.12.1",
-    "browserslist": "^4.28.5",
+    "browserslist": "^4.28.7",
     "culori": "^4.0.2",
-    "lightningcss": "^1.32.0",
-    "prettier": "^3.9.5",
-    "stylelint": "^17.14.0",
+    "lightningcss": "^1.33.0",
+    "prettier": "^3.9.6",
+    "stylelint": "^17.14.1",
     "typescript": "^6.0.3",
-    "vite": "^8.1.3",
+    "vite": "^8.2.0",
     "vitest": "^4.1.10"
   },
   "sideEffects": [

package/dist/form.cjs

@@ -1,11 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./inputs/shared/form-context.cjs"),t=require("./inputs/form/form.css.cjs");let n=require("@vielzeug/ore"),r=require("@vielzeug/ripple");var i=`ore-form`;(0,n.define)(i,{props:{disabled:n.prop.bool(!1),novalidate:n.prop.bool(!1),orientation:n.prop.oneOf([`horizontal`,`vertical`],`vertical`),size:n.prop.string(),validateOn:n.prop.oneOf([`submit`,`change`,`blur`,`input`],`submit`),variant:n.prop.string()},setup(t){let i=(0,n.getHost)(),a=(0,n.useEmit)(),o=i.shadowRoot;(0,n.bind)({attr:{orientation:t.orientation}}),(0,n.provide)(e.FORM_CTX,{disabled:(0,r.computed)(()=>!!t.disabled.value),size:t.size,validateOn:(0,r.computed)(()=>t.validateOn.value??`submit`),variant:t.variant});function s(e){let t=e,n=o?.querySelector(`form`);if(!n)return;e.preventDefault();let r=new FormData(n);a(`submit`,{formData:r,originalEvent:t})}function c(e){a(`reset`,{originalEvent:e})}return n.html`
-      <form
-        part="form"
-        :novalidate="${t.novalidate}"
-        :aria-disabled="${()=>t.disabled.value?`true`:null}"
-        @submit="${s}"
-        @reset="${c}">
-        <slot></slot>
-      </form>
-    `},shadow:{delegatesFocus:!1},styles:[t.default]}),exports.FORM_TAG=i;
-//# sourceMappingURL=form.cjs.map

package/dist/form.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.cjs","names":[],"sources":["../src/inputs/form/form.ts"],"sourcesContent":["import { define, html, prop, bind, getHost, provide, useEmit } from '@vielzeug/ore';\nimport { computed } from '@vielzeug/ripple';\n\nimport type { ValidationTrigger } from '../../headless';\nimport type { ComponentSize, VisualVariant } from '../../types';\n\nimport { FORM_CTX } from '../shared/form-context';\nimport componentStyles from './form.css?inline';\n\n/** Form component properties */\nexport type OreFormProps = {\n  /** Disabled state */\n  disabled?: boolean;\n  /** No validate */\n  novalidate?: boolean;\n  /** Layout orientation for child fields */\n  orientation?: 'horizontal' | 'vertical';\n  /** Form size preset */\n  size?: ComponentSize;\n  /** Validate on: 'submit' | 'change' | 'blur' | 'input' */\n  validateOn?: ValidationTrigger;\n  /** Form visual variant — propagated to all child form fields via FormContext */\n  variant?: VisualVariant;\n};\n\n/** Events emitted by the form component */\nexport type OreFormEvents = {\n  /** Emitted when the form is reset */\n  reset: { originalEvent: Event };\n  /** Emitted when the form is submitted */\n  submit: { formData: FormData; originalEvent: SubmitEvent };\n};\n\n/**\n * A wrapper for standard HTML form that provides context to child ore-* form fields.\n * Manages shared state like size, variant, and validation timing.\n *\n * @element ore-form\n *\n * @attr {boolean} disabled - Disable all child fields\n * @attr {boolean} novalidate - Disable native browser validation\n * @attr {string} validate-on - When to trigger validation: 'submit' | 'change' | 'blur' | 'input' (default: 'submit')\n *\n * @fires submit - detail: { formData, originalEvent }\n * @fires reset - detail: { originalEvent }\n *\n * @slot - Form controls and content rendered inside the form element.\n * @cssprop --form-gap - Gap between form control rows\n * @part form - Form root element.\n * @example\n * ```html\n * <ore-form @submit=${(e) => console.log(e.detail.formData)}>\n *   <ore-input name=\"username\" label=\"Username\" required></ore-input>\n *   <ore-select name=\"role\" label=\"Role\">\n *     <option value=\"user\">User</option>\n *     <option value=\"admin\">Admin</option>\n *   </ore-select>\n *   <ore-button type=\"submit\">Submit</ore-button>\n * </ore-form>\n * ```\n */\nexport const FORM_TAG = 'ore-form' as const;\ndefine<OreFormProps>(FORM_TAG, {\n  props: {\n    disabled: prop.bool(false),\n    novalidate: prop.bool(false),\n    orientation: prop.oneOf(['horizontal', 'vertical'] as const, 'vertical'),\n    size: prop.string<ComponentSize>(),\n    validateOn: prop.oneOf(['submit', 'change', 'blur', 'input'] as const, 'submit'),\n    variant: prop.string<VisualVariant>(),\n  },\n  setup(props) {\n    const el = getHost();\n    const emit = useEmit<OreFormEvents>();\n\n    const shadowRoot = el.shadowRoot;\n\n    // Reflect orientation to host so CSS and tests can read it\n    bind({ attr: { orientation: props.orientation } });\n    // Provide context to all child ore-* form fields\n    provide(FORM_CTX, {\n      disabled: computed(() => Boolean(props.disabled.value)),\n      size: props.size,\n      validateOn: computed(() => props.validateOn.value ?? 'submit'),\n      variant: props.variant,\n    });\n\n    function handleSubmit(e: Event) {\n      const submitEvent = e as SubmitEvent;\n      const formEl = shadowRoot?.querySelector('form');\n\n      if (!formEl) return;\n\n      e.preventDefault();\n\n      const formData = new FormData(formEl);\n\n      emit('submit', { formData, originalEvent: submitEvent });\n    }\n\n    function handleReset(e: Event) {\n      emit('reset', { originalEvent: e });\n    }\n\n    return html`\n      <form\n        part=\"form\"\n        :novalidate=\"${props.novalidate}\"\n        :aria-disabled=\"${() => (props.disabled.value ? 'true' : null)}\"\n        @submit=\"${handleSubmit}\"\n        @reset=\"${handleReset}\">\n        <slot></slot>\n      </form>\n    `;\n  },\n  shadow: { delegatesFocus: false },\n  styles: [componentStyles],\n});\n"],"mappings":"4NA6DA,IAAa,EAAW,wBACH,EAAU,CAC7B,MAAO,CACL,SAAU,EAAA,KAAK,KAAK,EAAK,EACzB,WAAY,EAAA,KAAK,KAAK,EAAK,EAC3B,YAAa,EAAA,KAAK,MAAM,CAAC,aAAc,UAAU,EAAY,UAAU,EACvE,KAAM,EAAA,KAAK,OAAsB,EACjC,WAAY,EAAA,KAAK,MAAM,CAAC,SAAU,SAAU,OAAQ,OAAO,EAAY,QAAQ,EAC/E,QAAS,EAAA,KAAK,OAAsB,CACtC,EACA,MAAM,EAAO,CACX,IAAM,GAAA,EAAA,EAAA,QAAA,CAAa,EACb,GAAA,EAAA,EAAA,QAAA,CAA8B,EAE9B,EAAa,EAAG,YAGtB,EAAA,EAAA,KAAA,CAAK,CAAE,KAAM,CAAE,YAAa,EAAM,WAAY,CAAE,CAAC,GAEjD,EAAA,EAAA,QAAA,CAAQ,EAAA,SAAU,CAChB,UAAA,EAAA,EAAA,SAAA,KAAyB,EAAQ,EAAM,SAAS,KAAM,EACtD,KAAM,EAAM,KACZ,YAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,WAAW,OAAS,QAAQ,EAC7D,QAAS,EAAM,OACjB,CAAC,EAED,SAAS,EAAa,EAAU,CAC9B,IAAM,EAAc,EACd,EAAS,GAAY,cAAc,MAAM,EAE/C,GAAI,CAAC,EAAQ,OAEb,EAAE,eAAe,EAEjB,IAAM,EAAW,IAAI,SAAS,CAAM,EAEpC,EAAK,SAAU,CAAE,WAAU,cAAe,CAAY,CAAC,CACzD,CAEA,SAAS,EAAY,EAAU,CAC7B,EAAK,QAAS,CAAE,cAAe,CAAE,CAAC,CACpC,CAEA,MAAO,GAAA,IAAI;;;uBAGQ,EAAM,WAAW;8BACP,EAAM,SAAS,MAAQ,OAAS,KAAM;mBACpD,EAAa;kBACd,EAAY;;;KAI5B,EACA,OAAQ,CAAE,eAAgB,EAAM,EAChC,OAAQ,CAAC,EAAA,OAAe,CAC1B,CAAC"}

package/dist/form.js

@@ -1,59 +0,0 @@
-import { FORM_CTX as e } from "./inputs/shared/form-context.js";
-import t from "./inputs/form/form.css.js";
-import { bind as n, define as r, getHost as i, html as a, prop as o, provide as s, useEmit as c } from "@vielzeug/ore";
-import { computed as l } from "@vielzeug/ripple";
-//#region src/inputs/form/form.ts
-var u = "ore-form";
-r(u, {
-	props: {
-		disabled: o.bool(!1),
-		novalidate: o.bool(!1),
-		orientation: o.oneOf(["horizontal", "vertical"], "vertical"),
-		size: o.string(),
-		validateOn: o.oneOf([
-			"submit",
-			"change",
-			"blur",
-			"input"
-		], "submit"),
-		variant: o.string()
-	},
-	setup(t) {
-		let r = i(), o = c(), u = r.shadowRoot;
-		n({ attr: { orientation: t.orientation } }), s(e, {
-			disabled: l(() => !!t.disabled.value),
-			size: t.size,
-			validateOn: l(() => t.validateOn.value ?? "submit"),
-			variant: t.variant
-		});
-		function d(e) {
-			let t = e, n = u?.querySelector("form");
-			if (!n) return;
-			e.preventDefault();
-			let r = new FormData(n);
-			o("submit", {
-				formData: r,
-				originalEvent: t
-			});
-		}
-		function f(e) {
-			o("reset", { originalEvent: e });
-		}
-		return a`
-      <form
-        part="form"
-        :novalidate="${t.novalidate}"
-        :aria-disabled="${() => t.disabled.value ? "true" : null}"
-        @submit="${d}"
-        @reset="${f}">
-        <slot></slot>
-      </form>
-    `;
-	},
-	shadow: { delegatesFocus: !1 },
-	styles: [t]
-});
-//#endregion
-export { u as FORM_TAG };
-
-//# sourceMappingURL=form.js.map