@warp-ds/elements 2.6.0 → 2.7.0-next.2

package/dist/index.d.ts

@@ -27,6 +27,10 @@ import type { WarpTabs } from "./packages/tabs/tabs.ts";
 import type { WarpTextarea } from "./packages/textarea/textarea.ts";
 import type { WarpTextField } from "./packages/textfield/textfield.ts";
 import type { WarpToastContainer } from "./packages/toast-container/toast-container.ts";
+import type { WCheckbox } from "./packages/checkbox/checkbox.ts";
+import type { WCheckboxGroup } from "./packages/checkbox-group/checkbox-group.ts";
+import type { WarpSliderThumb } from "./packages/slider-thumb/slider-thumb.ts";
+import type { WarpSlider } from "./packages/slider/slider.ts";
 
 /**
  * This type can be used to create scoped tags for your components.
@@ -1441,6 +1445,252 @@ export type WarpToastContainerSolidJsProps = {
   textContent?: string | number;
 };
 
+export type WCheckboxProps = {
+  /** The name of the checkbox, submitted as a name/value pair with form data. */
+  name?: WCheckbox["name"];
+  /** The value of the checkbox, submitted as a name/value pair with form data. */
+  value?: WCheckbox["value"];
+  /** Draws the checkbox in an indeterminate state. */
+  indeterminate?: WCheckbox["indeterminate"];
+  /** Draws the checkbox in a checked state (reflected to attribute). */
+  checked?: WCheckbox["checked"];
+  /** Disables the checkbox. */
+  disabled?: WCheckbox["disabled"];
+  /** Makes the checkbox a required field. */
+  required?: WCheckbox["required"];
+  /** Draws the checkbox in an invalid state. */
+  invalid?: WCheckbox["invalid"];
+  /**  */
+  input?: WCheckbox["input"];
+
+  /**  */
+  onchange?: (e: Event) => void;
+};
+
+export type WCheckboxSolidJsProps = {
+  /** The name of the checkbox, submitted as a name/value pair with form data. */
+  "prop:name"?: WCheckbox["name"];
+  /** The value of the checkbox, submitted as a name/value pair with form data. */
+  "prop:value"?: WCheckbox["value"];
+  /** Draws the checkbox in an indeterminate state. */
+  "prop:indeterminate"?: WCheckbox["indeterminate"];
+  /** Draws the checkbox in a checked state (reflected to attribute). */
+  "prop:checked"?: WCheckbox["checked"];
+  /** Disables the checkbox. */
+  "prop:disabled"?: WCheckbox["disabled"];
+  /** Makes the checkbox a required field. */
+  "prop:required"?: WCheckbox["required"];
+  /** Draws the checkbox in an invalid state. */
+  "prop:invalid"?: WCheckbox["invalid"];
+  /**  */
+  "prop:input"?: WCheckbox["input"];
+  /**  */
+  "on:change"?: (e: Event) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type WCheckboxGroupProps = {
+  /** The group label displayed above the checkboxes. */
+  label?: WCheckboxGroup["label"];
+  /** The name applied to child checkboxes when they do not provide one. */
+  name?: WCheckboxGroup["name"];
+  /** Whether to show optional text next to the label. */
+  optional?: WCheckboxGroup["optional"];
+  /**  */
+  "help-text"?: WCheckboxGroup["helpText"];
+  /**  */
+  helpText?: WCheckboxGroup["helpText"];
+  /** Makes the checkbox group required. */
+  required?: WCheckboxGroup["required"];
+  /** Marks the checkbox group as invalid. */
+  invalid?: WCheckboxGroup["invalid"];
+};
+
+export type WCheckboxGroupSolidJsProps = {
+  /** The group label displayed above the checkboxes. */
+  "prop:label"?: WCheckboxGroup["label"];
+  /** The name applied to child checkboxes when they do not provide one. */
+  "prop:name"?: WCheckboxGroup["name"];
+  /** Whether to show optional text next to the label. */
+  "prop:optional"?: WCheckboxGroup["optional"];
+  /**  */
+  "attr:help-text"?: WCheckboxGroup["helpText"];
+  /**  */
+  "prop:helpText"?: WCheckboxGroup["helpText"];
+  /** Makes the checkbox group required. */
+  "prop:required"?: WCheckboxGroup["required"];
+  /** Marks the checkbox group as invalid. */
+  "prop:invalid"?: WCheckboxGroup["invalid"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type WarpSliderThumbProps = {
+  /**  */
+  "aria-label"?: WarpSliderThumb["ariaLabel"];
+  /**  */
+  ariaLabel?: WarpSliderThumb["ariaLabel"];
+  /**  */
+  "aria-description"?: WarpSliderThumb["ariaDescription"];
+  /**  */
+  ariaDescription?: WarpSliderThumb["ariaDescription"];
+  /**  */
+  name?: WarpSliderThumb["name"];
+  /**  */
+  value?: WarpSliderThumb["value"];
+  /**  */
+  placeholder?: WarpSliderThumb["placeholder"];
+  /**  */
+  range?: WarpSliderThumb["range"];
+  /**  */
+  tooltipTarget?: WarpSliderThumb["tooltipTarget"];
+  /**  */
+  textfield?: WarpSliderThumb["textfield"];
+
+  /**  */
+  onslidervalidity?: (e: CustomEvent) => void;
+};
+
+export type WarpSliderThumbSolidJsProps = {
+  /**  */
+  "attr:aria-label"?: WarpSliderThumb["ariaLabel"];
+  /**  */
+  "prop:ariaLabel"?: WarpSliderThumb["ariaLabel"];
+  /**  */
+  "attr:aria-description"?: WarpSliderThumb["ariaDescription"];
+  /**  */
+  "prop:ariaDescription"?: WarpSliderThumb["ariaDescription"];
+  /**  */
+  "prop:name"?: WarpSliderThumb["name"];
+  /**  */
+  "prop:value"?: WarpSliderThumb["value"];
+  /**  */
+  "prop:placeholder"?: WarpSliderThumb["placeholder"];
+  /**  */
+  "prop:range"?: WarpSliderThumb["range"];
+  /**  */
+  "prop:tooltipTarget"?: WarpSliderThumb["tooltipTarget"];
+  /**  */
+  "prop:textfield"?: WarpSliderThumb["textfield"];
+  /**  */
+  "on:slidervalidity"?: (e: CustomEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type WarpSliderProps = {
+  /** The slider fieldset label. Required for proper accessibility.
+
+If you need to display HTML, use the `label` slot instead (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`) */
+  label?: WarpSlider["label"];
+  /**  */
+  disabled?: WarpSlider["disabled"];
+  /** Whether or not to allow values outside the range such as "Before 1950" and "2025+". */
+  "open-ended"?: WarpSlider["openEnded"];
+  /** Whether or not to allow values outside the range such as "Before 1950" and "2025+". */
+  openEnded?: WarpSlider["openEnded"];
+  /**  */
+  error?: WarpSlider["error"];
+  /**  */
+  "help-text"?: WarpSlider["helpText"];
+  /**  */
+  helpText?: WarpSlider["helpText"];
+  /**  */
+  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"];
+  /**  */
+  "hidden-textfield"?: WarpSlider["hiddenTextfield"];
+  /**  */
+  hiddenTextfield?: WarpSlider["hiddenTextfield"];
+  /** Formatter for the tooltip and input mask values. */
+  valueFormatter?: WarpSlider["valueFormatter"];
+  /** Formatter for the min and max labels below the range. */
+  labelFormatter?: WarpSlider["labelFormatter"];
+  /**  */
+  _invalidMessage?: WarpSlider["_invalidMessage"];
+  /**  */
+  _hasInternalError?: WarpSlider["_hasInternalError"];
+  /**  */
+  _showError?: WarpSlider["_showError"];
+  /**  */
+  _tabbableElements?: WarpSlider["_tabbableElements"];
+};
+
+export type WarpSliderSolidJsProps = {
+  /** The slider fieldset label. Required for proper accessibility.
+
+If you need to display HTML, use the `label` slot instead (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`) */
+  "prop:label"?: WarpSlider["label"];
+  /**  */
+  "prop:disabled"?: WarpSlider["disabled"];
+  /** Whether or not to allow values outside the range such as "Before 1950" and "2025+". */
+  "bool:open-ended"?: WarpSlider["openEnded"];
+  /** Whether or not to allow values outside the range such as "Before 1950" and "2025+". */
+  "prop:openEnded"?: WarpSlider["openEnded"];
+  /**  */
+  "prop:error"?: WarpSlider["error"];
+  /**  */
+  "attr:help-text"?: WarpSlider["helpText"];
+  /**  */
+  "prop:helpText"?: WarpSlider["helpText"];
+  /**  */
+  "prop:invalid"?: WarpSlider["invalid"];
+  /** Ensures a child slider thumb has a value before allowing the containing form to submit. */
+  "prop:required"?: WarpSlider["required"];
+  /**  */
+  "prop:min"?: WarpSlider["min"];
+  /**  */
+  "prop:max"?: WarpSlider["max"];
+  /** Pass a value similar to step to create visual markers at that interval */
+  "prop:markers"?: WarpSlider["markers"];
+  /**  */
+  "prop:step"?: WarpSlider["step"];
+  /** Suffix used in text input fields and for the min and max values of the slider. */
+  "prop:suffix"?: WarpSlider["suffix"];
+  /**  */
+  "bool:hidden-textfield"?: WarpSlider["hiddenTextfield"];
+  /**  */
+  "prop:hiddenTextfield"?: WarpSlider["hiddenTextfield"];
+  /** Formatter for the tooltip and input mask values. */
+  "prop:valueFormatter"?: WarpSlider["valueFormatter"];
+  /** Formatter for the min and max labels below the range. */
+  "prop:labelFormatter"?: WarpSlider["labelFormatter"];
+  /**  */
+  "prop:_invalidMessage"?: WarpSlider["_invalidMessage"];
+  /**  */
+  "prop:_hasInternalError"?: WarpSlider["_hasInternalError"];
+  /**  */
+  "prop:_showError"?: WarpSlider["_showError"];
+  /**  */
+  "prop:_tabbableElements"?: WarpSlider["_tabbableElements"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
 export type CustomElements = {
   /**
    *
@@ -2189,6 +2439,155 @@ export type CustomElements = {
   "w-toast-container": Partial<
     WarpToastContainerProps & BaseProps<WarpToastContainer> & BaseEvents
   >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `name`: The name of the checkbox, submitted as a name/value pair with form data.
+   * - `value`: The value of the checkbox, submitted as a name/value pair with form data.
+   * - `indeterminate`: Draws the checkbox in an indeterminate state.
+   * - `checked`: Draws the checkbox in a checked state (reflected to attribute).
+   * - `disabled`: Disables the checkbox.
+   * - `required`: Makes the checkbox a required field.
+   * - `invalid`: Draws the checkbox in an invalid state.
+   * - `input`: undefined (property only)
+   * - `validationMessage`: Returns the validation message if the checkbox is invalid, otherwise an empty string (property only) (readonly)
+   * - `validity`: Returns the validity state of the checkbox (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `change`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `resetFormControl() => void`: undefined
+   * - `click() => void`: undefined
+   * - `focus(options?: FocusOptions) => void`: undefined
+   * - `blur() => void`: undefined
+   * - `checkValidity() => boolean`: Checks whether the checkbox passes constraint validation
+   * - `reportValidity() => boolean`: Checks validity and shows the browser's validation message if invalid
+   */
+  "w-checkbox": Partial<WCheckboxProps & BaseProps<WCheckbox> & BaseEvents>;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `label`: The group label displayed above the checkboxes.
+   * - `name`: The name applied to child checkboxes when they do not provide one.
+   * - `optional`: Whether to show optional text next to the label.
+   * - `help-text`/`helpText`: undefined
+   * - `required`: Makes the checkbox group required.
+   * - `invalid`: Marks the checkbox group as invalid.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `checkValidity() => boolean`: Checks whether the group passes constraint validation
+   * - `reportValidity() => boolean`: Checks validity and shows the validation message if invalid
+   * - `focus(options?: FocusOptions) => void`: Sets focus on the checkbox group.
+   */
+  "w-checkbox-group": Partial<
+    WCheckboxGroupProps & BaseProps<WCheckboxGroup> & 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
+   * - `name`: undefined
+   * - `value`: undefined
+   * - `placeholder`: undefined
+   * - `range`: undefined (property only)
+   * - `tooltipTarget`: undefined (property only)
+   * - `textfield`: undefined (property only)
+   * - `boundaryValue`: undefined (property only) (readonly)
+   * - `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)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `slidervalidity`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `resetFormControl() => void`: undefined
+   * - `updateFieldAfterValidation() => void`: 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 (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
+   * - `disabled`: undefined
+   * - `open-ended`/`openEnded`: Whether or not to allow values outside the range such as "Before 1950" and "2025+".
+   * - `error`: undefined
+   * - `help-text`/`helpText`: 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.
+   * - `hidden-textfield`/`hiddenTextfield`: undefined
+   * - `valueFormatter`: Formatter for the tooltip and input mask values. (property only)
+   * - `labelFormatter`: Formatter for the min and max labels below the range. (property only)
+   * - `_invalidMessage`: undefined (property only)
+   * - `_hasInternalError`: undefined (property only)
+   * - `_showError`: undefined (property only)
+   * - `_tabbableElements`: undefined (property only)
+   * - `edgeMin`: undefined (property only) (readonly)
+   * - `edgeMax`: undefined (property only) (readonly)
+   * - `componentHasError`: undefined (property only) (readonly)
+   * - `errorText`: undefined (property only) (readonly)
+   *
+   * ## 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>;
 };
 
 export type CustomElementsSolidJs = {
@@ -3020,6 +3419,168 @@ export type CustomElementsSolidJs = {
       BaseProps<WarpToastContainer> &
       BaseEvents
   >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `name`: The name of the checkbox, submitted as a name/value pair with form data.
+   * - `value`: The value of the checkbox, submitted as a name/value pair with form data.
+   * - `indeterminate`: Draws the checkbox in an indeterminate state.
+   * - `checked`: Draws the checkbox in a checked state (reflected to attribute).
+   * - `disabled`: Disables the checkbox.
+   * - `required`: Makes the checkbox a required field.
+   * - `invalid`: Draws the checkbox in an invalid state.
+   * - `input`: undefined (property only)
+   * - `validationMessage`: Returns the validation message if the checkbox is invalid, otherwise an empty string (property only) (readonly)
+   * - `validity`: Returns the validity state of the checkbox (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `change`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `resetFormControl() => void`: undefined
+   * - `click() => void`: undefined
+   * - `focus(options?: FocusOptions) => void`: undefined
+   * - `blur() => void`: undefined
+   * - `checkValidity() => boolean`: Checks whether the checkbox passes constraint validation
+   * - `reportValidity() => boolean`: Checks validity and shows the browser's validation message if invalid
+   */
+  "w-checkbox": Partial<
+    WCheckboxProps & WCheckboxSolidJsProps & BaseProps<WCheckbox> & BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `label`: The group label displayed above the checkboxes.
+   * - `name`: The name applied to child checkboxes when they do not provide one.
+   * - `optional`: Whether to show optional text next to the label.
+   * - `help-text`/`helpText`: undefined
+   * - `required`: Makes the checkbox group required.
+   * - `invalid`: Marks the checkbox group as invalid.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `checkValidity() => boolean`: Checks whether the group passes constraint validation
+   * - `reportValidity() => boolean`: Checks validity and shows the validation message if invalid
+   * - `focus(options?: FocusOptions) => void`: Sets focus on the checkbox group.
+   */
+  "w-checkbox-group": Partial<
+    WCheckboxGroupProps &
+      WCheckboxGroupSolidJsProps &
+      BaseProps<WCheckboxGroup> &
+      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
+   * - `name`: undefined
+   * - `value`: undefined
+   * - `placeholder`: undefined
+   * - `range`: undefined (property only)
+   * - `tooltipTarget`: undefined (property only)
+   * - `textfield`: undefined (property only)
+   * - `boundaryValue`: undefined (property only) (readonly)
+   * - `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)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `slidervalidity`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `resetFormControl() => void`: undefined
+   * - `updateFieldAfterValidation() => void`: undefined
+   */
+  "w-slider-thumb": Partial<
+    WarpSliderThumbProps &
+      WarpSliderThumbSolidJsProps &
+      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 (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
+   * - `disabled`: undefined
+   * - `open-ended`/`openEnded`: Whether or not to allow values outside the range such as "Before 1950" and "2025+".
+   * - `error`: undefined
+   * - `help-text`/`helpText`: 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.
+   * - `hidden-textfield`/`hiddenTextfield`: undefined
+   * - `valueFormatter`: Formatter for the tooltip and input mask values. (property only)
+   * - `labelFormatter`: Formatter for the min and max labels below the range. (property only)
+   * - `_invalidMessage`: undefined (property only)
+   * - `_hasInternalError`: undefined (property only)
+   * - `_showError`: undefined (property only)
+   * - `_tabbableElements`: undefined (property only)
+   * - `edgeMin`: undefined (property only) (readonly)
+   * - `edgeMax`: undefined (property only) (readonly)
+   * - `componentHasError`: undefined (property only) (readonly)
+   * - `errorText`: undefined (property only) (readonly)
+   *
+   * ## 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 &
+      WarpSliderSolidJsProps &
+      BaseProps<WarpSlider> &
+      BaseEvents
+  >;
 };
 
 export type CustomCssProperties = {};

package/dist/packages/affix/affix.js

@@ -1,4 +1,4 @@
-var _=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var i=(e,t,o,r)=>{for(var a=r>1?void 0:r?Y(t,o):t,l=e.length-1,b;l>=0;l--)(b=e[l])&&(a=(r?b(t,o,a):b(a))||a);return r&&a&&_(t,o,a),a};var p=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(o,r){return o.concat(typeof r=="string"?r:Array.isArray(r)?p.apply(void 0,r):typeof r=="object"&&r?Object.keys(r).map(function(a){return r[a]?a:""}):"")},[]).join(" ")};import{html as c,LitElement as B}from"lit";import{property as d}from"lit/decorators.js";import{ifDefined as y}from"lit/directives/if-defined.js";import{css as u}from"lit";var m=u`
+var L=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var i=(e,o,r,t)=>{for(var a=t>1?void 0:t?E(o,r):o,l=e.length-1,p;l>=0;l--)(p=e[l])&&(a=(t?p(o,r,a):p(a))||a);return t&&a&&L(o,r,a),a};var g=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return e.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?g.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{html as d,LitElement as F}from"lit";import{property as b}from"lit/decorators.js";import{ifDefined as z}from"lit/directives/if-defined.js";import{css as w}from"lit";var f=w`
   *,
   :before,
   :after {
@@ -271,7 +271,7 @@ var _=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var i=(e,t,o,r
   svg {
     pointer-events: none;
   }
-`,G=u`*, :before, :after {
+`,I=w`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2437,7 +2437,7 @@ var _=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var i=(e,t,o,r
                     display: none
                 }
             }
-        `;import{css as M}from"lit";var w=M`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{html as L,LitElement as S}from"lit";import{property as g,state as $}from"lit/decorators.js";import{classMap as E}from"lit/directives/class-map.js";import{css as j}from"lit";var f=j`
+        `;import{css as Y}from"lit";var x=Y`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{html as j,LitElement as S}from"lit";import{property as u,state as $}from"lit/decorators.js";import{classMap as P}from"lit/directives/class-map.js";import{css as M}from"lit";var k=M`
 :host {
   display: inline-block;
 }
@@ -2462,17 +2462,17 @@ var _=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var i=(e,t,o,r
   --w-icon-size: 32px;
 }
 
-`;var v=new Map,P='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function X(e,t={}){var r;let o=(r=t.responseParser)!=null?r:(a=>a.text());return v.has(e)||v.set(e,fetch(e).then(o)),v.get(e)}var n=class extends S{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(o){let r=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${o}.svg`;try{let a=await X(r);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(o){(o.has("name")||o.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let o=await this.fetchIcon(this.name);o||(o=new DOMParser().parseFromString(P,"text/html").body.firstElementChild),this.svg=o}render(){let o={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},r=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return L`<div class="${E(o)}" style="${r}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};n.styles=[f],i([g({type:String,reflect:!0})],n.prototype,"name",2),i([g({type:String,reflect:!0})],n.prototype,"size",2),i([g({type:String,reflect:!0})],n.prototype,"locale",2),i([$()],n.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",n);var Z=["en","nb","fi","da","sv"],k="en",x=e=>Z.find(t=>e===t||e.toLowerCase().includes(t))||k;function h(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return x(e)}try{let e=document.documentElement.lang;return x(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),k}}var z="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",T={wrapper:z+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},R={wrapper:z+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},s=class extends B{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?T:R}get _classes(){return p([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return c`
-      <button aria-label="${y(this.ariaLabel)}" class="${this._classes}" type="submit">
-        <w-icon name="Search" size="small" locale="${h()}" class="flex"></w-icon>
+`;var v=new Map,T='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function X(e,o={}){var t;let r=(t=o.responseParser)!=null?t:(a=>a.text());return v.has(e)||v.set(e,fetch(e).then(r)),v.get(e)}var n=class extends S{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let a=await X(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(T,"text/html").body.firstElementChild),this.svg=r}render(){let r={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},t=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return j`<div class="${P(r)}" style="${t}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};n.styles=[k],i([u({type:String,reflect:!0})],n.prototype,"name",2),i([u({type:String,reflect:!0})],n.prototype,"size",2),i([u({type:String,reflect:!0})],n.prototype,"locale",2),i([$()],n.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",n);var Z=["en","nb","fi","da","sv"],h="en",c=e=>Z.find(o=>e===o||e.toLowerCase().includes(o))||h;function m(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return c(e)}try{let e=y(document);if(e)return c(e);let o=C();if(o)return c(o);let r=y(B());return r?c(r):h}catch(e){return console.warn("could not detect locale, falling back to source locale",e),h}}function B(){var e,o;try{return(o=(e=window.parent)==null?void 0:e.document)!=null?o:null}catch(r){return null}}function y(e){var o,r;try{return(r=(o=e==null?void 0:e.documentElement)==null?void 0:o.lang)!=null?r:""}catch(t){return""}}function C(){var e,o,r;try{return(r=(o=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:o.call(e,"lang"))!=null?r:""}catch(t){return""}}var _="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",O={wrapper:_+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},R={wrapper:_+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},s=class extends F{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?O:R}get _classes(){return g([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return d`
+      <button aria-label="${z(this.ariaLabel)}" class="${this._classes}" type="submit">
+        <w-icon name="Search" size="small" locale="${m()}" class="flex"></w-icon>
       </button>
-    `}get _clearButton(){return c`
-      <button aria-label="${y(this.ariaLabel)}" class="${this._classes}" type="reset">
-        <w-icon name="Close" size="small" locale="${h()}" class="flex"></w-icon>
+    `}get _clearButton(){return d`
+      <button aria-label="${z(this.ariaLabel)}" class="${this._classes}" type="reset">
+        <w-icon name="Close" size="small" locale="${m()}" class="flex"></w-icon>
       </button>
-    `}get _text(){return c`
+    `}get _text(){return d`
       <div class="${this._classes}">
         <span class="${this._classBase.label}">${this.label}</span>
       </div>
-    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return c`${this._markup}`}};s.styles=[m,w],i([d({attribute:"aria-label"})],s.prototype,"ariaLabel",2),i([d({type:Boolean})],s.prototype,"clear",2),i([d({type:Boolean})],s.prototype,"search",2),i([d()],s.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",s);export{s as WarpAffix};
+    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return d`${this._markup}`}};s.styles=[f,x],i([b({attribute:"aria-label"})],s.prototype,"ariaLabel",2),i([b({type:Boolean})],s.prototype,"clear",2),i([b({type:Boolean})],s.prototype,"search",2),i([b()],s.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",s);export{s as WarpAffix};
 //# sourceMappingURL=affix.js.map