@vielzeug/refine 2.0.2 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vielzeug/refine",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "Accessible, themeable web components built on Ore custom element primitives",
   "keywords": [
     "web-components",
@@ -57,6 +57,15 @@
       "import": "./dist/styles/tokens.css",
       "default": "./dist/styles/tokens.css"
     },
+    "./frameworks/elements": {
+      "types": "./dist/frameworks/elements.d.ts"
+    },
+    "./frameworks/react": {
+      "types": "./dist/frameworks/react.d.ts"
+    },
+    "./frameworks/vue": {
+      "types": "./dist/frameworks/vue.d.ts"
+    },
     "./accordion": {
       "import": "./dist/accordion.js",
       "require": "./dist/accordion.cjs",
@@ -92,11 +101,6 @@
       "require": "./dist/badge.cjs",
       "types": "./dist/feedback/badge/badge.d.ts"
     },
-    "./password-strength": {
-      "import": "./dist/password-strength.js",
-      "require": "./dist/password-strength.cjs",
-      "types": "./dist/feedback/password-strength/password-strength.d.ts"
-    },
     "./box": {
       "import": "./dist/box.js",
       "require": "./dist/box.cjs",
@@ -132,11 +136,6 @@
       "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": {
       "import": "./dist/chat-message.js",
       "require": "./dist/chat-message.cjs",
@@ -162,11 +161,6 @@
       "require": "./dist/code-window.cjs",
       "types": "./dist/content/code-window/code-window.d.ts"
     },
-    "./copy-command": {
-      "import": "./dist/copy-command.js",
-      "require": "./dist/copy-command.cjs",
-      "types": "./dist/content/copy-command/copy-command.d.ts"
-    },
     "./combobox": {
       "import": "./dist/combobox.js",
       "require": "./dist/combobox.cjs",
@@ -177,6 +171,11 @@
       "require": "./dist/command-palette.cjs",
       "types": "./dist/overlay/command-palette/command-palette.d.ts"
     },
+    "./copy-command": {
+      "import": "./dist/copy-command.js",
+      "require": "./dist/copy-command.cjs",
+      "types": "./dist/content/copy-command/copy-command.d.ts"
+    },
     "./datagrid": {
       "import": "./dist/datagrid.js",
       "require": "./dist/datagrid.cjs",
@@ -232,6 +231,11 @@
       "require": "./dist/list-item.cjs",
       "types": "./dist/content/list/list-item.d.ts"
     },
+    "./marquee": {
+      "import": "./dist/marquee.js",
+      "require": "./dist/marquee.cjs",
+      "types": "./dist/content/marquee/marquee.d.ts"
+    },
     "./menu": {
       "import": "./dist/menu.js",
       "require": "./dist/menu.cjs",
@@ -247,6 +251,11 @@
       "require": "./dist/navbar.cjs",
       "types": "./dist/layout/navbar/navbar.d.ts"
     },
+    "./navigation-menu": {
+      "import": "./dist/navigation-menu.js",
+      "require": "./dist/navigation-menu.cjs",
+      "types": "./dist/overlay/navigation-menu/navigation-menu.d.ts"
+    },
     "./number-input": {
       "import": "./dist/number-input.js",
       "require": "./dist/number-input.cjs",
@@ -262,6 +271,11 @@
       "require": "./dist/pagination.cjs",
       "types": "./dist/content/pagination/pagination.d.ts"
     },
+    "./password-strength": {
+      "import": "./dist/password-strength.js",
+      "require": "./dist/password-strength.cjs",
+      "types": "./dist/feedback/password-strength/password-strength.d.ts"
+    },
     "./popover": {
       "import": "./dist/popover.js",
       "require": "./dist/popover.cjs",
@@ -297,6 +311,11 @@
       "require": "./dist/separator.cjs",
       "types": "./dist/content/separator/separator.d.ts"
     },
+    "./sidebar": {
+      "import": "./dist/sidebar.js",
+      "require": "./dist/sidebar.cjs",
+      "types": "./dist/layout/sidebar/sidebar.d.ts"
+    },
     "./skeleton": {
       "import": "./dist/skeleton.js",
       "require": "./dist/skeleton.cjs",
@@ -307,11 +326,6 @@
       "require": "./dist/slider.cjs",
       "types": "./dist/inputs/slider/slider.d.ts"
     },
-    "./sidebar": {
-      "import": "./dist/sidebar.js",
-      "require": "./dist/sidebar.cjs",
-      "types": "./dist/layout/sidebar/sidebar.d.ts"
-    },
     "./step": {
       "import": "./dist/step.js",
       "require": "./dist/step.cjs",
@@ -380,12 +394,14 @@
   },
   "scripts": {
     "analyze": "custom-elements-manifest analyze --config scripts/refine-manifest.mjs",
-    "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": "pnpm run check:theme && pnpm run check:manifest && pnpm run check:css-contract && vite build && pnpm run build:bundle && cp -r src/styles/*.css dist/styles && pnpm run build:types && pnpm run analyze && pnpm run gen:framework-types",
     "build:types": "tsc -p tsconfig.declarations.json",
+    "check:css-contract": "node ./scripts/check-css-contract.mjs",
     "check:manifest": "node ./scripts/refine-manifest.mjs check-exports",
     "check:theme": "node ./scripts/theme-tokens.mjs check",
     "dev": "vite",
     "fix": "eslint --fix src",
+    "gen:framework-types": "node ./scripts/generate-framework-types.mjs",
     "lint": "eslint src",
     "preview": "vite preview",
     "sync:exports": "node ./scripts/refine-manifest.mjs sync-exports",
@@ -400,9 +416,9 @@
     "@vielzeug/assay": "2.0.1",
     "@vielzeug/dnd": "2.0.0",
     "@vielzeug/keymap": "2.0.0",
-    "@vielzeug/orbit": "2.0.0",
-    "@vielzeug/ore": "2.0.2",
-    "@vielzeug/ripple": "2.0.1",
+    "@vielzeug/orbit": "2.0.1",
+    "@vielzeug/ore": "2.0.3",
+    "@vielzeug/ripple": "2.1.0",
     "@vielzeug/tempo": "2.0.0",
     "lucide": "^1.28.0"
   },
@@ -429,6 +445,15 @@
   ],
   "typesVersions": {
     "*": {
+      "frameworks/elements": [
+        "dist/frameworks/elements.d.ts"
+      ],
+      "frameworks/react": [
+        "dist/frameworks/react.d.ts"
+      ],
+      "frameworks/vue": [
+        "dist/frameworks/vue.d.ts"
+      ],
       "accordion": [
         "dist/disclosure/accordion/accordion.d.ts"
       ],
@@ -450,9 +475,6 @@
       "badge": [
         "dist/feedback/badge/badge.d.ts"
       ],
-      "password-strength": [
-        "dist/feedback/password-strength/password-strength.d.ts"
-      ],
       "box": [
         "dist/layout/box/box.d.ts"
       ],
@@ -474,9 +496,6 @@
       "carousel": [
         "dist/content/carousel/carousel.d.ts"
       ],
-      "marquee": [
-        "dist/content/marquee/marquee.d.ts"
-      ],
       "chat-message": [
         "dist/content/chat-message/chat-message.d.ts"
       ],
@@ -492,15 +511,15 @@
       "code-window": [
         "dist/content/code-window/code-window.d.ts"
       ],
-      "copy-command": [
-        "dist/content/copy-command/copy-command.d.ts"
-      ],
       "combobox": [
         "dist/inputs/combobox/combobox.d.ts"
       ],
       "command-palette": [
         "dist/overlay/command-palette/command-palette.d.ts"
       ],
+      "copy-command": [
+        "dist/content/copy-command/copy-command.d.ts"
+      ],
       "datagrid": [
         "dist/inputs/datagrid/datagrid.d.ts"
       ],
@@ -534,6 +553,9 @@
       "list-item": [
         "dist/content/list/list-item.d.ts"
       ],
+      "marquee": [
+        "dist/content/marquee/marquee.d.ts"
+      ],
       "menu": [
         "dist/overlay/menu/menu.d.ts"
       ],
@@ -543,6 +565,9 @@
       "navbar": [
         "dist/layout/navbar/navbar.d.ts"
       ],
+      "navigation-menu": [
+        "dist/overlay/navigation-menu/navigation-menu.d.ts"
+      ],
       "number-input": [
         "dist/inputs/number-input/number-input.d.ts"
       ],
@@ -552,6 +577,9 @@
       "pagination": [
         "dist/content/pagination/pagination.d.ts"
       ],
+      "password-strength": [
+        "dist/feedback/password-strength/password-strength.d.ts"
+      ],
       "popover": [
         "dist/overlay/popover/popover.d.ts"
       ],
@@ -573,15 +601,15 @@
       "separator": [
         "dist/content/separator/separator.d.ts"
       ],
+      "sidebar": [
+        "dist/layout/sidebar/sidebar.d.ts"
+      ],
       "skeleton": [
         "dist/feedback/skeleton/skeleton.d.ts"
       ],
       "slider": [
         "dist/inputs/slider/slider.d.ts"
       ],
-      "sidebar": [
-        "dist/layout/sidebar/sidebar.d.ts"
-      ],
       "step": [
         "dist/content/stepper/step.d.ts"
       ],

package/dist/core/_internal.d.ts

@@ -1,15 +0,0 @@
-/**
- * Internal barrel — primitives used by refine components but not intended as
- * public API. Not exported from `core/index.ts`.
- *
- * Import via the full path, e.g.:
- *   import { createInteraction } from '../../core/_internal';
- */
-export { createDropdownPositioner, type DropdownPositionerOptions } from './positioner';
-export { createInteraction, dispatchKeyboardAction, type Interaction, type InteractionOptions, type KeyboardDispatchOptions, type PressTrigger, } from './keyboard';
-export { createListControl, type ListControl, type ListKeyAction, type ListNavigationAction, type ListNavigationOptions, } from './nav';
-export { createListboxDropdown, type ListboxDropdown, type ListboxDropdownOptions, type ListboxDropdownPlacementOptions, } from './option-list';
-export { createTypeahead, type Typeahead, type TypeaheadOptions } from './typeahead';
-export { parseStringTriggers } from './parse';
-export { syncedSignal } from './signals';
-//# sourceMappingURL=_internal.d.ts.map

package/dist/core/_internal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_internal.d.ts","sourceRoot":"","sources":["../../src/core/_internal.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,wBAAwB,EAAE,KAAK,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,YAAY,GAClB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC3B,MAAM,OAAO,CAAC;AACf,OAAO,EACL,qBAAqB,EACrB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,+BAA+B,GACrC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/core/paginated-list.d.ts

@@ -1,42 +0,0 @@
-import { type Readable } from '@vielzeug/ripple';
-export type PaginatedListOptions<T> = {
-    /** All items to paginate. Can be a reactive signal accessor. */
-    getItems: () => T[];
-    /** Number of items per page. Defaults to 10. */
-    pageSize?: Readable<number> | number;
-};
-export type PaginatedListHandle<T> = {
-    /** Navigate to an absolute page index (clamped). */
-    goTo(index: number): void;
-    /** Whether there is a next page. */
-    readonly hasNext: Readable<boolean>;
-    /** Whether there is a previous page. */
-    readonly hasPrev: Readable<boolean>;
-    /** Navigate to the next page. No-op on last page. */
-    next(): void;
-    /** Total number of pages. */
-    readonly pageCount: Readable<number>;
-    /** Current 0-based page index. */
-    readonly pageIndex: Readable<number>;
-    /** Items visible on the current page. */
-    readonly pageItems: Readable<T[]>;
-    /** Navigate to the previous page. No-op on first page. */
-    prev(): void;
-    /** Reset to the first page. */
-    reset(): void;
-};
-/**
- * Reactive pagination state for a list of items.
- *
- * Decoupled from option rendering so it can be used with any sorted/filtered
- * item array (e.g., the `filteredOptions` signal in combobox).
- *
- * @example
- * ```ts
- * const paged = createPaginatedList({ getItems: () => allOptions.value, pageSize: 20 });
- * // render paged.pageItems.value
- * // navigation: paged.next(), paged.prev(), paged.goTo(0)
- * ```
- */
-export declare const createPaginatedList: <T>(options: PaginatedListOptions<T>) => PaginatedListHandle<T>;
-//# sourceMappingURL=paginated-list.d.ts.map

package/dist/core/paginated-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paginated-list.d.ts","sourceRoot":"","sources":["../../src/core/paginated-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAU,MAAM,kBAAkB,CAAC;AAInE,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,oDAAoD;IACpD,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACpC,wCAAwC;IACxC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEpC,qDAAqD;IACrD,IAAI,IAAI,IAAI,CAAC;IACb,6BAA6B;IAC7B,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACrC,kCAAkC;IAClC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACrC,yCAAyC;IACzC,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;IAClC,0DAA0D;IAC1D,IAAI,IAAI,IAAI,CAAC;IACb,+BAA+B;IAC/B,KAAK,IAAI,IAAI,CAAC;CACf,CAAC;AAIF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,SAAS,oBAAoB,CAAC,CAAC,CAAC,KAAG,mBAAmB,CAAC,CAAC,CA2D9F,CAAC"}