@warp-ds/elements 2.9.0-next.3 → 2.9.0-next.5

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import type { WIcon } from "./packages/icon/icon.ts";
+import type { WarpTextField } from "./packages/textfield/textfield.ts";
 import type { WarpAffix } from "./packages/affix/affix.ts";
 import type { WarpAlert } from "./packages/alert/alert.ts";
 import type { WarpLink } from "./packages/link/link.ts";
@@ -22,7 +23,6 @@ import type { WarpPill } from "./packages/pill/pill.ts";
 import type { WRadio } from "./packages/radio/radio.ts";
 import type { WRadioGroup } from "./packages/radio-group/radio-group.ts";
 import type { WarpSelect } from "./packages/select/select.ts";
-import type { WarpTextField } from "./packages/textfield/textfield.ts";
 import type { WarpSliderThumb } from "./packages/slider-thumb/slider-thumb.ts";
 import type { WarpSlider } from "./packages/slider/slider.ts";
 import type { WarpStep } from "./packages/step/step.ts";
@@ -32,7 +32,6 @@ import type { WarpTab } from "./packages/tab/tab.ts";
 import type { WarpTabPanel } from "./packages/tab-panel/tab-panel.ts";
 import type { WarpTabs } from "./packages/tabs/tabs.ts";
 import type { WarpTextarea } from "./packages/textarea/textarea.ts";
-import type { WarpToastContainer } from "./packages/toast-container/toast-container.ts";
 
 /**
  * This type can be used to create scoped tags for your components.
@@ -129,6 +128,125 @@ export type WIconSolidJsProps = {
   textContent?: string | number;
 };
 
+export type WarpTextFieldProps = {
+  /**  */
+  disabled?: WarpTextField["disabled"];
+  /**  */
+  invalid?: WarpTextField["invalid"];
+  /**  */
+  id?: WarpTextField["id"];
+  /**  */
+  label?: WarpTextField["label"];
+  /**  */
+  "help-text"?: WarpTextField["helpText"];
+  /**  */
+  helpText?: WarpTextField["helpText"];
+  /**  */
+  size?: WarpTextField["size"];
+  /**  */
+  max?: WarpTextField["max"];
+  /**  */
+  min?: WarpTextField["min"];
+  /**  */
+  "min-length"?: WarpTextField["minLength"];
+  /**  */
+  minLength?: WarpTextField["minLength"];
+  /**  */
+  "max-length"?: WarpTextField["maxLength"];
+  /**  */
+  maxLength?: WarpTextField["maxLength"];
+  /**  */
+  pattern?: WarpTextField["pattern"];
+  /**  */
+  placeholder?: WarpTextField["placeholder"];
+  /** @deprecated Use the native readonly attribute instead.  */
+  "read-only"?: WarpTextField["readOnly"];
+  /** @deprecated Use the native readonly attribute instead.  */
+  readOnly?: WarpTextField["readOnly"];
+  /**  */
+  readonly?: WarpTextField["readonly"];
+  /**  */
+  required?: WarpTextField["required"];
+  /**  */
+  type?: WarpTextField["type"];
+  /**  */
+  value?: WarpTextField["value"];
+  /**  */
+  name?: WarpTextField["name"];
+  /**  */
+  step?: WarpTextField["step"];
+  /**  */
+  autocomplete?: WarpTextField["autocomplete"];
+  /**  */
+  formatter?: WarpTextField["formatter"];
+  /**  */
+  _hasPrefix?: WarpTextField["_hasPrefix"];
+  /**  */
+  _hasSuffix?: WarpTextField["_hasSuffix"];
+};
+
+export type WarpTextFieldSolidJsProps = {
+  /**  */
+  "prop:disabled"?: WarpTextField["disabled"];
+  /**  */
+  "prop:invalid"?: WarpTextField["invalid"];
+  /**  */
+  "prop:id"?: WarpTextField["id"];
+  /**  */
+  "prop:label"?: WarpTextField["label"];
+  /**  */
+  "attr:help-text"?: WarpTextField["helpText"];
+  /**  */
+  "prop:helpText"?: WarpTextField["helpText"];
+  /**  */
+  "prop:size"?: WarpTextField["size"];
+  /**  */
+  "prop:max"?: WarpTextField["max"];
+  /**  */
+  "prop:min"?: WarpTextField["min"];
+  /**  */
+  "attr:min-length"?: WarpTextField["minLength"];
+  /**  */
+  "prop:minLength"?: WarpTextField["minLength"];
+  /**  */
+  "attr:max-length"?: WarpTextField["maxLength"];
+  /**  */
+  "prop:maxLength"?: WarpTextField["maxLength"];
+  /**  */
+  "prop:pattern"?: WarpTextField["pattern"];
+  /**  */
+  "prop:placeholder"?: WarpTextField["placeholder"];
+  /** @deprecated Use the native readonly attribute instead.  */
+  "bool:read-only"?: WarpTextField["readOnly"];
+  /** @deprecated Use the native readonly attribute instead.  */
+  "prop:readOnly"?: WarpTextField["readOnly"];
+  /**  */
+  "prop:readonly"?: WarpTextField["readonly"];
+  /**  */
+  "prop:required"?: WarpTextField["required"];
+  /**  */
+  "prop:type"?: WarpTextField["type"];
+  /**  */
+  "prop:value"?: WarpTextField["value"];
+  /**  */
+  "prop:name"?: WarpTextField["name"];
+  /**  */
+  "prop:step"?: WarpTextField["step"];
+  /**  */
+  "prop:autocomplete"?: WarpTextField["autocomplete"];
+  /**  */
+  "prop:formatter"?: WarpTextField["formatter"];
+  /**  */
+  "prop:_hasPrefix"?: WarpTextField["_hasPrefix"];
+  /**  */
+  "prop:_hasSuffix"?: WarpTextField["_hasSuffix"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
 export type WarpAffixProps = {
   /**  */
   "aria-label"?: WarpAffix["ariaLabel"];
@@ -138,12 +256,12 @@ export type WarpAffixProps = {
 
 Set an `aria-label` that explains the action when using this. */
   clear?: WarpAffix["clear"];
-  /** Add this property to render a clickable Warp search icon.
-
-Set an `aria-label` that explains the action when using this. */
+  /** Add this property to render a clickable Warp search icon. */
   search?: WarpAffix["search"];
   /**  */
   label?: WarpAffix["label"];
+  /**  */
+  icon?: WarpAffix["icon"];
 };
 
 export type WarpAffixSolidJsProps = {
@@ -155,12 +273,12 @@ export type WarpAffixSolidJsProps = {
 
 Set an `aria-label` that explains the action when using this. */
   "prop:clear"?: WarpAffix["clear"];
-  /** Add this property to render a clickable Warp search icon.
-
-Set an `aria-label` that explains the action when using this. */
+  /** Add this property to render a clickable Warp search icon. */
   "prop:search"?: WarpAffix["search"];
   /**  */
   "prop:label"?: WarpAffix["label"];
+  /**  */
+  "prop:icon"?: WarpAffix["icon"];
 
   /** Set the innerHTML of the element */
   innerHTML?: string;
@@ -715,9 +833,7 @@ The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/form
 
 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"];
@@ -776,9 +892,7 @@ The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/form
 
 The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format). */
   "prop: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. */
+  /**  */
   "prop:isDayDisabled"?: WarpDatepicker["isDayDisabled"];
   /**  */
   "prop:isCalendarOpen"?: WarpDatepicker["isCalendarOpen"];
@@ -1247,6 +1361,8 @@ export type WarpSelectProps = {
   name?: WarpSelect["name"];
   /**  */
   value?: WarpSelect["value"];
+  /**  */
+  _options?: WarpSelect["_options"];
 
   /**  */
   onchange?: (e: CustomEvent) => void;
@@ -1286,130 +1402,9 @@ export type WarpSelectSolidJsProps = {
   /**  */
   "prop:value"?: WarpSelect["value"];
   /**  */
-  "on:change"?: (e: CustomEvent) => void;
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
-export type WarpTextFieldProps = {
+  "prop:_options"?: WarpSelect["_options"];
   /**  */
-  disabled?: WarpTextField["disabled"];
-  /**  */
-  invalid?: WarpTextField["invalid"];
-  /**  */
-  id?: WarpTextField["id"];
-  /**  */
-  label?: WarpTextField["label"];
-  /**  */
-  "help-text"?: WarpTextField["helpText"];
-  /**  */
-  helpText?: WarpTextField["helpText"];
-  /**  */
-  size?: WarpTextField["size"];
-  /**  */
-  max?: WarpTextField["max"];
-  /**  */
-  min?: WarpTextField["min"];
-  /**  */
-  "min-length"?: WarpTextField["minLength"];
-  /**  */
-  minLength?: WarpTextField["minLength"];
-  /**  */
-  "max-length"?: WarpTextField["maxLength"];
-  /**  */
-  maxLength?: WarpTextField["maxLength"];
-  /**  */
-  pattern?: WarpTextField["pattern"];
-  /**  */
-  placeholder?: WarpTextField["placeholder"];
-  /** @deprecated Use the native readonly attribute instead.  */
-  "read-only"?: WarpTextField["readOnly"];
-  /** @deprecated Use the native readonly attribute instead.  */
-  readOnly?: WarpTextField["readOnly"];
-  /**  */
-  readonly?: WarpTextField["readonly"];
-  /**  */
-  required?: WarpTextField["required"];
-  /**  */
-  type?: WarpTextField["type"];
-  /**  */
-  value?: WarpTextField["value"];
-  /**  */
-  name?: WarpTextField["name"];
-  /**  */
-  step?: WarpTextField["step"];
-  /**  */
-  autocomplete?: WarpTextField["autocomplete"];
-  /** Function to format value when the input field.
-
-Only active when the input field does not have focus,
-similar to the accessible input masking example from Filament Group
-
-https://css-tricks.com/input-masking/
-https://filamentgroup.github.io/politespace/demo/demo.html */
-  formatter?: WarpTextField["formatter"];
-};
-
-export type WarpTextFieldSolidJsProps = {
-  /**  */
-  "prop:disabled"?: WarpTextField["disabled"];
-  /**  */
-  "prop:invalid"?: WarpTextField["invalid"];
-  /**  */
-  "prop:id"?: WarpTextField["id"];
-  /**  */
-  "prop:label"?: WarpTextField["label"];
-  /**  */
-  "attr:help-text"?: WarpTextField["helpText"];
-  /**  */
-  "prop:helpText"?: WarpTextField["helpText"];
-  /**  */
-  "prop:size"?: WarpTextField["size"];
-  /**  */
-  "prop:max"?: WarpTextField["max"];
-  /**  */
-  "prop:min"?: WarpTextField["min"];
-  /**  */
-  "attr:min-length"?: WarpTextField["minLength"];
-  /**  */
-  "prop:minLength"?: WarpTextField["minLength"];
-  /**  */
-  "attr:max-length"?: WarpTextField["maxLength"];
-  /**  */
-  "prop:maxLength"?: WarpTextField["maxLength"];
-  /**  */
-  "prop:pattern"?: WarpTextField["pattern"];
-  /**  */
-  "prop:placeholder"?: WarpTextField["placeholder"];
-  /** @deprecated Use the native readonly attribute instead.  */
-  "bool:read-only"?: WarpTextField["readOnly"];
-  /** @deprecated Use the native readonly attribute instead.  */
-  "prop:readOnly"?: WarpTextField["readOnly"];
-  /**  */
-  "prop:readonly"?: WarpTextField["readonly"];
-  /**  */
-  "prop:required"?: WarpTextField["required"];
-  /**  */
-  "prop:type"?: WarpTextField["type"];
-  /**  */
-  "prop:value"?: WarpTextField["value"];
-  /**  */
-  "prop:name"?: WarpTextField["name"];
-  /**  */
-  "prop:step"?: WarpTextField["step"];
-  /**  */
-  "prop:autocomplete"?: WarpTextField["autocomplete"];
-  /** Function to format value when the input field.
-
-Only active when the input field does not have focus,
-similar to the accessible input masking example from Filament Group
-
-https://css-tricks.com/input-masking/
-https://filamentgroup.github.io/politespace/demo/demo.html */
-  "prop:formatter"?: WarpTextField["formatter"];
+  "on:change"?: (e: CustomEvent) => void;
 
   /** Set the innerHTML of the element */
   innerHTML?: string;
@@ -1438,6 +1433,18 @@ export type WarpSliderThumbProps = {
   tooltipTarget?: WarpSliderThumb["tooltipTarget"];
   /**  */
   textfield?: WarpSliderThumb["textfield"];
+  /**  */
+  disabled?: WarpSliderThumb["disabled"];
+  /**  */
+  invalid?: WarpSliderThumb["invalid"];
+  /**  */
+  openEnded?: WarpSliderThumb["openEnded"];
+  /**  */
+  valueFormatter?: WarpSliderThumb["valueFormatter"];
+  /**  */
+  tooltipFormatter?: WarpSliderThumb["tooltipFormatter"];
+  /**  */
+  labelFormatter?: WarpSliderThumb["labelFormatter"];
 
   /**  */
   onthumbreset?: (e: CustomEvent) => void;
@@ -1467,6 +1474,18 @@ export type WarpSliderThumbSolidJsProps = {
   /**  */
   "prop:textfield"?: WarpSliderThumb["textfield"];
   /**  */
+  "prop:disabled"?: WarpSliderThumb["disabled"];
+  /**  */
+  "prop:invalid"?: WarpSliderThumb["invalid"];
+  /**  */
+  "prop:openEnded"?: WarpSliderThumb["openEnded"];
+  /**  */
+  "prop:valueFormatter"?: WarpSliderThumb["valueFormatter"];
+  /**  */
+  "prop:tooltipFormatter"?: WarpSliderThumb["tooltipFormatter"];
+  /**  */
+  "prop:labelFormatter"?: WarpSliderThumb["labelFormatter"];
+  /**  */
   "on:thumbreset"?: (e: CustomEvent) => void;
   /**  */
   "on:slidervalidity"?: (e: CustomEvent) => void;
@@ -1512,13 +1531,15 @@ If you need to display HTML, use the `label` slot instead (f. ex. `<legend class
   "hidden-textfield"?: WarpSlider["hiddenTextfield"];
   /**  */
   hiddenTextfield?: WarpSlider["hiddenTextfield"];
-  /** Formatter for the tooltip and input mask values. */
+  /**  */
   valueFormatter?: WarpSlider["valueFormatter"];
-  /** Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip. */
+  /**  */
   tooltipFormatter?: WarpSlider["tooltipFormatter"];
-  /** Formatter for the min and max labels below the range. */
+  /**  */
   labelFormatter?: WarpSlider["labelFormatter"];
   /**  */
+  fieldset?: WarpSlider["fieldset"];
+  /**  */
   _invalidMessage?: WarpSlider["_invalidMessage"];
   /**  */
   _hasInternalError?: WarpSlider["_hasInternalError"];
@@ -1563,13 +1584,15 @@ If you need to display HTML, use the `label` slot instead (f. ex. `<legend class
   "bool:hidden-textfield"?: WarpSlider["hiddenTextfield"];
   /**  */
   "prop:hiddenTextfield"?: WarpSlider["hiddenTextfield"];
-  /** Formatter for the tooltip and input mask values. */
+  /**  */
   "prop:valueFormatter"?: WarpSlider["valueFormatter"];
-  /** Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip. */
+  /**  */
   "prop:tooltipFormatter"?: WarpSlider["tooltipFormatter"];
-  /** Formatter for the min and max labels below the range. */
+  /**  */
   "prop:labelFormatter"?: WarpSlider["labelFormatter"];
   /**  */
+  "prop:fieldset"?: WarpSlider["fieldset"];
+  /**  */
   "prop:_invalidMessage"?: WarpSlider["_invalidMessage"];
   /**  */
   "prop:_hasInternalError"?: WarpSlider["_hasInternalError"];
@@ -1673,6 +1696,10 @@ export type WarpTabProps = {
   over?: WarpTab["over"];
   /** Override tabIndex setter to set _parentTabIndex (for backwards compatibility). */
   tabIndex?: WarpTab["tabIndex"];
+  /**  */
+  _parentTabIndex?: WarpTab["_parentTabIndex"];
+  /**  */
+  _parentAriaSelected?: WarpTab["_parentAriaSelected"];
 };
 
 export type WarpTabSolidJsProps = {
@@ -1694,6 +1721,10 @@ export type WarpTabSolidJsProps = {
   "prop:over"?: WarpTab["over"];
   /** Override tabIndex setter to set _parentTabIndex (for backwards compatibility). */
   "prop:tabIndex"?: WarpTab["tabIndex"];
+  /**  */
+  "prop:_parentTabIndex"?: WarpTab["_parentTabIndex"];
+  /**  */
+  "prop:_parentAriaSelected"?: WarpTab["_parentAriaSelected"];
 
   /** Set the innerHTML of the element */
   innerHTML?: string;
@@ -1705,12 +1736,20 @@ export type WarpTabPanelProps = {
   /** Whether this panel is active (visible).
 Set by parent w-tabs via the _parentActive property. */
   active?: WarpTabPanel["active"];
+  /**  */
+  _parentActive?: WarpTabPanel["_parentActive"];
+  /**  */
+  _parentAriaLabelledBy?: WarpTabPanel["_parentAriaLabelledBy"];
 };
 
 export type WarpTabPanelSolidJsProps = {
   /** Whether this panel is active (visible).
 Set by parent w-tabs via the _parentActive property. */
   "prop:active"?: WarpTabPanel["active"];
+  /**  */
+  "prop:_parentActive"?: WarpTabPanel["_parentActive"];
+  /**  */
+  "prop:_parentAriaLabelledBy"?: WarpTabPanel["_parentAriaLabelledBy"];
 
   /** Set the innerHTML of the element */
   innerHTML?: string;
@@ -1825,15 +1864,6 @@ export type WarpTextareaSolidJsProps = {
   textContent?: string | number;
 };
 
-export type WarpToastContainerProps = {};
-
-export type WarpToastContainerSolidJsProps = {
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type CustomElements = {
   /**
    *
@@ -1848,6 +1878,52 @@ export type CustomElements = {
    */
   "w-icon": Partial<WIconProps & BaseProps<WIcon> & 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
+   * - `id`: undefined
+   * - `label`: undefined
+   * - `help-text`/`helpText`: undefined
+   * - `size`: undefined
+   * - `max`: undefined
+   * - `min`: undefined
+   * - `min-length`/`minLength`: undefined
+   * - `max-length`/`maxLength`: undefined
+   * - `pattern`: undefined
+   * - `placeholder`: undefined
+   * - `read-only`/`readOnly`: undefined
+   * - `readonly`: undefined
+   * - `required`: undefined
+   * - `type`: undefined
+   * - `value`: undefined
+   * - `name`: undefined
+   * - `step`: undefined
+   * - `autocomplete`: undefined
+   * - `formatter`: undefined (property only)
+   * - `_hasPrefix`: undefined (property only)
+   * - `_hasSuffix`: undefined (property only)
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `resetFormControl() => void`: undefined
+   * - `handler(e: Event) => void`: undefined
+   * - `prefixSlotChange() => void`: undefined
+   * - `suffixSlotChange() => void`: undefined
+   */
+  "w-textfield": Partial<
+    WarpTextFieldProps & BaseProps<WarpTextField> & BaseEvents
+  >;
+
   /**
    * This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.
    *
@@ -1862,9 +1938,9 @@ export type CustomElements = {
    *
    * Set an `aria-label` that explains the action when using this.
    * - `search`: Add this property to render a clickable Warp search icon.
-   *
-   * Set an `aria-label` that explains the action when using this.
    * - `label`: undefined
+   * - `icon`: undefined
+   * - `_icon`: undefined (property only) (readonly)
    */
   "w-affix": Partial<WarpAffixProps & BaseProps<WarpAffix> & BaseEvents>;
 
@@ -2168,9 +2244,7 @@ export type CustomElements = {
    * - `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)
+   * - `isDayDisabled`: undefined (property only)
    * - `isCalendarOpen`: undefined (property only)
    * - `navigationDate`: undefined (property only)
    * - `selectedDate`: undefined (property only) (readonly)
@@ -2478,6 +2552,7 @@ export type CustomElements = {
    * - `readonly`: Renders the field in a readonly state.
    * - `name`: undefined
    * - `value`: undefined
+   * - `_options`: undefined (property only)
    *
    * ## Events
    *
@@ -2496,56 +2571,6 @@ export type CustomElements = {
    */
   "w-select": Partial<WarpSelectProps & BaseProps<WarpSelect> & 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
-   * - `id`: undefined
-   * - `label`: undefined
-   * - `help-text`/`helpText`: undefined
-   * - `size`: undefined
-   * - `max`: undefined
-   * - `min`: undefined
-   * - `min-length`/`minLength`: undefined
-   * - `max-length`/`maxLength`: undefined
-   * - `pattern`: undefined
-   * - `placeholder`: undefined
-   * - `read-only`/`readOnly`: undefined
-   * - `readonly`: undefined
-   * - `required`: undefined
-   * - `type`: undefined
-   * - `value`: undefined
-   * - `name`: undefined
-   * - `step`: undefined
-   * - `autocomplete`: undefined
-   * - `formatter`: Function to format value when the input field.
-   *
-   * Only active when the input field does not have focus,
-   * similar to the accessible input masking example from Filament Group
-   *
-   * https://css-tricks.com/input-masking/
-   * https://filamentgroup.github.io/politespace/demo/demo.html (property only)
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `resetFormControl() => void`: undefined
-   * - `handler(e: Event) => void`: undefined
-   * - `prefixSlotChange() => void`: undefined
-   * - `suffixSlotChange() => void`: undefined
-   */
-  "w-textfield": Partial<
-    WarpTextFieldProps & BaseProps<WarpTextField> & BaseEvents
-  >;
-
   /**
    * Component to place inside a `<w-slider>`.
    *
@@ -2567,6 +2592,12 @@ export type CustomElements = {
    * - `textFieldDisplayValue`: Value to display in the textfield (shows boundary when focused on empty value) (property only) (readonly)
    * - `tooltipDisplayValue`: Value to display in the tooltip (property only) (readonly)
    * - `ariaDescriptionText`: undefined (property only) (readonly)
+   * - `disabled`: undefined (property only)
+   * - `invalid`: undefined (property only)
+   * - `openEnded`: undefined (property only)
+   * - `valueFormatter`: undefined (property only)
+   * - `tooltipFormatter`: undefined (property only)
+   * - `labelFormatter`: undefined (property only)
    *
    * ## Events
    *
@@ -2610,9 +2641,10 @@ export type CustomElements = {
    * - `step`: undefined
    * - `suffix`: Suffix used in text input fields and for the min and max values of the slider.
    * - `hidden-textfield`/`hiddenTextfield`: undefined
-   * - `valueFormatter`: Formatter for the tooltip and input mask values. (property only)
-   * - `tooltipFormatter`: Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip. (property only)
-   * - `labelFormatter`: Formatter for the min and max labels below the range. (property only)
+   * - `valueFormatter`: undefined (property only)
+   * - `tooltipFormatter`: undefined (property only)
+   * - `labelFormatter`: undefined (property only)
+   * - `fieldset`: undefined (property only)
    * - `_invalidMessage`: undefined (property only)
    * - `_hasInternalError`: undefined (property only)
    * - `_showError`: undefined (property only)
@@ -2718,6 +2750,8 @@ export type CustomElements = {
    * - `over`: undefined
    * - `tabIndex`: Override tabIndex setter to set _parentTabIndex (for backwards compatibility). (property only)
    * - `_computedAriaSelected`: Computed aria-selected: prefers parent-managed, falls back to own property (property only) (readonly)
+   * - `_parentTabIndex`: undefined (property only)
+   * - `_parentAriaSelected`: undefined (property only)
    */
   "w-tab": Partial<WarpTabProps & BaseProps<WarpTab> & BaseEvents>;
 
@@ -2733,6 +2767,8 @@ export type CustomElements = {
    *
    * - `active`: Whether this panel is active (visible).
    * Set by parent w-tabs via the _parentActive property.
+   * - `_parentActive`: undefined (property only)
+   * - `_parentAriaLabelledBy`: undefined (property only)
    */
   "w-tab-panel": Partial<
     WarpTabPanelProps & BaseProps<WarpTabPanel> & BaseEvents
@@ -2799,38 +2835,71 @@ export type CustomElements = {
   "w-textarea": Partial<
     WarpTextareaProps & BaseProps<WarpTextarea> & BaseEvents
   >;
+};
 
+export type CustomElementsSolidJs = {
   /**
    *
    *
-   * ## Methods
+   * ## Attributes & Properties
    *
-   * Methods that can be called to access component functionality.
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
-   * - `init() => void`: undefined
-   * - `get(id: string | number) => ToastInternal | undefined`: undefined
-   * - `set(toast: ToastOptions) => Map<string | number, ToastInternal>`: undefined
-   * - `del(id: string | number) => Promise<boolean>`: undefined
+   * - `name`: Icon filename (without .svg)
+   * - `size`: Size: small, medium, large or pixel value (e.g. "32px")
+   * - `locale`: Locale used in CDN URL
    */
-  "w-toast-container": Partial<
-    WarpToastContainerProps & BaseProps<WarpToastContainer> & BaseEvents
+  "w-icon": Partial<
+    WIconProps & WIconSolidJsProps & BaseProps<WIcon> & BaseEvents
   >;
-};
 
-export type CustomElementsSolidJs = {
   /**
+   * 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.
    *
-   * - `name`: Icon filename (without .svg)
-   * - `size`: Size: small, medium, large or pixel value (e.g. "32px")
-   * - `locale`: Locale used in CDN URL
+   * - `disabled`: undefined
+   * - `invalid`: undefined
+   * - `id`: undefined
+   * - `label`: undefined
+   * - `help-text`/`helpText`: undefined
+   * - `size`: undefined
+   * - `max`: undefined
+   * - `min`: undefined
+   * - `min-length`/`minLength`: undefined
+   * - `max-length`/`maxLength`: undefined
+   * - `pattern`: undefined
+   * - `placeholder`: undefined
+   * - `read-only`/`readOnly`: undefined
+   * - `readonly`: undefined
+   * - `required`: undefined
+   * - `type`: undefined
+   * - `value`: undefined
+   * - `name`: undefined
+   * - `step`: undefined
+   * - `autocomplete`: undefined
+   * - `formatter`: undefined (property only)
+   * - `_hasPrefix`: undefined (property only)
+   * - `_hasSuffix`: undefined (property only)
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `resetFormControl() => void`: undefined
+   * - `handler(e: Event) => void`: undefined
+   * - `prefixSlotChange() => void`: undefined
+   * - `suffixSlotChange() => void`: undefined
    */
-  "w-icon": Partial<
-    WIconProps & WIconSolidJsProps & BaseProps<WIcon> & BaseEvents
+  "w-textfield": Partial<
+    WarpTextFieldProps &
+      WarpTextFieldSolidJsProps &
+      BaseProps<WarpTextField> &
+      BaseEvents
   >;
 
   /**
@@ -2847,9 +2916,9 @@ export type CustomElementsSolidJs = {
    *
    * Set an `aria-label` that explains the action when using this.
    * - `search`: Add this property to render a clickable Warp search icon.
-   *
-   * Set an `aria-label` that explains the action when using this.
    * - `label`: undefined
+   * - `icon`: undefined
+   * - `_icon`: undefined (property only) (readonly)
    */
   "w-affix": Partial<
     WarpAffixProps & WarpAffixSolidJsProps & BaseProps<WarpAffix> & BaseEvents
@@ -3184,9 +3253,7 @@ export type CustomElementsSolidJs = {
    * - `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)
+   * - `isDayDisabled`: undefined (property only)
    * - `isCalendarOpen`: undefined (property only)
    * - `navigationDate`: undefined (property only)
    * - `selectedDate`: undefined (property only) (readonly)
@@ -3521,6 +3588,7 @@ export type CustomElementsSolidJs = {
    * - `readonly`: Renders the field in a readonly state.
    * - `name`: undefined
    * - `value`: undefined
+   * - `_options`: undefined (property only)
    *
    * ## Events
    *
@@ -3544,59 +3612,6 @@ export type CustomElementsSolidJs = {
       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
-   * - `id`: undefined
-   * - `label`: undefined
-   * - `help-text`/`helpText`: undefined
-   * - `size`: undefined
-   * - `max`: undefined
-   * - `min`: undefined
-   * - `min-length`/`minLength`: undefined
-   * - `max-length`/`maxLength`: undefined
-   * - `pattern`: undefined
-   * - `placeholder`: undefined
-   * - `read-only`/`readOnly`: undefined
-   * - `readonly`: undefined
-   * - `required`: undefined
-   * - `type`: undefined
-   * - `value`: undefined
-   * - `name`: undefined
-   * - `step`: undefined
-   * - `autocomplete`: undefined
-   * - `formatter`: Function to format value when the input field.
-   *
-   * Only active when the input field does not have focus,
-   * similar to the accessible input masking example from Filament Group
-   *
-   * https://css-tricks.com/input-masking/
-   * https://filamentgroup.github.io/politespace/demo/demo.html (property only)
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `resetFormControl() => void`: undefined
-   * - `handler(e: Event) => void`: undefined
-   * - `prefixSlotChange() => void`: undefined
-   * - `suffixSlotChange() => void`: undefined
-   */
-  "w-textfield": Partial<
-    WarpTextFieldProps &
-      WarpTextFieldSolidJsProps &
-      BaseProps<WarpTextField> &
-      BaseEvents
-  >;
-
   /**
    * Component to place inside a `<w-slider>`.
    *
@@ -3618,6 +3633,12 @@ export type CustomElementsSolidJs = {
    * - `textFieldDisplayValue`: Value to display in the textfield (shows boundary when focused on empty value) (property only) (readonly)
    * - `tooltipDisplayValue`: Value to display in the tooltip (property only) (readonly)
    * - `ariaDescriptionText`: undefined (property only) (readonly)
+   * - `disabled`: undefined (property only)
+   * - `invalid`: undefined (property only)
+   * - `openEnded`: undefined (property only)
+   * - `valueFormatter`: undefined (property only)
+   * - `tooltipFormatter`: undefined (property only)
+   * - `labelFormatter`: undefined (property only)
    *
    * ## Events
    *
@@ -3664,9 +3685,10 @@ export type CustomElementsSolidJs = {
    * - `step`: undefined
    * - `suffix`: Suffix used in text input fields and for the min and max values of the slider.
    * - `hidden-textfield`/`hiddenTextfield`: undefined
-   * - `valueFormatter`: Formatter for the tooltip and input mask values. (property only)
-   * - `tooltipFormatter`: Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip. (property only)
-   * - `labelFormatter`: Formatter for the min and max labels below the range. (property only)
+   * - `valueFormatter`: undefined (property only)
+   * - `tooltipFormatter`: undefined (property only)
+   * - `labelFormatter`: undefined (property only)
+   * - `fieldset`: undefined (property only)
    * - `_invalidMessage`: undefined (property only)
    * - `_hasInternalError`: undefined (property only)
    * - `_showError`: undefined (property only)
@@ -3787,6 +3809,8 @@ export type CustomElementsSolidJs = {
    * - `over`: undefined
    * - `tabIndex`: Override tabIndex setter to set _parentTabIndex (for backwards compatibility). (property only)
    * - `_computedAriaSelected`: Computed aria-selected: prefers parent-managed, falls back to own property (property only) (readonly)
+   * - `_parentTabIndex`: undefined (property only)
+   * - `_parentAriaSelected`: undefined (property only)
    */
   "w-tab": Partial<
     WarpTabProps & WarpTabSolidJsProps & BaseProps<WarpTab> & BaseEvents
@@ -3804,6 +3828,8 @@ export type CustomElementsSolidJs = {
    *
    * - `active`: Whether this panel is active (visible).
    * Set by parent w-tabs via the _parentActive property.
+   * - `_parentActive`: undefined (property only)
+   * - `_parentAriaLabelledBy`: undefined (property only)
    */
   "w-tab-panel": Partial<
     WarpTabPanelProps &
@@ -3878,25 +3904,6 @@ export type CustomElementsSolidJs = {
       BaseProps<WarpTextarea> &
       BaseEvents
   >;
-
-  /**
-   *
-   *
-   * ## Methods
-   *
-   * Methods that can be called to access component functionality.
-   *
-   * - `init() => void`: undefined
-   * - `get(id: string | number) => ToastInternal | undefined`: undefined
-   * - `set(toast: ToastOptions) => Map<string | number, ToastInternal>`: undefined
-   * - `del(id: string | number) => Promise<boolean>`: undefined
-   */
-  "w-toast-container": Partial<
-    WarpToastContainerProps &
-      WarpToastContainerSolidJsProps &
-      BaseProps<WarpToastContainer> &
-      BaseEvents
-  >;
 };
 
 export type CustomCssProperties = {};