@warp-ds/elements 2.3.0-next.9 → 2.3.1

package/dist/index.d.ts

@@ -16,19 +16,6 @@ import type { ModalFooter } from "./packages/modal/modal-footer.ts";
 import type { ModalHeader } from "./packages/modal/modal-header.ts";
 import type { ModalMain } from "./packages/modal/modal-main.ts";
 import type { WarpToastContainer } from "./packages/toast/toast-container.ts";
-import type { WarpCombobox } from "./packages/combobox/index.ts";
-import type { WarpDatepicker } from "./packages/datepicker/datepicker.ts";
-import type { WarpDeadToggle } from "./packages/dead-toggle/index.ts";
-import type { WarpPageIndicator } from "./packages/pageindicator/index.ts";
-import type { WarpPagination } from "./packages/pagination/index.ts";
-import type { WCheckboxGroup } from "./packages/rip-and-tear-checkbox/checkbox-group.ts";
-import type { WarpSliderThumb } from "./packages/slider/slider-thumb.ts";
-import type { WarpSlider } from "./packages/slider/slider.ts";
-import type { WarpSteps, WarpStep } from "./packages/steps/index.ts";
-import type { WarpSwitch } from "./packages/switch/index.ts";
-import type { WarpTab } from "./packages/tabs/tab.ts";
-import type { WarpTabs } from "./packages/tabs/tabs.ts";
-import type { WarpTextarea } from "./packages/textarea/textarea.ts";
 
 /**
  * This type can be used to create scoped tags for your components.
@@ -147,8 +134,6 @@ export type WarpLinkProps = {
   /**  */
   "variant"?: WarpLink['variant'];
   /**  */
-  "quiet"?: WarpLink['quiet'];
-  /**  */
   "small"?: WarpLink['small'];
   /**  */
   "href"?: WarpLink['href'];
@@ -162,14 +147,6 @@ export type WarpLinkProps = {
   "full-width"?: WarpLink['fullWidth'];
   /**  */
   "fullWidth"?: WarpLink['fullWidth'];
-  /**  */
-  "button-class"?: WarpLink['buttonClass'];
-  /**  */
-  "buttonClass"?: WarpLink['buttonClass'];
-  /**  */
-  "name"?: WarpLink['name'];
-  /**  */
-  "classes"?: WarpLink['classes'];
 
 
 }
@@ -379,15 +356,21 @@ export type WarpPillProps = {
 
 
 export type WarpSelectProps = {
-  /** Whether the element should receive focus on render */
+  /** @deprecated Use the native `autofocus` attribute instead. - Whether the element should receive focus on render. */
   "auto-focus"?: WarpSelect['autoFocus'];
-  /** Whether the element should receive focus on render */
+  /** @deprecated Use the native `autofocus` attribute instead. - Whether the element should receive focus on render. */
   "autoFocus"?: WarpSelect['autoFocus'];
-  /** Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error */
+  /** Whether the element should receive focus on render */
+  "autofocus"?: WarpSelect['autofocus'];
+  /** The content displayed as the help text. Paired with `invalid` to show the text as a validation error. */
+  "help-text"?: WarpSelect['helpText'];
+  /** The content displayed as the help text. Paired with `invalid` to show the text as a validation error. */
+  "helpText"?: WarpSelect['helpText'];
+  /** Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. */
   "invalid"?: WarpSelect['invalid'];
-  /** Whether to always show a hint */
+  /** @deprecated Use `help-text` instead and only set it if you want to display the help text. - Whether to always show a hint. */
   "always"?: WarpSelect['always'];
-  /** The content displayed as the help text */
+  /** @deprecated Use `help-text` instead. - The content displayed as the help text. */
   "hint"?: WarpSelect['hint'];
   /** The content to disply as the label */
   "label"?: WarpSelect['label'];
@@ -395,10 +378,12 @@ export type WarpSelectProps = {
   "optional"?: WarpSelect['optional'];
   /** Renders the field in a disabled state. */
   "disabled"?: WarpSelect['disabled'];
-  /** Renders the field in a readonly state. */
+  /** @deprecated Use the native readonly attribute instead. - Renders the field in a readonly state. */
   "read-only"?: WarpSelect['readOnly'];
-  /** Renders the field in a readonly state. */
+  /** @deprecated Use the native readonly attribute instead. - Renders the field in a readonly state. */
   "readOnly"?: WarpSelect['readOnly'];
+  /** Renders the field in a readonly state. */
+  "readonly"?: WarpSelect['readonly'];
   /**  */
   "name"?: WarpSelect['name'];
   /**  */
@@ -453,6 +438,8 @@ export type WarpTextFieldProps = {
   "value"?: WarpTextField['value'];
   /**  */
   "name"?: WarpTextField['name'];
+  /**  */
+  "step"?: WarpTextField['step'];
   /** Function to format value when the input field.
 
 Only active when the input field does not have focus,
@@ -517,349 +504,6 @@ export type ModalMainProps = {
 export type WarpToastContainerProps = {
 
 
-}
-
-
-export type WarpComboboxProps = {
-  /** The available options to select from */
-  "options"?: WarpCombobox['options'];
-  /** Label above input */
-  "label"?: WarpCombobox['label'];
-  /** Input placeholder */
-  "placeholder"?: WarpCombobox['placeholder'];
-  /** The input value */
-  "value"?: WarpCombobox['value'];
-  /** Whether the popover opens when focus is on the text field */
-  "open-on-focus"?: WarpCombobox['openOnFocus'];
-  /** Whether the popover opens when focus is on the text field */
-  "openOnFocus"?: WarpCombobox['openOnFocus'];
-  /** Select active option on blur */
-  "select-on-blur"?: WarpCombobox['selectOnBlur'];
-  /** Select active option on blur */
-  "selectOnBlur"?: WarpCombobox['selectOnBlur'];
-  /** Whether the matching text segments in the options should be highlighted */
-  "match-text-segments"?: WarpCombobox['matchTextSegments'];
-  /** Whether the matching text segments in the options should be highlighted */
-  "matchTextSegments"?: WarpCombobox['matchTextSegments'];
-  /** Disable client-side static filtering */
-  "disable-static-filtering"?: WarpCombobox['disableStaticFiltering'];
-  /** Disable client-side static filtering */
-  "disableStaticFiltering"?: WarpCombobox['disableStaticFiltering'];
-  /** Renders the input field in an invalid state */
-  "invalid"?: WarpCombobox['invalid'];
-  /** The content to display as the help text */
-  "help-text"?: WarpCombobox['helpText'];
-  /** The content to display as the help text */
-  "helpText"?: WarpCombobox['helpText'];
-  /** Whether the element is disabled */
-  "disabled"?: WarpCombobox['disabled'];
-  /** Whether the element is required */
-  "required"?: WarpCombobox['required'];
-  /** Whether to show optional text */
-  "optional"?: WarpCombobox['optional'];
-  /** Additional container styling */
-  "class-name"?: WarpCombobox['containerClassName'];
-  /** Additional container styling */
-  "containerClassName"?: WarpCombobox['containerClassName'];
-  /** Additional list styling */
-  "list-class-name"?: WarpCombobox['listClassName'];
-  /** Additional list styling */
-  "listClassName"?: WarpCombobox['listClassName'];
-  /** Name attribute for form submission */
-  "name"?: WarpCombobox['name'];
-
-
-}
-
-
-export type WarpDatepickerProps = {
-  /**  */
-  "label"?: WarpDatepicker['label'];
-  /** Takes precedence over the `<html>` lang attribute. */
-  "lang"?: WarpDatepicker['lang'];
-  /**  */
-  "name"?: WarpDatepicker['name'];
-  /**  */
-  "value"?: WarpDatepicker['value'];
-  /** Decides the format of the date as shown in the calendar header.
-
-The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). */
-  "header-format"?: WarpDatepicker['headerFormat'];
-  /** Decides the format of the date as shown in the calendar header.
-
-The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). */
-  "headerFormat"?: WarpDatepicker['headerFormat'];
-  /** Decides the format of the weekday as shown above the grid of dates in the calendar.
-
-The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). */
-  "weekday-format"?: WarpDatepicker['weekdayFormat'];
-  /** Decides the format of the weekday as shown above the grid of dates in the calendar.
-
-The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). */
-  "weekdayFormat"?: WarpDatepicker['weekdayFormat'];
-  /** Decides the format of the day in the calendar as read to screen readers.
-
-The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). */
-  "day-format"?: WarpDatepicker['dayFormat'];
-  /** Decides the format of the day in the calendar as read to screen readers.
-
-The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). */
-  "dayFormat"?: WarpDatepicker['dayFormat'];
-  /** Lets you control if a date in the calendar should be disabled.
-
-This needs to be set on the element instance in JavaScript, not as an HTML attribute. */
-  "isDayDisabled"?: WarpDatepicker['isDayDisabled'];
-  /**  */
-  "isCalendarOpen"?: WarpDatepicker['isCalendarOpen'];
-  /**  */
-  "navigationDate"?: WarpDatepicker['navigationDate'];
-  /**  */
-  "calendar"?: WarpDatepicker['calendar'];
-  /**  */
-  "input"?: WarpDatepicker['input'];
-  /**  */
-  "toggleButton"?: WarpDatepicker['toggleButton'];
-  /**  */
-  "wrapper"?: WarpDatepicker['wrapper'];
-  /** This is the first focusable element, needed for the modal focus trap.
-
-Don't cache this and other `@query` fields from inside the calendar modal.
-They work the first time, but once the calendar is closed and reopened
-the query will point to an element that doesn't exist anymore. */
-  "previousMonthButton"?: WarpDatepicker['previousMonthButton'];
-  /**  */
-  "todayCell"?: WarpDatepicker['todayCell'];
-  /**  */
-  "selectedCell"?: WarpDatepicker['selectedCell'];
-
-
-}
-
-
-export type WarpDeadToggleProps = {
-  /**  */
-  "type"?: WarpDeadToggle['type'];
-  /**  */
-  "checked"?: WarpDeadToggle['checked'];
-  /**  */
-  "indeterminate"?: WarpDeadToggle['indeterminate'];
-  /**  */
-  "invalid"?: WarpDeadToggle['invalid'];
-  /**  */
-  "disabled"?: WarpDeadToggle['disabled'];
-
-
-}
-
-
-export type WarpPageIndicatorProps = {
-  /** Currently selected page (1-based index) */
-  "selected-page"?: WarpPageIndicator['selectedPage'];
-  /** Currently selected page (1-based index) */
-  "selectedPage"?: WarpPageIndicator['selectedPage'];
-  /** Total number of pages */
-  "page-count"?: WarpPageIndicator['pageCount'];
-  /** Total number of pages */
-  "pageCount"?: WarpPageIndicator['pageCount'];
-
-
-}
-
-
-export type WarpPaginationProps = {
-  /**  */
-  "base-url"?: WarpPagination['baseUrl'];
-  /**  */
-  "baseUrl"?: WarpPagination['baseUrl'];
-  /**  */
-  "pages"?: WarpPagination['pages'];
-  /**  */
-  "current-page"?: WarpPagination['currentPageNumber'];
-  /**  */
-  "currentPageNumber"?: WarpPagination['currentPageNumber'];
-  /**  */
-  "visible-pages"?: WarpPagination['visiblePages'];
-  /**  */
-  "visiblePages"?: WarpPagination['visiblePages'];
-
-  /** Triggered when a link button in the pagination is clicked. Contains the page number in `string` form. */
-  "onpage-click"?: (e: CustomEvent<CustomEvent>) => void;
-}
-
-
-
-export type WarpSliderThumbProps = {
-  /**  */
-  "aria-label"?: WarpSliderThumb['ariaLabel'];
-  /**  */
-  "ariaLabel"?: WarpSliderThumb['ariaLabel'];
-  /**  */
-  "aria-description"?: WarpSliderThumb['ariaDescription'];
-  /**  */
-  "ariaDescription"?: WarpSliderThumb['ariaDescription'];
-  /**  */
-  "label"?: WarpSliderThumb['label'];
-  /**  */
-  "name"?: WarpSliderThumb['name'];
-  /**  */
-  "value"?: WarpSliderThumb['value'];
-  /**  */
-  "disabled"?: WarpSliderThumb['disabled'];
-  /** Set by `<w-slider>` */
-  "markers"?: WarpSliderThumb['markers'];
-  /** Set by `<w-slider>` */
-  "required"?: WarpSliderThumb['required'];
-  /** Set by `<w-slider>` */
-  "step"?: WarpSliderThumb['step'];
-  /** Set by `<w-slider>` */
-  "min"?: WarpSliderThumb['min'];
-  /** Set by `<w-slider>` */
-  "max"?: WarpSliderThumb['max'];
-  /** Set by `<w-slider>` */
-  "suffix"?: WarpSliderThumb['suffix'];
-  /** JS hook to help you format the numeric value how you want. */
-  "formatter"?: WarpSliderThumb['formatter'];
-  /**  */
-  "range"?: WarpSliderThumb['range'];
-  /**  */
-  "textfield"?: WarpSliderThumb['textfield'];
-
-  /**  */
-  "onslidervalidity"?: (e: CustomEvent<CustomEvent>) => void;
-}
-
-
-export type WarpSliderProps = {
-  /** The slider fieldset label. Required for proper accessibility.
-
-If you need to display HTML, use the `label` slot instead. */
-  "label"?: WarpSlider['label'];
-  /**  */
-  "disabled"?: WarpSlider['disabled'];
-  /**  */
-  "invalid"?: WarpSlider['invalid'];
-  /** Ensures a child slider thumb has a value before allowing the containing form to submit. */
-  "required"?: WarpSlider['required'];
-  /**  */
-  "min"?: WarpSlider['min'];
-  /**  */
-  "max"?: WarpSlider['max'];
-  /** Pass a value similar to step to create visual markers at that interval */
-  "markers"?: WarpSlider['markers'];
-  /**  */
-  "step"?: WarpSlider['step'];
-  /** Suffix used in text input fields and for the min and max values of the slider. */
-  "suffix"?: WarpSlider['suffix'];
-  /** Function to format the to- and from labels and value in the slider thumb tooltip. */
-  "formatter"?: WarpSlider['formatter'];
-
-
-}
-
-
-export type WarpStepsProps = {
-  /**  */
-  "horizontal"?: WarpSteps['horizontal'];
-  /**  */
-  "right"?: WarpSteps['right'];
-
-
-}
-
-
-export type WarpStepProps = {
-  /**  */
-  "active"?: WarpStep['active'];
-  /**  */
-  "completed"?: WarpStep['completed'];
-
-
-}
-
-
-export type WarpSwitchProps = {
-  /**  */
-  "value"?: WarpSwitch['value'];
-  /**  */
-  "disabled"?: WarpSwitch['disabled'];
-
-  /**  */
-  "onchange"?: (e: CustomEvent<CustomEvent>) => void;
-}
-
-
-export type WarpTabProps = {
-  /**  */
-  "name"?: WarpTab['name'];
-  /**  */
-  "label"?: WarpTab['label'];
-  /**  */
-  "active"?: WarpTab['active'];
-  /**  */
-  "over"?: WarpTab['over'];
-  /**  */
-  "tab-class"?: WarpTab['tabClass'];
-  /**  */
-  "tabClass"?: WarpTab['tabClass'];
-
-
-}
-
-
-export type WarpTabsProps = {
-  /**  */
-  "active"?: WarpTabs['active'];
-  /**  */
-  "tab-class"?: WarpTabs['tabClass'];
-  /**  */
-  "tabClass"?: WarpTabs['tabClass'];
-
-  /**  */
-  "onchange"?: (e: CustomEvent<CustomEvent>) => void;
-}
-
-
-export type WarpTextareaProps = {
-  /**  */
-  "disabled"?: WarpTextarea['disabled'];
-  /**  */
-  "invalid"?: WarpTextarea['invalid'];
-  /**  */
-  "label"?: WarpTextarea['label'];
-  /**  */
-  "help-text"?: WarpTextarea['helpText'];
-  /**  */
-  "helpText"?: WarpTextarea['helpText'];
-  /**  */
-  "maximum-rows"?: WarpTextarea['maxRows'];
-  /**  */
-  "maxRows"?: WarpTextarea['maxRows'];
-  /**  */
-  "minimum-rows"?: WarpTextarea['minRows'];
-  /**  */
-  "minRows"?: WarpTextarea['minRows'];
-  /**  */
-  "name"?: WarpTextarea['name'];
-  /**  */
-  "placeholder"?: WarpTextarea['placeholder'];
-  /** @deprecated Use the native readonly attribute instead. Here for API consistency with `w-textfield`.  */
-  "read-only"?: WarpTextarea['readOnly'];
-  /** @deprecated Use the native readonly attribute instead. Here for API consistency with `w-textfield`.  */
-  "readOnly"?: WarpTextarea['readOnly'];
-  /**  */
-  "readonly"?: WarpTextarea['readonly'];
-  /**  */
-  "required"?: WarpTextarea['required'];
-  /**  */
-  "value"?: WarpTextarea['value'];
-  /**  */
-  "optional"?: WarpTextarea['optional'];
-  /**  */
-  "minHeight"?: WarpTextarea['minHeight'];
-  /**  */
-  "maxHeight"?: WarpTextarea['maxHeight'];
-
-
 }
 
   export type CustomElements = {
@@ -915,16 +559,12 @@ export type WarpTextareaProps = {
  * 
  * - `autofocus`: undefined 
  * - `variant`: undefined 
- * - `quiet`: undefined 
  * - `small`: undefined 
  * - `href`: undefined 
  * - `disabled`: undefined 
  * - `target`: undefined 
  * - `rel`: undefined 
  * - `full-width`/`fullWidth`: undefined 
- * - `button-class`/`buttonClass`: undefined 
- * - `name`: undefined 
- * - `classes`: undefined (property only)
   */
     "w-link": Partial<WarpLinkProps & BaseProps<WarpLink> & BaseEvents>;
 
@@ -952,6 +592,12 @@ export type WarpTextareaProps = {
  * - `name`: undefined 
  * - `value`: undefined 
  * - `ariaValueTextLoading`: undefined (property only)
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `resetFormControl() => void`: undefined
   */
     "w-button": Partial<WarpButtonProps & BaseProps<WarpButton> & BaseEvents>;
 
@@ -1131,14 +777,17 @@ export type WarpTextareaProps = {
  * 
  * Component attributes and properties that can be applied to the element or by using JavaScript.
  * 
- * - `auto-focus`/`autoFocus`: Whether the element should receive focus on render 
- * - `invalid`: Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error 
- * - `always`: Whether to always show a hint 
- * - `hint`: The content displayed as the help text 
+ * - `auto-focus`/`autoFocus`: Whether the element should receive focus on render. 
+ * - `autofocus`: Whether the element should receive focus on render 
+ * - `help-text`/`helpText`: The content displayed as the help text. Paired with `invalid` to show the text as a validation error. 
+ * - `invalid`: Renders the field in an invalid state. Paired with `help-text` to provide feedback about the error. 
+ * - `always`: Whether to always show a hint. 
+ * - `hint`: The content displayed as the help text. 
  * - `label`: The content to disply as the label 
  * - `optional`: Whether to show optional text 
  * - `disabled`: Renders the field in a disabled state. 
  * - `read-only`/`readOnly`: Renders the field in a readonly state. 
+ * - `readonly`: Renders the field in a readonly state. 
  * - `name`: undefined 
  * - `value`: undefined 
  * 
@@ -1146,6 +795,7 @@ export type WarpTextareaProps = {
  * 
  * Methods that can be called to access component functionality.
  * 
+ * - `resetFormControl() => void`: undefined
  * - `handleKeyDown(event: KeyboardEvent) => void`: undefined
  * - `onChange({ target }) => void`: undefined
   */
@@ -1179,6 +829,7 @@ export type WarpTextareaProps = {
  * - `type`: undefined 
  * - `value`: undefined 
  * - `name`: undefined 
+ * - `step`: undefined 
  * - `formatter`: Function to format value when the input field.
  * 
  * Only active when the input field does not have focus,
@@ -1191,6 +842,7 @@ export type WarpTextareaProps = {
  * 
  * Methods that can be called to access component functionality.
  * 
+ * - `resetFormControl() => void`: undefined
  * - `handler(e: Event) => void`: undefined
  * - `prefixSlotChange() => void`: undefined
  * - `suffixSlotChange() => void`: undefined
@@ -1304,341 +956,6 @@ export type WarpTextareaProps = {
  * - `del(id: string | number) => Promise<boolean>`: undefined
   */
     "w-toast-container": Partial<WarpToastContainerProps & BaseProps<WarpToastContainer> & BaseEvents>;
-
-
-  /**
-     * A combobox element for text input with selectable options.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-combobox--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `options`: The available options to select from 
- * - `label`: Label above input 
- * - `placeholder`: Input placeholder 
- * - `value`: The input value 
- * - `open-on-focus`/`openOnFocus`: Whether the popover opens when focus is on the text field 
- * - `select-on-blur`/`selectOnBlur`: Select active option on blur 
- * - `match-text-segments`/`matchTextSegments`: Whether the matching text segments in the options should be highlighted 
- * - `disable-static-filtering`/`disableStaticFiltering`: Disable client-side static filtering 
- * - `invalid`: Renders the input field in an invalid state 
- * - `help-text`/`helpText`: The content to display as the help text 
- * - `disabled`: Whether the element is disabled 
- * - `required`: Whether the element is required 
- * - `optional`: Whether to show optional text 
- * - `class-name`/`containerClassName`: Additional container styling 
- * - `list-class-name`/`listClassName`: Additional list styling 
- * - `name`: Name attribute for form submission 
-  */
-    "w-combobox": Partial<WarpComboboxProps & BaseProps<WarpCombobox> & BaseEvents>;
-
-
-  /**
-     * An input for dates.
- * 
- * Uses the `lang` attribute on either the element or on `<html>` to determine the locale options.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-datepicker--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `label`: undefined 
- * - `lang`: Takes precedence over the `<html>` lang attribute. 
- * - `name`: undefined 
- * - `value`: undefined 
- * - `header-format`/`headerFormat`: Decides the format of the date as shown in the calendar header.
- * 
- * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). 
- * - `weekday-format`/`weekdayFormat`: Decides the format of the weekday as shown above the grid of dates in the calendar.
- * 
- * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). 
- * - `day-format`/`dayFormat`: Decides the format of the day in the calendar as read to screen readers.
- * 
- * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). 
- * - `isDayDisabled`: Lets you control if a date in the calendar should be disabled.
- * 
- * This needs to be set on the element instance in JavaScript, not as an HTML attribute. (property only)
- * - `isCalendarOpen`: undefined (property only)
- * - `navigationDate`: undefined (property only)
- * - `selectedDate`: undefined (property only) (readonly)
- * - `month`: undefined (property only) (readonly)
- * - `weeks`: undefined (property only) (readonly)
- * - `calendar`: undefined (property only)
- * - `input`: undefined (property only)
- * - `toggleButton`: undefined (property only)
- * - `wrapper`: undefined (property only)
- * - `previousMonthButton`: This is the first focusable element, needed for the modal focus trap.
- * 
- * Don't cache this and other `@query` fields from inside the calendar modal.
- * They work the first time, but once the calendar is closed and reopened
- * the query will point to an element that doesn't exist anymore. (property only)
- * - `todayCell`: undefined (property only)
- * - `selectedCell`: undefined (property only)
-  */
-    "w-datepicker": Partial<WarpDatepickerProps & BaseProps<WarpDatepicker> & BaseEvents>;
-
-
-  /**
-     * Dead toggle can be used where the appearance of a checkbox or radio is needed - but for accessibility purposes an actual input element should not be present.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-dead-toggle--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `type`: undefined 
- * - `checked`: undefined 
- * - `indeterminate`: undefined 
- * - `invalid`: undefined 
- * - `disabled`: undefined 
-  */
-    "w-dead-toggle": Partial<WarpDeadToggleProps & BaseProps<WarpDeadToggle> & BaseEvents>;
-
-
-  /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `selected-page`/`selectedPage`: Currently selected page (1-based index) 
- * - `page-count`/`pageCount`: Total number of pages 
-  */
-    "w-pageindicator": Partial<WarpPageIndicatorProps & BaseProps<WarpPageIndicator> & BaseEvents>;
-
-
-  /**
-     * Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `base-url`/`baseUrl`: undefined 
- * - `pages`: undefined 
- * - `current-page`/`currentPageNumber`: undefined 
- * - `visible-pages`/`visiblePages`: undefined 
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `page-click`: Triggered when a link button in the pagination is clicked. Contains the page number in `string` form.
-  */
-    "w-pagination": Partial<WarpPaginationProps & BaseProps<WarpPagination> & BaseEvents>;
-
-
-
-  /**
-     * Component to place inside a `<w-slider>`.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `aria-label`/`ariaLabel`: undefined 
- * - `aria-description`/`ariaDescription`: undefined 
- * - `label`: undefined 
- * - `name`: undefined 
- * - `value`: undefined 
- * - `disabled`: undefined 
- * - `markers`: Set by `<w-slider>` (property only)
- * - `required`: Set by `<w-slider>` (property only)
- * - `step`: Set by `<w-slider>` (property only)
- * - `min`: Set by `<w-slider>` (property only)
- * - `max`: Set by `<w-slider>` (property only)
- * - `suffix`: Set by `<w-slider>` (property only)
- * - `formatter`: JS hook to help you format the numeric value how you want. (property only)
- * - `range`: undefined (property only)
- * - `textfield`: undefined (property only)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `slidervalidity`: undefined
-  */
-    "w-slider-thumb": Partial<WarpSliderThumbProps & BaseProps<WarpSliderThumb> & BaseEvents>;
-
-
-  /**
-     * Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `label`: The slider fieldset label. Required for proper accessibility.
- * 
- * If you need to display HTML, use the `label` slot instead. 
- * - `disabled`: undefined 
- * - `invalid`: undefined 
- * - `required`: Ensures a child slider thumb has a value before allowing the containing form to submit. 
- * - `min`: undefined 
- * - `max`: undefined 
- * - `markers`: Pass a value similar to step to create visual markers at that interval 
- * - `step`: undefined 
- * - `suffix`: Suffix used in text input fields and for the min and max values of the slider. 
- * - `formatter`: Function to format the to- and from labels and value in the slider thumb tooltip. (property only)
- * 
- * ## Slots
- * 
- * Areas where markup can be added to the component.
- * 
- * - `(default)`: For single sliders place a `<w-slider-thumb>` in the default slot.
- * - `label`: Label for the slider or range slider as a whole.
- * - `description`: Optional description between the label and slider.
- * - `from`: Range sliders need to place a `<w-slider-thumb>` in the from and to slots.
- * - `to`: Range sliders need to place a `<w-slider-thumb>` in the from and to slots.
-  */
-    "w-slider": Partial<WarpSliderProps & BaseProps<WarpSlider> & BaseEvents>;
-
-
-  /**
-     * Steps are used to show progress through a process or to guide users through a multi-step task.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `horizontal`: undefined 
- * - `right`: undefined 
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `updateStepsContext() => void`: undefined
-  */
-    "w-steps": Partial<WarpStepsProps & BaseProps<WarpSteps> & BaseEvents>;
-
-
-  /**
-     * Individual step component that shows a single step in a process
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `active`: undefined 
- * - `completed`: undefined 
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `setContext(context: StepsContext) => void`: undefined
- * - `getAriaLabel() => void`: undefined
-  */
-    "w-step": Partial<WarpStepProps & BaseProps<WarpStep> & BaseEvents>;
-
-
-  /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `value`: undefined 
- * - `disabled`: undefined 
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `change`: undefined
-  */
-    "w-switch": Partial<WarpSwitchProps & BaseProps<WarpSwitch> & BaseEvents>;
-
-
-  /**
-     * Individual tab component used within w-tabs container.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `name`: undefined 
- * - `label`: undefined 
- * - `active`: undefined 
- * - `over`: undefined 
- * - `tab-class`/`tabClass`: undefined 
-  */
-    "w-tab": Partial<WarpTabProps & BaseProps<WarpTab> & BaseEvents>;
-
-
-  /**
-     * Tabs are used to organize content by grouping similar information on the same page.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `active`: undefined 
- * - `tab-class`/`tabClass`: undefined 
- * - `tabs`: undefined (property only) (readonly)
- * - `activeTab`: undefined (property only) (readonly)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `change`: undefined
-  */
-    "w-tabs": Partial<WarpTabsProps & BaseProps<WarpTabs> & BaseEvents>;
-
-
-  /**
-     * A single line text input element.
- * 
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `disabled`: undefined 
- * - `invalid`: undefined 
- * - `label`: undefined 
- * - `help-text`/`helpText`: undefined 
- * - `maximum-rows`/`maxRows`: undefined 
- * - `minimum-rows`/`minRows`: undefined 
- * - `name`: undefined 
- * - `placeholder`: undefined 
- * - `read-only`/`readOnly`: undefined 
- * - `readonly`: undefined 
- * - `required`: undefined 
- * - `value`: undefined 
- * - `optional`: undefined 
- * - `minHeight`: undefined (property only)
- * - `maxHeight`: undefined (property only)
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `handler(e: InputEvent) => void`: undefined
-  */
-    "w-textarea": Partial<WarpTextareaProps & BaseProps<WarpTextarea> & BaseEvents>;
   }
 
 export type CustomCssProperties = {
@@ -1674,7 +991,7 @@ declare module '@stencil/core' {
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'hono' {
+declare module 'hono/jsx' {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }