pure-uikit 1.1.39 → 1.2.0

package/cdn/types/vue/index.d.ts

@@ -1,7 +1,7 @@
 import type { DefineComponent } from "vue";
 
-import type { PAnimatedImage } from "../../components/animated-image/animated-image.component.js";
 import type { PAlert } from "../../components/alert/alert.component.js";
+import type { PAnimatedImage } from "../../components/animated-image/animated-image.component.js";
 import type { PAnimation } from "../../components/animation/animation.component.js";
 import type { PAvatar } from "../../components/avatar/avatar.component.js";
 import type { PBadge } from "../../components/badge/badge.component.js";
@@ -64,25 +64,6 @@ import type { PTree } from "../../components/tree/tree.component.js";
 import type { PTreeItem } from "../../components/tree-item/tree-item.component.js";
 import type { PVisuallyHidden } from "../../components/visually-hidden/visually-hidden.component.js";
 
-type PAnimatedImageProps = {
-  /** The path to the image to load. */
-  src?: PAnimatedImage["src"];
-  /** A description of the image used by assistive devices. */
-  alt?: PAnimatedImage["alt"];
-  /** Plays the animation. When this attribute is remove, the animation will pause. */
-  play?: PAnimatedImage["play"];
-  /**  */
-  animatedImage?: PAnimatedImage["animatedImage"];
-  /**  */
-  frozenFrame?: PAnimatedImage["frozenFrame"];
-  /**  */
-  isLoaded?: PAnimatedImage["isLoaded"];
-  /** Emitted when the image loads successfully. */
-  "onp-load"?: (e: CustomEvent<never>) => void;
-  /** Emitted when the image fails to load. */
-  "onp-error"?: (e: CustomEvent<never>) => void;
-};
-
 type PAlertProps = {
   /** Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
 use the `show()` and `hide()` methods and this attribute will reflect the alert's open state. */
@@ -107,6 +88,25 @@ the alert will not close on its own. */
   "onp-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
+type PAnimatedImageProps = {
+  /** The path to the image to load. */
+  src?: PAnimatedImage["src"];
+  /** A description of the image used by assistive devices. */
+  alt?: PAnimatedImage["alt"];
+  /** Plays the animation. When this attribute is remove, the animation will pause. */
+  play?: PAnimatedImage["play"];
+  /**  */
+  animatedImage?: PAnimatedImage["animatedImage"];
+  /**  */
+  frozenFrame?: PAnimatedImage["frozenFrame"];
+  /**  */
+  isLoaded?: PAnimatedImage["isLoaded"];
+  /** Emitted when the image loads successfully. */
+  "onp-load"?: (e: CustomEvent<never>) => void;
+  /** Emitted when the image fails to load. */
+  "onp-error"?: (e: CustomEvent<never>) => void;
+};
+
 type PAnimationProps = {
   /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
   name?: PAnimation["name"];
@@ -1895,28 +1895,6 @@ type PTreeItemProps = {
 type PVisuallyHiddenProps = {};
 
 export type CustomElements = {
-  /**
-   * A component for displaying animated GIFs and WEBPs that play and pause on interaction.
-   * ---
-   *
-   *
-   * ### **Events:**
-   *  - **p-load** - Emitted when the image loads successfully.
-   * - **p-error** - Emitted when the image fails to load.
-   *
-   * ### **Slots:**
-   *  - **play-icon** - Optional play icon to use instead of the default. Works best with `<p-icon>`.
-   * - **pause-icon** - Optional pause icon to use instead of the default. Works best with `<p-icon>`.
-   *
-   * ### **CSS Properties:**
-   *  - **--control-box-size** - The size of the icon box. _(default: undefined)_
-   * - **--icon-size** - The size of the play/pause icons. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **control-box** - The container that surrounds the pause/play icons and provides their background.
-   */
-  "p-animated-image": DefineComponent<PAnimatedImageProps>;
-
   /**
    * Alerts are used to display important messages inline or as toast notifications.
    * ---
@@ -1948,6 +1926,28 @@ export type CustomElements = {
    */
   "p-alert": DefineComponent<PAlertProps>;
 
+  /**
+   * A component for displaying animated GIFs and WEBPs that play and pause on interaction.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **p-load** - Emitted when the image loads successfully.
+   * - **p-error** - Emitted when the image fails to load.
+   *
+   * ### **Slots:**
+   *  - **play-icon** - Optional play icon to use instead of the default. Works best with `<p-icon>`.
+   * - **pause-icon** - Optional pause icon to use instead of the default. Works best with `<p-icon>`.
+   *
+   * ### **CSS Properties:**
+   *  - **--control-box-size** - The size of the icon box. _(default: undefined)_
+   * - **--icon-size** - The size of the play/pause icons. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **control-box** - The container that surrounds the pause/play icons and provides their background.
+   */
+  "p-animated-image": DefineComponent<PAnimatedImageProps>;
+
   /**
    * Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
    * ---

package/cdn/vscode.html-custom-data.json

@@ -1078,132 +1078,132 @@
       ]
     },
     {
-      "name": "p-file-upload-item",
-      "description": "\n---\n\n\n### **Events:**\n - **p-show** - Emitted when the item opens.\n- **p-after-show** - Emitted after the item opens and all animations are complete.\n- **p-hide** - Emitted when the item closes.\n- **p-after-hide** - Emitted after the item closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the item.\n- **hide()** - Hides the item\n\n### **Slots:**\n - _default_ - The file list item's label.\n- **image** - The file list item's image.\n- **close-button** - The file list item's close button.\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **image** - The file list item's image.\n- **label** - The file list item's label.\n- **close-button** -  The file list item's close button.",
+      "name": "p-file-upload",
+      "description": "\n---\n\n\n### **Events:**\n - **p-drop** - Emitted when dragged files have been dropped on the dropzone area.\n- **p-change** - Emitted when files have been uploaded via the dropzone or file dialog.\n- **p-load** - Emitted when a file transfer was finished\n- **p-error** - Emitted when a file transfer threw an error\n- **p-abort** - Emitted when a file transfer was aborted by the user\n- **p-remove** - Emitted when a file was removed\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The dropzone's label. Alternatively, you can use the image slot and label prop.\n- **image** - The dropzone's image.\n- **button** - The dropzone's button.\n\n### **CSS Properties:**\n - **--border-radius** - The border radius of the dropzone borders. _(default: undefined)_\n- **--border-width** - The width of the dropzone borders. _(default: undefined)_\n- **--border-style** - The style of the dropzone borders. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **label** - The dropzone container.\n- **image** - The dropzone image.\n- **button** - The dropzone button.",
       "attributes": [
+        { "name": "files", "values": [{ "name": "FileInfo[]" }] },
         {
-          "name": "loading",
-          "description": "Draws the item in a loading state.",
+          "name": "name",
+          "description": "The input's name attribute.",
           "values": []
         },
         {
-          "name": "progress",
-          "description": "The current progress, 0 to 100. Only respects is loading prop is true.",
+          "name": "disabled",
+          "description": "Disables the dropzone.",
+          "values": []
+        },
+        {
+          "name": "no-button",
+          "description": "If true, hides button to open the native file selection dialog",
+          "values": []
+        },
+        {
+          "name": "button-only",
+          "description": "If true, shows only a button as a file input",
+          "values": []
+        },
+        {
+          "name": "no-file-list",
+          "description": "If true, no file list will be shown",
           "values": []
         },
         {
           "name": "label",
-          "description": "A custom label for the progress bar's aria label. Only respects if loading prop is true.",
+          "description": "An optional overwrite for the upload label",
           "values": []
         },
         {
-          "name": "lang",
-          "description": "The locale to render the component in.",
+          "name": "button-label",
+          "description": "An optional overwrite for the preview button label",
           "values": []
         },
         {
-          "name": "warning",
-          "description": "Draws the item in a warning state.",
+          "name": "lang",
+          "description": "The locale to render the component in.",
           "values": []
         },
         {
-          "name": "closable",
-          "description": "Makes the item closable.",
+          "name": "accept",
+          "description": "A string that defines the file types the file dropzone should accept. Defaults to '*'",
           "values": []
         },
         {
-          "name": "value",
-          "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
+          "name": "max-file-size",
+          "description": "An optional maximum size of a file that will be considered valid.",
           "values": []
         },
         {
-          "name": "size",
-          "description": "The size of the file in bytes as a read-only 64-bit integer.",
+          "name": "max-files",
+          "description": "The maximum amount of files that are allowed.",
           "values": []
         },
         {
-          "name": "hidden",
-          "description": "Indicates whether or not the file list item is hidden.",
+          "name": "multiple",
+          "description": "Indicates if multiple files can be uploaded",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://pureui.xyz/components/file-upload-item"
+          "url": "https://pureui.xyz/components/file-upload"
         }
       ]
     },
     {
-      "name": "p-file-upload",
-      "description": "\n---\n\n\n### **Events:**\n - **p-drop** - Emitted when dragged files have been dropped on the dropzone area.\n- **p-change** - Emitted when files have been uploaded via the dropzone or file dialog.\n- **p-load** - Emitted when a file transfer was finished\n- **p-error** - Emitted when a file transfer threw an error\n- **p-abort** - Emitted when a file transfer was aborted by the user\n- **p-remove** - Emitted when a file was removed\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The dropzone's label. Alternatively, you can use the image slot and label prop.\n- **image** - The dropzone's image.\n- **button** - The dropzone's button.\n\n### **CSS Properties:**\n - **--border-radius** - The border radius of the dropzone borders. _(default: undefined)_\n- **--border-width** - The width of the dropzone borders. _(default: undefined)_\n- **--border-style** - The style of the dropzone borders. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **label** - The dropzone container.\n- **image** - The dropzone image.\n- **button** - The dropzone button.",
+      "name": "p-file-upload-item",
+      "description": "\n---\n\n\n### **Events:**\n - **p-show** - Emitted when the item opens.\n- **p-after-show** - Emitted after the item opens and all animations are complete.\n- **p-hide** - Emitted when the item closes.\n- **p-after-hide** - Emitted after the item closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the item.\n- **hide()** - Hides the item\n\n### **Slots:**\n - _default_ - The file list item's label.\n- **image** - The file list item's image.\n- **close-button** - The file list item's close button.\n\n### **CSS Parts:**\n - **base** - The component's internal wrapper.\n- **image** - The file list item's image.\n- **label** - The file list item's label.\n- **close-button** -  The file list item's close button.",
       "attributes": [
-        { "name": "files", "values": [{ "name": "FileInfo[]" }] },
-        {
-          "name": "name",
-          "description": "The input's name attribute.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the dropzone.",
-          "values": []
-        },
-        {
-          "name": "no-button",
-          "description": "If true, hides button to open the native file selection dialog",
-          "values": []
-        },
         {
-          "name": "button-only",
-          "description": "If true, shows only a button as a file input",
+          "name": "loading",
+          "description": "Draws the item in a loading state.",
           "values": []
         },
         {
-          "name": "no-file-list",
-          "description": "If true, no file list will be shown",
+          "name": "progress",
+          "description": "The current progress, 0 to 100. Only respects is loading prop is true.",
           "values": []
         },
         {
           "name": "label",
-          "description": "An optional overwrite for the upload label",
+          "description": "A custom label for the progress bar's aria label. Only respects if loading prop is true.",
           "values": []
         },
         {
-          "name": "button-label",
-          "description": "An optional overwrite for the preview button label",
+          "name": "lang",
+          "description": "The locale to render the component in.",
           "values": []
         },
         {
-          "name": "lang",
-          "description": "The locale to render the component in.",
+          "name": "warning",
+          "description": "Draws the item in a warning state.",
           "values": []
         },
         {
-          "name": "accept",
-          "description": "A string that defines the file types the file dropzone should accept. Defaults to '*'",
+          "name": "closable",
+          "description": "Makes the item closable.",
           "values": []
         },
         {
-          "name": "max-file-size",
-          "description": "An optional maximum size of a file that will be considered valid.",
+          "name": "value",
+          "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
           "values": []
         },
         {
-          "name": "max-files",
-          "description": "The maximum amount of files that are allowed.",
+          "name": "size",
+          "description": "The size of the file in bytes as a read-only 64-bit integer.",
           "values": []
         },
         {
-          "name": "multiple",
-          "description": "Indicates if multiple files can be uploaded",
+          "name": "hidden",
+          "description": "Indicates whether or not the file list item is hidden.",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://pureui.xyz/components/file-upload"
+          "url": "https://pureui.xyz/components/file-upload-item"
         }
       ]
     },
@@ -1740,17 +1740,6 @@
         { "name": "Documentation", "url": "https://pureui.xyz/components/menu" }
       ]
     },
-    {
-      "name": "p-menu-label",
-      "description": "Menu labels are used to describe a group of menu items.\n---\n\n\n### **Slots:**\n - _default_ - The menu label's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://pureui.xyz/components/menu-label"
-        }
-      ]
-    },
     {
       "name": "p-menu-item",
       "description": "Menu items provide options for the user to pick from in a menu.\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a text label based on the contents of the menu item's default slot.\n\n### **Slots:**\n - _default_ - The menu item's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n- **submenu** - Used to denote a nested menu.\n\n### **CSS Properties:**\n - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **checked-icon** - The checked icon, which is only visible when the menu item is checked.\n- **prefix** - The prefix container.\n- **label** - The menu item label.\n- **suffix** - The suffix container.\n- **spinner** - The spinner that shows when the menu item is in the loading state.\n- **spinner__base** - The spinner's base part.\n- **submenu-icon** - The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
@@ -1788,6 +1777,17 @@
         }
       ]
     },
+    {
+      "name": "p-menu-label",
+      "description": "Menu labels are used to describe a group of menu items.\n---\n\n\n### **Slots:**\n - _default_ - The menu label's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://pureui.xyz/components/menu-label"
+        }
+      ]
+    },
     {
       "name": "p-mutation-observer",
       "description": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).\n---\n\n\n### **Events:**\n - **p-mutation** - Emitted when a mutation occurs.\n\n### **Slots:**\n - _default_ - The content to watch for mutations.",

package/cdn/web-types.json

@@ -1,85 +1,11 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "pure-uikit",
-  "version": "1.1.39",
+  "version": "1.2.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
-        {
-          "name": "p-animated-image",
-          "description": "A component for displaying animated GIFs and WEBPs that play and pause on interaction.\n---\n\n\n### **Events:**\n - **p-load** - Emitted when the image loads successfully.\n- **p-error** - Emitted when the image fails to load.\n\n### **Slots:**\n - **play-icon** - Optional play icon to use instead of the default. Works best with `<p-icon>`.\n- **pause-icon** - Optional pause icon to use instead of the default. Works best with `<p-icon>`.\n\n### **CSS Properties:**\n - **--control-box-size** - The size of the icon box. _(default: undefined)_\n- **--icon-size** - The size of the play/pause icons. _(default: undefined)_\n\n### **CSS Parts:**\n - **control-box** - The container that surrounds the pause/play icons and provides their background.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "src",
-              "description": "The path to the image to load.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "alt",
-              "description": "A description of the image used by assistive devices.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "play",
-              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
-              "value": { "type": "boolean" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "play-icon",
-              "description": "Optional play icon to use instead of the default. Works best with `<p-icon>`."
-            },
-            {
-              "name": "pause-icon",
-              "description": "Optional pause icon to use instead of the default. Works best with `<p-icon>`."
-            }
-          ],
-          "events": [
-            {
-              "name": "p-load",
-              "description": "Emitted when the image loads successfully."
-            },
-            {
-              "name": "p-error",
-              "description": "Emitted when the image fails to load."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "animatedImage", "type": "HTMLImageElement" },
-              { "name": "frozenFrame", "type": "string" },
-              { "name": "isLoaded", "type": "boolean" },
-              {
-                "name": "src",
-                "description": "The path to the image to load.",
-                "type": "string"
-              },
-              {
-                "name": "alt",
-                "description": "A description of the image used by assistive devices.",
-                "type": "string"
-              },
-              {
-                "name": "play",
-                "description": "Plays the animation. When this attribute is remove, the animation will pause.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "p-load",
-                "description": "Emitted when the image loads successfully."
-              },
-              {
-                "name": "p-error",
-                "description": "Emitted when the image fails to load."
-              }
-            ]
-          }
-        },
         {
           "name": "p-alert",
           "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **p-show** - Emitted when the alert opens.\n- **p-after-show** - Emitted after the alert opens and all animations are complete.\n- **p-hide** - Emitted when the alert closes.\n- **p-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **icon** - An icon to show in the alert. Works best with `<p-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.\n- **close-button** - The close button, an `<p-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.",
@@ -177,6 +103,80 @@
             ]
           }
         },
+        {
+          "name": "p-animated-image",
+          "description": "A component for displaying animated GIFs and WEBPs that play and pause on interaction.\n---\n\n\n### **Events:**\n - **p-load** - Emitted when the image loads successfully.\n- **p-error** - Emitted when the image fails to load.\n\n### **Slots:**\n - **play-icon** - Optional play icon to use instead of the default. Works best with `<p-icon>`.\n- **pause-icon** - Optional pause icon to use instead of the default. Works best with `<p-icon>`.\n\n### **CSS Properties:**\n - **--control-box-size** - The size of the icon box. _(default: undefined)_\n- **--icon-size** - The size of the play/pause icons. _(default: undefined)_\n\n### **CSS Parts:**\n - **control-box** - The container that surrounds the pause/play icons and provides their background.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "src",
+              "description": "The path to the image to load.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "alt",
+              "description": "A description of the image used by assistive devices.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "play",
+              "description": "Plays the animation. When this attribute is remove, the animation will pause.",
+              "value": { "type": "boolean" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "play-icon",
+              "description": "Optional play icon to use instead of the default. Works best with `<p-icon>`."
+            },
+            {
+              "name": "pause-icon",
+              "description": "Optional pause icon to use instead of the default. Works best with `<p-icon>`."
+            }
+          ],
+          "events": [
+            {
+              "name": "p-load",
+              "description": "Emitted when the image loads successfully."
+            },
+            {
+              "name": "p-error",
+              "description": "Emitted when the image fails to load."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "animatedImage", "type": "HTMLImageElement" },
+              { "name": "frozenFrame", "type": "string" },
+              { "name": "isLoaded", "type": "boolean" },
+              {
+                "name": "src",
+                "description": "The path to the image to load.",
+                "type": "string"
+              },
+              {
+                "name": "alt",
+                "description": "A description of the image used by assistive devices.",
+                "type": "string"
+              },
+              {
+                "name": "play",
+                "description": "Plays the animation. When this attribute is remove, the animation will pause.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "p-load",
+                "description": "Emitted when the image loads successfully."
+              },
+              {
+                "name": "p-error",
+                "description": "Emitted when the image fails to load."
+              }
+            ]
+          }
+        },
         {
           "name": "p-animation",
           "description": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).\n---\n\n\n### **Events:**\n - **p-cancel** - Emitted when the animation is canceled.\n- **p-finish** - Emitted when the animation finishes.\n- **p-start** - Emitted when the animation starts or restarts.\n\n### **Methods:**\n - **cancel()** - Clears all keyframe effects caused by this animation and aborts its playback.\n- **finish()** - Sets the playback time to the end of the animation corresponding to the current playback direction.\n\n### **Slots:**\n - _default_ - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<p-animation>` elements.",
@@ -912,7 +912,7 @@
             {
               "name": "format",
               "description": "The date format to use when formatting the date.\n\nThe format string is a combination of the following tokens:\n\n| Token | Description |\n|-------|-------------|\n| `YY`  | Four-digit year |\n| `YYYY` | Four-digit year |\n| `M`   | Month, numeric (0-11) |\n| `MM`  | Month, numeric (00-11) |\n| `MMM` | Month, abbreviated |\n| `MMMM` | Month, full |\n| `D`   | Day of month, numeric (1-31) |\n| `DD`  | Day of month, numeric (01-31) |\n| `d`   | Day of week, numeric (0-6) |\n| `dd`  | Day of week, numeric (Su-Sa) |\n| `ddd` | Day of week, abbreviated |\n| `dddd` | Day of week, full |\n| `H`   | Hour, numeric, 24-hour (0-23) |\n| `HH`  | Hour, numeric, 24-hour (00-23) |\n| `h`   | Hour, numeric, 12-hour (1-12) |\n| `hh`  | Hour, numeric, 12-hour (01-12) |\n| `m`   | Minute, numeric (0-59) |\n| `mm`  | Minute, numeric (00-59) |\n| `s`   | Second, numeric (0-59) |\n| `ss`  | Second, numeric (00-59) |",
-              "value": { "type": "string", "default": "\"YYYY-MM-DD\"" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "typing",
@@ -1072,7 +1072,7 @@
             {
               "name": "show-adjacent-dates",
               "description": "When true, dates from the previous and next month will also be shown to fill out the grid.",
-              "value": { "type": "boolean", "default": "true" }
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -1191,7 +1191,7 @@
                 "description": "The current value of the calendar, submitted as a name/value pair with form data. When type is set to`multiple`, the\nvalue attribute will be a space-delimited list of values based on the dates selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
                 "type": "Date | Date[]"
               },
-              { "name": "value", "type": "string | string[]" },
+              { "name": "value", "type": "string | Date | (string | Date)[]" },
               {
                 "name": "defaultValue",
                 "description": "The default value of the form control. Primarily used for resetting the form control.",

package/dist/chunks/{chunk.GIHNW7AC.js → chunk.2CFGGCH6.js}

@@ -1,6 +1,6 @@
 import {
   PMenuItem
-} from "./chunk.GZJ2ZHJO.js";
+} from "./chunk.TWSG4JQ7.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = PMenuItem;

package/dist/chunks/{chunk.CHH4GHTE.js → chunk.2DZQW4CU.js}

@@ -1,6 +1,6 @@
 import {
   PSpinner
-} from "./chunk.KJD4KM2W.js";
+} from "./chunk.42VWQXHS.js";
 import {
   button_styles_default
 } from "./chunk.KCUM476Z.js";
@@ -16,13 +16,13 @@ import {
 } from "./chunk.MLXUTV4G.js";
 import {
   PIcon
-} from "./chunk.DD7KC2AT.js";
+} from "./chunk.EAD6RPBG.js";
 import {
   watch
 } from "./chunk.2FB5TK5H.js";
 import {
   PureElement
-} from "./chunk.QWE22ALL.js";
+} from "./chunk.TVRTYDW6.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.D2BI56B5.js → chunk.2GQ2PDR4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.YKKSQ2FG.js";
 import {
   PureElement
-} from "./chunk.QWE22ALL.js";
+} from "./chunk.TVRTYDW6.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.YJAWPQNC.js → chunk.2OE2EPRZ.js}

@@ -1,6 +1,6 @@
 import {
   PMenuLabel
-} from "./chunk.V3PI6MBW.js";
+} from "./chunk.K4HWWVFH.js";
 
 // src/react/menu-label/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.TJWAZYIB.js → chunk.2S5SX2ON.js}

@@ -1,6 +1,6 @@
 import {
   PButtonGroup
-} from "./chunk.ADHKCPL5.js";
+} from "./chunk.5EOAOFDF.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = PButtonGroup;

package/dist/chunks/{chunk.FFNHZDTF.js → chunk.2TMC7FQF.js}

@@ -1,6 +1,6 @@
 import {
   PMutationObserver
-} from "./chunk.ZL3ZHVKX.js";
+} from "./chunk.4UASAMHQ.js";
 
 // src/components/mutation-observer/mutation-observer.ts
 var mutation_observer_default = PMutationObserver;

package/dist/chunks/{chunk.BHVT4MHP.js → chunk.3O7M7YDB.js}

@@ -1,6 +1,6 @@
 import {
   PMenu
-} from "./chunk.J7ZQRXDF.js";
+} from "./chunk.CKPUR5WP.js";
 
 // src/react/menu/index.ts
 import * as React from "react";

package/dist/chunks/{chunk.YXZHPC5J.js → chunk.3QGTUABA.js}

@@ -1,6 +1,6 @@
 import {
   PFormatNumber
-} from "./chunk.IKYPG4EZ.js";
+} from "./chunk.DXD67YWE.js";
 
 // src/components/format-number/format-number.ts
 var format_number_default = PFormatNumber;