@vielzeug/refine 2.4.0 → 3.0.0

package/dist/types/elements.d.ts

@@ -0,0 +1,207 @@
+/**
+ * Global HTMLElementTagNameMap augmentations for all supported Refine tags.
+ * This file is the single source of truth for DOM and framework element types.
+ *
+ * Every type referenced below is imported explicitly. The root tsconfig sets
+ * `skipLibCheck: true`, which exempts `.d.ts` files from having their contents verified — an
+ * unresolvable bare type name here doesn't raise `TS2304: Cannot find name`, it silently
+ * resolves to `any`, which then collapses the entire intersection it's part of to `any` too.
+ * That turns every property/method access on the affected tag into a silent no-op for
+ * consumers — no autocomplete, no error, nothing — which is a much worse failure mode than a
+ * build error. Importing the real types is what keeps this file honest under `skipLibCheck`;
+ * see `src/types/elements.test.ts` for the regression test that would have caught this.
+ */
+
+import type { OreAvatarProps } from '../content/avatar/avatar.js';
+import type { OreAvatarGroupProps } from '../content/avatar/avatar-group.js';
+import type { OreBreadcrumbItemProps, OreBreadcrumbProps } from '../content/breadcrumb/breadcrumb.js';
+import type { OreCardEvents, OreCardProps } from '../content/card/card.js';
+import type { OreCarouselEvents, OreCarouselProps } from '../content/carousel/carousel.js';
+import type { OreChatMessageEvents, OreChatMessageProps } from '../content/chat-message/chat-message.js';
+import type { OreCodeWindowProps } from '../content/code-window/code-window.js';
+import type { OreCopyCommandEvents, OreCopyCommandProps } from '../content/copy-command/copy-command.js';
+import type { OreIconProps } from '../content/icon/icon.js';
+import type { OreListEvents, OreListProps } from '../content/list/list.js';
+import type { OreListItemEvents, OreListItemProps } from '../content/list/list-item.js';
+import type { OreMarqueeProps } from '../content/marquee/marquee.js';
+import type { OrePaginationEvents, OrePaginationProps } from '../content/pagination/pagination.js';
+import type { OreSeparatorProps } from '../content/separator/separator.js';
+import type { OreStatsProps } from '../content/stats/stats.js';
+import type { OreStepProps } from '../content/stepper/step.js';
+import type { OreStepperEvents, OreStepperProps } from '../content/stepper/stepper.js';
+import type { OreTableProps } from '../content/table/table.js';
+import type { OreTextProps } from '../content/text/text.js';
+import type { OreAccordionEvents, OreAccordionProps } from '../disclosure/accordion/accordion.js';
+import type { OreAccordionItemEvents, OreAccordionItemProps } from '../disclosure/accordion-item/accordion-item.js';
+import type { OreTabItemProps } from '../disclosure/tab-item/tab-item.js';
+import type { OreTabPanelProps } from '../disclosure/tab-panel/tab-panel.js';
+import type { OreTabsEvents, OreTabsProps } from '../disclosure/tabs/tabs.js';
+import type { OreAlertEvents, OreAlertProps } from '../feedback/alert/alert.js';
+import type { OreAsyncEvents, OreAsyncProps } from '../feedback/async/async.js';
+import type { OreBadgeProps } from '../feedback/badge/badge.js';
+import type { OreChipEvents, OreChipProps } from '../feedback/chip/chip.js';
+import type { OrePasswordStrengthProps } from '../feedback/password-strength/password-strength.js';
+import type { OreProgressProps } from '../feedback/progress/progress.js';
+import type { OreSkeletonProps } from '../feedback/skeleton/skeleton.js';
+import type { OreToastEvents, OreToastProps } from '../feedback/toast/toast.js';
+import type { OreTypingIndicatorProps } from '../feedback/typing-indicator/typing-indicator.js';
+import type { OreButtonProps } from '../inputs/button/button.js';
+import type { OreButtonGroupProps } from '../inputs/button-group/button-group.js';
+import type { OreCalendarEvents, OreCalendarProps } from '../inputs/calendar/calendar.js';
+import type { OreCheckboxEvents, OreCheckboxProps } from '../inputs/checkbox/checkbox.js';
+import type { OreCheckboxGroupEvents, OreCheckboxGroupProps } from '../inputs/checkbox-group/checkbox-group.js';
+import type { OreComboboxEvents, OreComboboxOptionProps, OreComboboxProps } from '../inputs/combobox/combobox.types.js';
+import type { OreDataGridEvents, OreDataGridProps } from '../inputs/datagrid/datagrid.js';
+import type { OreDatePickerEvents, OreDatePickerProps } from '../inputs/date-picker/date-picker.js';
+import type { OreFileInputEvents, OreFileInputProps } from '../inputs/file-input/file-input.js';
+import type { OreInputEvents, OreInputProps } from '../inputs/input/input.js';
+import type { OreMessageComposerEvents, OreMessageComposerProps } from '../inputs/message-composer/message-composer.js';
+import type { OreNumberInputEvents, OreNumberInputProps } from '../inputs/number-input/number-input.js';
+import type { OreOtpInputEvents, OreOtpInputProps } from '../inputs/otp-input/otp-input.js';
+import type { OreRadioEvents, OreRadioProps } from '../inputs/radio/radio.js';
+import type { OreRadioGroupEvents, OreRadioGroupProps } from '../inputs/radio-group/radio-group.js';
+import type { OreRatingEvents, OreRatingProps } from '../inputs/rating/rating.js';
+import type { OreSelectEvents, OreSelectProps } from '../inputs/select/select.js';
+import type { OreSliderEvents, OreSliderProps } from '../inputs/slider/slider.js';
+import type { OreSwitchEvents, OreSwitchProps } from '../inputs/switch/switch.js';
+import type { OreTextareaEvents, OreTextareaProps } from '../inputs/textarea/textarea.js';
+import type { OreTimePickerEvents, OreTimePickerProps } from '../inputs/time-picker/time-picker.js';
+import type { OreBoxProps } from '../layout/box/box.js';
+import type { OreGridProps } from '../layout/grid/grid.js';
+import type { OreGridItemProps } from '../layout/grid-item/grid-item.js';
+import type { NavbarElement, OreNavbarEvents, OreNavbarItemProps } from '../layout/navbar/navbar.js';
+import type {
+  OreSidebarEvents,
+  OreSidebarGroupEvents,
+  OreSidebarGroupProps,
+  OreSidebarItemProps,
+  SidebarElement,
+} from '../layout/sidebar/sidebar.js';
+import type {
+  CommandPaletteItemInput,
+  OreCommandPaletteEvents,
+  OreCommandPaletteProps,
+} from '../overlay/command-palette/command-palette.types.js';
+import type { OreDialogEvents, OreDialogProps } from '../overlay/dialog/dialog.js';
+import type { DrawerElement, OreDrawerEvents } from '../overlay/drawer/drawer.js';
+import type { OreMenuEvents, OreMenuItemProps, OreMenuProps } from '../overlay/menu/menu.js';
+import type {
+  OreNavigationMenuEvents,
+  OreNavigationMenuItemProps,
+  OreNavigationMenuProps,
+} from '../overlay/navigation-menu/navigation-menu.js';
+import type { OrePopoverEvents, OrePopoverProps } from '../overlay/popover/popover.js';
+import type { OreTooltipEvents, OreTooltipProps } from '../overlay/tooltip/tooltip.js';
+import type { AddEventListeners, FormValidityMethods } from '../shared/index.js';
+
+export interface RefineElementMap {
+  // disclosure
+  'ore-accordion': HTMLElement & OreAccordionProps & AddEventListeners<OreAccordionEvents>;
+  'ore-accordion-item': HTMLElement & OreAccordionItemProps & AddEventListeners<OreAccordionItemEvents>;
+  // feedback
+  'ore-alert': HTMLElement & OreAlertProps & AddEventListeners<OreAlertEvents>;
+  'ore-async': HTMLElement & OreAsyncProps & AddEventListeners<OreAsyncEvents>;
+  // content
+  'ore-avatar': HTMLElement & OreAvatarProps;
+  'ore-avatar-group': HTMLElement & OreAvatarGroupProps;
+  'ore-badge': HTMLElement & OreBadgeProps;
+  // layout
+  'ore-box': HTMLElement & OreBoxProps;
+  'ore-breadcrumb': HTMLElement & OreBreadcrumbProps;
+  'ore-breadcrumb-item': HTMLElement & OreBreadcrumbItemProps;
+  // inputs
+  'ore-button': HTMLElement & OreButtonProps;
+  'ore-button-group': HTMLElement & OreButtonGroupProps;
+  'ore-calendar': HTMLElement & OreCalendarProps & AddEventListeners<OreCalendarEvents>;
+  'ore-card': HTMLElement & OreCardProps & AddEventListeners<OreCardEvents>;
+  'ore-carousel': HTMLElement & OreCarouselProps & AddEventListeners<OreCarouselEvents>;
+  'ore-carousel-slide': HTMLElement;
+  'ore-chat-message': HTMLElement & OreChatMessageProps & AddEventListeners<OreChatMessageEvents>;
+  'ore-checkbox': HTMLElement & OreCheckboxProps & FormValidityMethods & AddEventListeners<OreCheckboxEvents>;
+  'ore-checkbox-group': HTMLElement &
+    OreCheckboxGroupProps &
+    FormValidityMethods &
+    AddEventListeners<OreCheckboxGroupEvents>;
+  'ore-chip': HTMLElement & OreChipProps & AddEventListeners<OreChipEvents>;
+  'ore-code-window': HTMLElement & OreCodeWindowProps;
+  'ore-column': HTMLElement;
+  'ore-combobox': HTMLElement & OreComboboxProps & FormValidityMethods & AddEventListeners<OreComboboxEvents>;
+  'ore-combobox-option': HTMLElement & OreComboboxOptionProps;
+  'ore-command-palette': HTMLElement & OreCommandPaletteProps & AddEventListeners<OreCommandPaletteEvents>;
+  'ore-command-palette-item': HTMLElement & CommandPaletteItemInput;
+  'ore-copy-command': HTMLElement & OreCopyCommandProps & AddEventListeners<OreCopyCommandEvents>;
+  'ore-datagrid': HTMLElement & OreDataGridProps & AddEventListeners<OreDataGridEvents>;
+  'ore-date-picker': HTMLElement & OreDatePickerProps & AddEventListeners<OreDatePickerEvents>;
+  // overlay
+  'ore-dialog': HTMLElement & OreDialogProps & AddEventListeners<OreDialogEvents>;
+  'ore-drawer': DrawerElement & AddEventListeners<OreDrawerEvents>;
+  'ore-file-input': HTMLElement & OreFileInputProps & FormValidityMethods & AddEventListeners<OreFileInputEvents>;
+  'ore-grid': HTMLElement & OreGridProps;
+  'ore-grid-item': HTMLElement & OreGridItemProps;
+  'ore-icon': HTMLElement & OreIconProps;
+  'ore-input': HTMLElement & OreInputProps & FormValidityMethods & AddEventListeners<OreInputEvents>;
+  'ore-list': HTMLElement & OreListProps & AddEventListeners<OreListEvents>;
+  'ore-list-item': HTMLElement & OreListItemProps & AddEventListeners<OreListItemEvents>;
+  'ore-marquee': HTMLElement & OreMarqueeProps;
+  'ore-menu': HTMLElement & OreMenuProps & AddEventListeners<OreMenuEvents>;
+  'ore-menu-item': HTMLElement & OreMenuItemProps;
+  'ore-menu-separator': HTMLElement;
+  'ore-message-composer': HTMLElement &
+    OreMessageComposerProps &
+    FormValidityMethods &
+    AddEventListeners<OreMessageComposerEvents>;
+  'ore-navbar': NavbarElement & AddEventListeners<OreNavbarEvents>;
+  'ore-navbar-item': HTMLElement & OreNavbarItemProps;
+  'ore-navigation-menu': HTMLElement & OreNavigationMenuProps & AddEventListeners<OreNavigationMenuEvents>;
+  'ore-navigation-menu-item': HTMLElement & OreNavigationMenuItemProps;
+  'ore-navigation-menu-panel': HTMLElement;
+  'ore-number-input': HTMLElement & OreNumberInputProps & FormValidityMethods & AddEventListeners<OreNumberInputEvents>;
+  'ore-otp-input': HTMLElement & OreOtpInputProps & AddEventListeners<OreOtpInputEvents>;
+  'ore-pagination': HTMLElement & OrePaginationProps & AddEventListeners<OrePaginationEvents>;
+  'ore-password-strength': HTMLElement & OrePasswordStrengthProps;
+  'ore-popover': HTMLElement & OrePopoverProps & AddEventListeners<OrePopoverEvents>;
+  'ore-progress': HTMLElement & OreProgressProps;
+  'ore-radio': HTMLElement & OreRadioProps & FormValidityMethods & AddEventListeners<OreRadioEvents>;
+  'ore-radio-group': HTMLElement & OreRadioGroupProps & FormValidityMethods & AddEventListeners<OreRadioGroupEvents>;
+  'ore-rating': HTMLElement & OreRatingProps & FormValidityMethods & AddEventListeners<OreRatingEvents>;
+  'ore-select': HTMLElement & OreSelectProps & FormValidityMethods & AddEventListeners<OreSelectEvents>;
+  'ore-separator': HTMLElement & OreSeparatorProps;
+  'ore-sidebar': SidebarElement & AddEventListeners<OreSidebarEvents>;
+  'ore-sidebar-group': HTMLElement & OreSidebarGroupProps & AddEventListeners<OreSidebarGroupEvents>;
+  'ore-sidebar-item': HTMLElement & OreSidebarItemProps;
+  'ore-skeleton': HTMLElement & OreSkeletonProps;
+  'ore-slider': HTMLElement & OreSliderProps & FormValidityMethods & AddEventListeners<OreSliderEvents>;
+  'ore-stats': HTMLElement & OreStatsProps;
+  'ore-step': HTMLElement & OreStepProps;
+  'ore-stepper': HTMLElement & OreStepperProps & AddEventListeners<OreStepperEvents>;
+  'ore-switch': HTMLElement & OreSwitchProps & FormValidityMethods & AddEventListeners<OreSwitchEvents>;
+  'ore-tab-item': HTMLElement & OreTabItemProps;
+  'ore-tab-panel': HTMLElement & OreTabPanelProps;
+  'ore-table': HTMLElement & OreTableProps;
+  'ore-tabs': HTMLElement & OreTabsProps & AddEventListeners<OreTabsEvents>;
+  'ore-td': HTMLElement & {
+    colspan?: number | string;
+    headers?: string;
+    rowspan?: number | string;
+  };
+  'ore-text': HTMLElement & OreTextProps;
+  'ore-textarea': HTMLElement & OreTextareaProps & FormValidityMethods & AddEventListeners<OreTextareaEvents>;
+  'ore-th': HTMLElement & {
+    abbr?: string;
+    axis?: string;
+    colspan?: number | string;
+    headers?: string;
+    rowspan?: number | string;
+    scope?: 'col' | 'colgroup' | 'row' | 'rowgroup' | string;
+  };
+  'ore-time-picker': HTMLElement & OreTimePickerProps & AddEventListeners<OreTimePickerEvents>;
+  'ore-toast': HTMLElement & OreToastProps & AddEventListeners<OreToastEvents>;
+  'ore-tooltip': HTMLElement & OreTooltipProps & AddEventListeners<OreTooltipEvents>;
+  // table markers (light-DOM authoring API used by ore-table)
+  'ore-tr': HTMLElement & { foot?: boolean; head?: boolean };
+  'ore-typing-indicator': HTMLElement & OreTypingIndicatorProps;
+}
+
+declare global {
+  interface HTMLElementTagNameMap extends RefineElementMap {}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vielzeug/refine",
-  "version": "2.4.0",
+  "version": "3.0.0",
   "description": "Accessible, themeable web components built on Ore custom element primitives",
   "keywords": [
     "web-components",
@@ -636,17 +636,16 @@
     "test:e2e": "playwright test"
   },
   "dependencies": {
-    "@vielzeug/arsenal": "2.1.0",
-    "@vielzeug/assay": "2.2.0",
-    "@vielzeug/dnd": "2.2.0",
-    "@vielzeug/focus": "2.1.1",
-    "@vielzeug/gesture": "1.1.1",
-    "@vielzeug/keymap": "2.2.0",
-    "@vielzeug/orbit": "2.1.4",
-    "@vielzeug/ore": "2.2.0",
-    "@vielzeug/ripple": "2.3.0",
-    "@vielzeug/sentinel": "2.0.3",
-    "@vielzeug/tempo": "2.2.0",
+    "@vielzeug/arsenal": "3.0.0",
+    "@vielzeug/dnd": "3.0.0",
+    "@vielzeug/focus": "3.0.0",
+    "@vielzeug/gesture": "3.0.0",
+    "@vielzeug/keymap": "3.0.0",
+    "@vielzeug/orbit": "3.0.0",
+    "@vielzeug/ore": "3.0.0",
+    "@vielzeug/ripple": "3.0.0",
+    "@vielzeug/sentinel": "3.0.0",
+    "@vielzeug/tempo": "3.0.0",
     "lucide": "^1.41.0"
   },
   "devDependencies": {
@@ -656,6 +655,7 @@
     "@playwright/test": "^1.63.0",
     "@types/culori": "^4.0.1",
     "@types/node": "^26.4.1",
+    "@vielzeug/assay": "3.0.0",
     "axe-core": "^4.13.0",
     "browserslist": "^4.28.9",
     "culori": "^4.0.2",