@warp-ds/elements 2.3.0-next.25 → 2.3.0-next.26

package/dist/custom-elements.json

@@ -4736,6 +4736,9 @@
                 "type": {
                   "text": "void"
                 }
+              },
+              "type": {
+                "text": "setValue() => void"
               }
             },
             {
@@ -4793,7 +4796,11 @@
           "superclass": {
             "name": "BaseFormAssociatedElement",
             "module": "/packages/radio/form-associated-element"
-          }
+          },
+          "tagName": "w-radio",
+          "customElement": true,
+          "modulePath": "packages/radio/radio.ts",
+          "definitionPath": "packages/radio/radio.ts"
         }
       ],
       "exports": [
@@ -4804,6 +4811,14 @@
             "name": "WRadio",
             "module": "packages/radio/radio.ts"
           }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-radio",
+          "declaration": {
+            "name": "WRadio",
+            "module": "packages/radio/radio.ts"
+          }
         }
       ]
     },
@@ -5003,7 +5018,10 @@
                     "text": "Parameters<BaseFormAssociatedElement['formResetCallback']>"
                   }
                 }
-              ]
+              ],
+              "type": {
+                "text": "formResetCallback(args: Parameters<BaseFormAssociatedElement['formResetCallback']>) => void"
+              }
             },
             {
               "kind": "field",
@@ -5051,7 +5069,10 @@
                   }
                 }
               ],
-              "description": "Sets focus on the radio group."
+              "description": "Sets focus on the radio group.",
+              "type": {
+                "text": "focus(options?: FocusOptions) => void"
+              }
             }
           ],
           "events": [
@@ -5162,7 +5183,11 @@
           "superclass": {
             "name": "BaseFormAssociatedElement",
             "module": "/packages/radio/form-associated-element"
-          }
+          },
+          "tagName": "w-radio-group",
+          "customElement": true,
+          "modulePath": "packages/radio/radio-group.ts",
+          "definitionPath": "packages/radio/radio-group.ts"
         }
       ],
       "exports": [
@@ -5173,6 +5198,14 @@
             "name": "WRadioGroup",
             "module": "packages/radio/radio-group.ts"
           }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-radio-group",
+          "declaration": {
+            "name": "WRadioGroup",
+            "module": "packages/radio/radio-group.ts"
+          }
         }
       ]
     },
@@ -5392,28 +5425,46 @@
             },
             {
               "kind": "method",
-              "name": "handleDefaultCheckedChange"
+              "name": "handleDefaultCheckedChange",
+              "type": {
+                "text": "handleDefaultCheckedChange() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "handleValueOrCheckedChange"
+              "name": "handleValueOrCheckedChange",
+              "type": {
+                "text": "handleValueOrCheckedChange() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "handleStateChange"
+              "name": "handleStateChange",
+              "type": {
+                "text": "handleStateChange() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "handleDisabledChange"
+              "name": "handleDisabledChange",
+              "type": {
+                "text": "handleDisabledChange() => void"
+              }
             },
             {
               "kind": "method",
-              "name": "formResetCallback"
+              "name": "formResetCallback",
+              "type": {
+                "text": "formResetCallback() => void"
+              }
             },
             {
               "kind": "method",
               "name": "click",
-              "description": "Simulates a click on the checkbox."
+              "description": "Simulates a click on the checkbox.",
+              "type": {
+                "text": "click() => void"
+              }
             },
             {
               "kind": "method",
@@ -5427,12 +5478,18 @@
                   }
                 }
               ],
-              "description": "Sets focus on the checkbox."
+              "description": "Sets focus on the checkbox.",
+              "type": {
+                "text": "focus(options?: FocusOptions) => void"
+              }
             },
             {
               "kind": "method",
               "name": "blur",
-              "description": "Removes focus from the checkbox."
+              "description": "Removes focus from the checkbox.",
+              "type": {
+                "text": "blur() => void"
+              }
             }
           ],
           "events": [
@@ -5535,7 +5592,11 @@
           "superclass": {
             "name": "BaseFormAssociatedElement",
             "module": "/packages/radio/form-associated-element"
-          }
+          },
+          "tagName": "w-checkbox",
+          "customElement": true,
+          "modulePath": "packages/checkbox/checkbox.ts",
+          "definitionPath": "packages/checkbox/checkbox.ts"
         }
       ],
       "exports": [
@@ -5546,6 +5607,14 @@
             "name": "WCheckbox",
             "module": "packages/checkbox/checkbox.ts"
           }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-checkbox",
+          "declaration": {
+            "name": "WCheckbox",
+            "module": "packages/checkbox/checkbox.ts"
+          }
         }
       ]
     },
@@ -5562,8 +5631,10 @@
             "name": "LitElement",
             "package": "lit"
           },
+          "tagName": "w-checkbox-group",
           "customElement": true,
-          "modulePath": "packages/checkbox/checkbox-group.ts"
+          "modulePath": "packages/checkbox/checkbox-group.ts",
+          "definitionPath": "packages/checkbox/checkbox-group.ts"
         }
       ],
       "exports": [
@@ -5574,6 +5645,14 @@
             "name": "WCheckboxGroup",
             "module": "packages/checkbox/checkbox-group.ts"
           }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-checkbox-group",
+          "declaration": {
+            "name": "WCheckboxGroup",
+            "module": "packages/checkbox/checkbox-group.ts"
+          }
         }
       ]
     },

package/dist/index.d.ts

@@ -21,6 +21,9 @@ import type { WarpDatepicker } from "./packages/datepicker/datepicker.ts";
 import type { WarpDeadToggle } from "./packages/deadtoggle/index.ts";
 import type { WarpPageIndicator } from "./packages/pageindicator/index.ts";
 import type { WarpPagination } from "./packages/pagination/index.ts";
+import type { WRadio } from "./packages/radio/radio.ts";
+import type { WRadioGroup } from "./packages/radio/radio-group.ts";
+import type { WCheckbox } from "./packages/checkbox/checkbox.ts";
 import type { WCheckboxGroup } from "./packages/checkbox/checkbox-group.ts";
 import type { WarpSliderThumb } from "./packages/slider/slider-thumb.ts";
 import type { WarpSlider } from "./packages/slider/slider.ts";
@@ -697,6 +700,104 @@ export type WarpPaginationProps = {
 }
 
 
+export type WRadioProps = {
+  /** The string pointing to a form's id. */
+  "form"?: WRadio['form'];
+  /** The radio's value. When selected, the radio group will receive this value. */
+  "value"?: WRadio['value'];
+  /** The radio's value. When selected, the radio group will receive this value. */
+  "appearance"?: WRadio['appearance'];
+  /** The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
+attribute can typically be omitted. */
+  "size"?: WRadio['size'];
+  /** Disables the radio. */
+  "disabled"?: WRadio['disabled'];
+  /**  */
+  "checked"?: WRadio['checked'];
+
+
+}
+
+
+export type WRadioGroupProps = {
+  /** The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
+instead. */
+  "label"?: WRadioGroup['label'];
+  /** The radio groups's hint. If you need to display HTML, use the `hint` slot instead. */
+  "hint"?: WRadioGroup['hint'];
+  /** The name of the radio group, submitted as a name/value pair with form data. */
+  "name"?: WRadioGroup['name'];
+  /** Disables the radio group and all child radios. */
+  "disabled"?: WRadioGroup['disabled'];
+  /** The orientation in which to show radio items. */
+  "orientation"?: WRadioGroup['orientation'];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  "value"?: WRadioGroup['defaultValue'];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  "defaultValue"?: WRadioGroup['defaultValue'];
+  /** The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden. */
+  "size"?: WRadioGroup['size'];
+  /** Ensures a child radio is checked before allowing the containing form to submit. */
+  "required"?: WRadioGroup['required'];
+  /** Used for SSR. if true, will show slotted label on initial render. */
+  "with-label"?: WRadioGroup['withLabel'];
+  /** Used for SSR. if true, will show slotted label on initial render. */
+  "withLabel"?: WRadioGroup['withLabel'];
+  /** Used for SSR. if true, will show slotted hint on initial render. */
+  "with-hint"?: WRadioGroup['withHint'];
+  /** Used for SSR. if true, will show slotted hint on initial render. */
+  "withHint"?: WRadioGroup['withHint'];
+  /**  */
+  "hasRadioButtons"?: WRadioGroup['hasRadioButtons'];
+  /**  */
+  "defaultSlot"?: WRadioGroup['defaultSlot'];
+
+  /**  */
+  "oninput"?: (e: CustomEvent<InputEvent>) => void;
+  /**  */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+}
+
+
+export type WCheckboxProps = {
+  /**  */
+  "title"?: WCheckbox['title'];
+  /** 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'];
+  /** The checkbox's size. */
+  "size"?: WCheckbox['size'];
+  /** Disables the checkbox. */
+  "disabled"?: WCheckbox['disabled'];
+  /** Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a "select
+all/none" behavior when associated checkboxes have a mix of checked and unchecked states. */
+  "indeterminate"?: WCheckbox['indeterminate'];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  "checked"?: WCheckbox['defaultChecked'];
+  /** The default value of the form control. Primarily used for resetting the form control. */
+  "defaultChecked"?: WCheckbox['defaultChecked'];
+  /** By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+the same document or shadow root for this to work. */
+  "form"?: WCheckbox['form'];
+  /** Makes the checkbox a required field. */
+  "required"?: WCheckbox['required'];
+  /** The checkbox's hint. If you need to display HTML, use the `hint` slot instead. */
+  "hint"?: WCheckbox['hint'];
+  /**  */
+  "input"?: WCheckbox['input'];
+
+  /**  */
+  "onchange"?: (e: CustomEvent<Event>) => void;
+}
+
+
+export type WCheckboxGroupProps = {
+
+
+}
+
 
 export type WarpSliderThumbProps = {
   /**  */
@@ -1492,6 +1593,127 @@ export type WarpTextareaProps = {
     "w-pagination": Partial<WarpPaginationProps & BaseProps<WarpPagination> & BaseEvents>;
 
 
+  /**
+     * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `form`: The string pointing to a form's id. 
+ * - `value`: The radio's value. When selected, the radio group will receive this value. 
+ * - `appearance`: The radio's value. When selected, the radio group will receive this value. 
+ * - `size`: The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
+ * attribute can typically be omitted. 
+ * - `disabled`: Disables the radio. 
+ * - `checked`: undefined (property only)
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `setValue() => void`: undefined
+  */
+    "w-radio": Partial<WRadioProps & BaseProps<WRadio> & BaseEvents>;
+
+
+  /**
+     * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `label`: The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
+ * instead. 
+ * - `hint`: The radio groups's hint. If you need to display HTML, use the `hint` slot instead. 
+ * - `name`: The name of the radio group, submitted as a name/value pair with form data. 
+ * - `disabled`: Disables the radio group and all child radios. 
+ * - `orientation`: The orientation in which to show radio items. 
+ * - `value`/`defaultValue`: The default value of the form control. Primarily used for resetting the form control. 
+ * - `size`: The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden. 
+ * - `required`: Ensures a child radio is checked before allowing the containing form to submit. 
+ * - `with-label`/`withLabel`: Used for SSR. if true, will show slotted label on initial render. 
+ * - `with-hint`/`withHint`: Used for SSR. if true, will show slotted hint on initial render. 
+ * - `hasRadioButtons`: undefined (property only)
+ * - `defaultSlot`: undefined (property only)
+ * - `value`: The current value of the radio group, submitted as a name/value pair with form data. (property only)
+ * - `validationTarget`: We use the first available radio as the validationTarget similar to native HTML that shows the validation popup on
+ * the first radio element. (property only) (readonly)
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `input`: undefined
+ * - `change`: undefined
+ * 
+ * ## Slots
+ * 
+ * Areas where markup can be added to the component.
+ * 
+ * - `label`: Alternative to the `label` attribute should you need custom HTML.
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `formResetCallback(args: Parameters<BaseFormAssociatedElement['formResetCallback']>) => void`: undefined
+ * - `focus(options?: FocusOptions) => void`: Sets focus on the radio group.
+  */
+    "w-radio-group": Partial<WRadioGroupProps & BaseProps<WRadioGroup> & BaseEvents>;
+
+
+  /**
+     * 
+ * 
+ * ## Attributes & Properties
+ * 
+ * Component attributes and properties that can be applied to the element or by using JavaScript.
+ * 
+ * - `title`: undefined 
+ * - `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. 
+ * - `size`: The checkbox's size. 
+ * - `disabled`: Disables the checkbox. 
+ * - `indeterminate`: Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a "select
+ * all/none" behavior when associated checkboxes have a mix of checked and unchecked states. 
+ * - `checked`/`defaultChecked`: The default value of the form control. Primarily used for resetting the form control. 
+ * - `form`: By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+ * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+ * the same document or shadow root for this to work. 
+ * - `required`: Makes the checkbox a required field. 
+ * - `hint`: The checkbox's hint. If you need to display HTML, use the `hint` slot instead. 
+ * - `input`: undefined (property only)
+ * - `checked`: Draws the checkbox in a checked state. (property only)
+ * 
+ * ## Events
+ * 
+ * Events that will be emitted by the component.
+ * 
+ * - `change`: undefined
+ * 
+ * ## Methods
+ * 
+ * Methods that can be called to access component functionality.
+ * 
+ * - `handleDefaultCheckedChange() => void`: undefined
+ * - `handleValueOrCheckedChange() => void`: undefined
+ * - `handleStateChange() => void`: undefined
+ * - `handleDisabledChange() => void`: undefined
+ * - `formResetCallback() => void`: undefined
+ * - `click() => void`: Simulates a click on the checkbox.
+ * - `focus(options?: FocusOptions) => void`: Sets focus on the checkbox.
+ * - `blur() => void`: Removes focus from the checkbox.
+  */
+    "w-checkbox": Partial<WCheckboxProps & BaseProps<WCheckbox> & BaseEvents>;
+
+
+  /**
+     * 
+  */
+    "w-checkbox-group": Partial<WCheckboxGroupProps & BaseProps<WCheckboxGroup> & BaseEvents>;
+
 
   /**
      * Component to place inside a `<w-slider>`.

package/dist/packages/checkbox/checkbox-group.js

@@ -1,7 +1,7 @@
-import{css as t,html as r,LitElement as a}from"lit";var e=class extends a{render(){return r`<slot part="checkbox-group"></slot>`}};e.styles=t`
+import{css as t,html as c,LitElement as o}from"lit";var e=class extends o{render(){return c`<slot part="checkbox-group"></slot>`}};e.styles=t`
     [part="checkbox-group"] {
       display: grid;
       gap: 16px;
     }
-  `;export{e as WCheckboxGroup};
+  `;customElements.get("w-checkbox-group")||customElements.define("w-checkbox-group",e);export{e as WCheckboxGroup};
 //# sourceMappingURL=checkbox-group.js.map

package/dist/packages/checkbox/checkbox-group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../packages/checkbox/checkbox-group.ts"],
-  "sourcesContent": ["import { css, html, LitElement } from 'lit';\n\nexport class WCheckboxGroup extends LitElement {\n  static styles = css`\n    [part=\"checkbox-group\"] {\n      display: grid;\n      gap: 16px;\n    }\n  `;\n  render() {\n    return html`<slot part=\"checkbox-group\"></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'w-checkbox-group': WCheckboxGroup;\n  }\n}\n"],
-  "mappings": "AAAA,OAAS,OAAAA,EAAK,QAAAC,EAAM,cAAAC,MAAkB,MAE/B,IAAMC,EAAN,cAA6BD,CAAW,CAO7C,QAAS,CACP,OAAOD,sCACT,CACF,EAVaE,EACJ,OAASH;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { css, html, LitElement } from 'lit';\n\nexport class WCheckboxGroup extends LitElement {\n  static styles = css`\n    [part=\"checkbox-group\"] {\n      display: grid;\n      gap: 16px;\n    }\n  `;\n  render() {\n    return html`<slot part=\"checkbox-group\"></slot>`;\n  }\n}\n\nif (!customElements.get('w-checkbox-group')) {\n  customElements.define('w-checkbox-group', WCheckboxGroup);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'w-checkbox-group': WCheckboxGroup;\n  }\n}\n"],
+  "mappings": "AAAA,OAAS,OAAAA,EAAK,QAAAC,EAAM,cAAAC,MAAkB,MAE/B,IAAMC,EAAN,cAA6BD,CAAW,CAO7C,QAAS,CACP,OAAOD,sCACT,CACF,EAVaE,EACJ,OAASH;AAAA;AAAA;AAAA;AAAA;AAAA,IAWb,eAAe,IAAI,kBAAkB,GACxC,eAAe,OAAO,mBAAoBG,CAAc",
   "names": ["css", "html", "LitElement", "WCheckboxGroup"]
 }

package/dist/packages/checkbox/checkbox.js

@@ -2587,5 +2587,5 @@ Please compile your catalog first.
       <slot id="hint" part="hint" name="hint" aria-hidden=${t?"false":"true"} class="${hr({"has-slotted":t})}">
         ${this.hint}
       </slot>
-    `}};u.css=[ve,fe],u.shadowRootOptions={...b.shadowRootOptions,delegatesFocus:!0},d([ur('input[type="checkbox"]')],u.prototype,"input",2),d([g()],u.prototype,"title",2),d([g({reflect:!0})],u.prototype,"name",2),d([g({reflect:!0})],u.prototype,"value",1),d([g({reflect:!0})],u.prototype,"size",2),d([g({type:Boolean})],u.prototype,"disabled",2),d([g({type:Boolean,reflect:!0})],u.prototype,"indeterminate",2),d([g({type:Boolean,attribute:!1})],u.prototype,"checked",2),d([g({type:Boolean,reflect:!0,attribute:"checked"})],u.prototype,"defaultChecked",2),d([g({reflect:!0})],u.prototype,"form",2),d([g({type:Boolean,reflect:!0})],u.prototype,"required",2),d([g()],u.prototype,"hint",2),d([L("defaultChecked")],u.prototype,"handleDefaultCheckedChange",1),d([L(["checked","indeterminate"])],u.prototype,"handleStateChange",1),d([L("disabled")],u.prototype,"handleDisabledChange",1);export{u as WCheckbox};
+    `}};u.css=[ve,fe],u.shadowRootOptions={...b.shadowRootOptions,delegatesFocus:!0},d([ur('input[type="checkbox"]')],u.prototype,"input",2),d([g()],u.prototype,"title",2),d([g({reflect:!0})],u.prototype,"name",2),d([g({reflect:!0})],u.prototype,"value",1),d([g({reflect:!0})],u.prototype,"size",2),d([g({type:Boolean})],u.prototype,"disabled",2),d([g({type:Boolean,reflect:!0})],u.prototype,"indeterminate",2),d([g({type:Boolean,attribute:!1})],u.prototype,"checked",2),d([g({type:Boolean,reflect:!0,attribute:"checked"})],u.prototype,"defaultChecked",2),d([g({reflect:!0})],u.prototype,"form",2),d([g({type:Boolean,reflect:!0})],u.prototype,"required",2),d([g()],u.prototype,"hint",2),d([L("defaultChecked")],u.prototype,"handleDefaultCheckedChange",1),d([L(["checked","indeterminate"])],u.prototype,"handleStateChange",1),d([L("disabled")],u.prototype,"handleDisabledChange",1);customElements.get("w-checkbox")||customElements.define("w-checkbox",u);export{u as WCheckbox};
 //# sourceMappingURL=checkbox.js.map