pure-uikit 1.3.13 → 1.3.14

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "pure-uikit",
-  "version": "1.3.13",
+  "version": "1.3.14",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -309,6 +309,171 @@
             "events": []
           }
         },
+        {
+          "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+              "value": { "type": "string", "default": "\"none\"" }
+            },
+            {
+              "name": "play",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "delay",
+              "description": "The number of milliseconds to delay the start of the animation.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "direction",
+              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+              "value": { "type": "PlaybackDirection", "default": "\"normal\"" }
+            },
+            {
+              "name": "duration",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "value": { "type": "number", "default": "1000" }
+            },
+            {
+              "name": "easing",
+              "description": "The easing function to use for the animation. This can be a Pure UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+              "value": { "type": "string", "default": "\"linear\"" }
+            },
+            {
+              "name": "end-delay",
+              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "fill",
+              "description": "Sets how the animation applies styles to its target before and after its execution.",
+              "value": { "type": "FillMode", "default": "\"auto\"" }
+            },
+            {
+              "name": "iterations",
+              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+              "value": { "type": "string", "default": "Infinity" }
+            },
+            {
+              "name": "iteration-start",
+              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "playback-rate",
+              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
+              "value": { "type": "number", "default": "1" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "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."
+            }
+          ],
+          "events": [
+            {
+              "name": "p-cancel",
+              "description": "Emitted when the animation is canceled."
+            },
+            {
+              "name": "p-finish",
+              "description": "Emitted when the animation finishes."
+            },
+            {
+              "name": "p-start",
+              "description": "Emitted when the animation starts or restarts."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "defaultPot", "type": "Promise<HTMLSlotElement>" },
+              {
+                "name": "name",
+                "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+                "type": "string"
+              },
+              {
+                "name": "play",
+                "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+                "type": "boolean"
+              },
+              {
+                "name": "delay",
+                "description": "The number of milliseconds to delay the start of the animation.",
+                "type": "number"
+              },
+              {
+                "name": "direction",
+                "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+                "type": "PlaybackDirection"
+              },
+              {
+                "name": "duration",
+                "description": "The number of milliseconds each iteration of the animation takes to complete.",
+                "type": "number"
+              },
+              {
+                "name": "easing",
+                "description": "The easing function to use for the animation. This can be a Pure UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+                "type": "string"
+              },
+              {
+                "name": "endDelay",
+                "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+                "type": "number"
+              },
+              {
+                "name": "fill",
+                "description": "Sets how the animation applies styles to its target before and after its execution.",
+                "type": "FillMode"
+              },
+              {
+                "name": "iterations",
+                "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops."
+              },
+              {
+                "name": "iterationStart",
+                "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+                "type": "number"
+              },
+              {
+                "name": "keyframes",
+                "description": "The keyframes to use for the animation. If this is set, `name` will be ignored.",
+                "type": "Keyframe[] | undefined"
+              },
+              {
+                "name": "playbackRate",
+                "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
+                "type": "number"
+              },
+              {
+                "name": "currentTime",
+                "description": "Gets and sets the current animation time.",
+                "type": "CSSNumberish"
+              }
+            ],
+            "events": [
+              {
+                "name": "p-cancel",
+                "description": "Emitted when the animation is canceled."
+              },
+              {
+                "name": "p-finish",
+                "description": "Emitted when the animation finishes."
+              },
+              {
+                "name": "p-start",
+                "description": "Emitted when the animation starts or restarts."
+              }
+            ]
+          }
+        },
         {
           "name": "p-breadcrumb",
           "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<p-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -704,248 +869,83 @@
           }
         },
         {
-          "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.",
+          "name": "p-button-group",
+          "description": "Button groups can be used to group related buttons into sections.\n---\n\n\n### **Slots:**\n - _default_ - One or more `<p-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "name",
-              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
-              "value": { "type": "string", "default": "\"none\"" }
-            },
+              "name": "label",
+              "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
+              "value": { "type": "string", "default": "\"\"" }
+            }
+          ],
+          "slots": [
             {
-              "name": "play",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "name": "",
+              "description": "One or more `<p-button>` elements to display in the button group."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "defaultSlot", "type": "HTMLSlotElement" },
+              { "name": "disableRole", "type": "boolean" },
+              {
+                "name": "label",
+                "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "p-calendar",
+          "description": "Calendar shows a monthly view of the Gregorian calendar, optionally allowing users to interact with dates.\n---\n\n\n### **Events:**\n - **p-change** - Emitted when the control's value changes.\n- **p-clear** - Emitted when the control's value is cleared.\n- **p-input** - Emitted when the control receives input.\n- **p-focus** - Emitted when the control gains focus.\n- **p-blur** - Emitted when the control loses focus.\n- **p-show** - Emitted when the select's menu opens.\n- **p-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **p-hide** - Emitted when the select's menu closes.\n- **p-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **p-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the calendar.\n- **hide()** - Hides the calendar.\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- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **goToToday()** - Moves the calendar to the current month and year.\n- **goToPreviousMonth(event: _MouseEvent_)** - Moves the calendar to the previous month.\n- **goToNextMonth(event: _MouseEvent_)** - Moves the calendar to the next month.\n- **goToPreviousYear(event: _MouseEvent_)** - Moves the calendar to the previous year.\n- **goToNextYear(event: _MouseEvent_)** - Moves the calendar to the next year.\n\n### **Slots:**\n - **footer** - Optional content to place in the calendar's footer.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the calendar.\n- **suffix** - Used to append a presentational icon or similar element to the calendar.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--border-color** - The calendar's border color. _(default: undefined)_\n- **--border-width** - The calendar's border width. _(default: undefined)_\n- **--border-radius** - The border radius of the calendar. _(default: undefined)_\n\n### **CSS Parts:**\n - **calendar** - The component's container.\n- **day** - Targets day cells.\n- **day-label** - Targets the day labels (the name of the days in the grid).\n- **day-weekend** - Targets days that fall on weekends.\n- **day-weekday** - Targets weekdays.\n- **day-current-focus** - Targets days that are focused (used for keyboard navigation).\n- **day-current-month** - Targets days in the current month.\n- **day-previous-month** - Targets days in the previous month.\n- **day-next-month** - Targets days in the next month.\n- **day-today** - Targets today.\n- **day-selected** - Targets selected days.\n- **day-selection-start** - Targets days that begin a selection.\n- **day-selected-in-range** - Targets days that are in the middle of a selection when use type=\"range\".\n- **day-selection-end** - Targets days that end a selection.\n- **tag** - Targets days that selected when use type=\"multiple\".",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "close-on-select",
+              "description": "Whether to close the calendar when a date is selected.\n\nWhen `true`, the calendar will close after a date is selected.\n\nThis attribute only applies when the calendar is in dialog mode and type not \"multiple\".",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "delay",
-              "description": "The number of milliseconds to delay the start of the animation.",
-              "value": { "type": "number", "default": "0" }
+              "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": "\"\"" }
             },
             {
-              "name": "direction",
-              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
-              "value": { "type": "PlaybackDirection", "default": "\"normal\"" }
+              "name": "typing",
+              "description": "Indicates whether the calendar is in typing mode.\nTyping mode means that the calendar accepts user input and emits `p-input` and `p-change` events when the user types a valid date.\nWhen typing mode is `false`, the calendar does not accept user input and does not emit `p-input` or `p-change` events.",
+              "value": { "type": "boolean", "default": "true" }
             },
             {
-              "name": "duration",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
-              "value": { "type": "number", "default": "1000" }
+              "name": "name",
+              "description": "The name of the calendar, submitted as a name/value pair with form data.",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "easing",
-              "description": "The easing function to use for the animation. This can be a Pure UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
-              "value": { "type": "string", "default": "\"linear\"" }
+              "name": "_value",
+              "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.**",
+              "value": { "type": "Date | Date[]", "default": "[]" }
             },
             {
-              "name": "end-delay",
-              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-              "value": { "type": "number", "default": "0" }
+              "name": "size",
+              "description": "The select's size.",
+              "value": {
+                "type": "\"small\" | \"medium\" | \"large\"",
+                "default": "\"medium\""
+              }
             },
             {
-              "name": "fill",
-              "description": "Sets how the animation applies styles to its target before and after its execution.",
-              "value": { "type": "FillMode", "default": "\"auto\"" }
+              "name": "placeholder",
+              "description": "Placeholder text to show as a hint when the select is empty.",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "iterations",
-              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-              "value": { "type": "string", "default": "Infinity" }
-            },
-            {
-              "name": "iteration-start",
-              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "playback-rate",
-              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
-              "value": { "type": "number", "default": "1" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "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."
-            }
-          ],
-          "events": [
-            {
-              "name": "p-cancel",
-              "description": "Emitted when the animation is canceled."
-            },
-            {
-              "name": "p-finish",
-              "description": "Emitted when the animation finishes."
-            },
-            {
-              "name": "p-start",
-              "description": "Emitted when the animation starts or restarts."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "defaultPot", "type": "Promise<HTMLSlotElement>" },
-              {
-                "name": "name",
-                "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
-                "type": "string"
-              },
-              {
-                "name": "play",
-                "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
-                "type": "boolean"
-              },
-              {
-                "name": "delay",
-                "description": "The number of milliseconds to delay the start of the animation.",
-                "type": "number"
-              },
-              {
-                "name": "direction",
-                "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
-                "type": "PlaybackDirection"
-              },
-              {
-                "name": "duration",
-                "description": "The number of milliseconds each iteration of the animation takes to complete.",
-                "type": "number"
-              },
-              {
-                "name": "easing",
-                "description": "The easing function to use for the animation. This can be a Pure UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
-                "type": "string"
-              },
-              {
-                "name": "endDelay",
-                "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-                "type": "number"
-              },
-              {
-                "name": "fill",
-                "description": "Sets how the animation applies styles to its target before and after its execution.",
-                "type": "FillMode"
-              },
-              {
-                "name": "iterations",
-                "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops."
-              },
-              {
-                "name": "iterationStart",
-                "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-                "type": "number"
-              },
-              {
-                "name": "keyframes",
-                "description": "The keyframes to use for the animation. If this is set, `name` will be ignored.",
-                "type": "Keyframe[] | undefined"
-              },
-              {
-                "name": "playbackRate",
-                "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
-                "type": "number"
-              },
-              {
-                "name": "currentTime",
-                "description": "Gets and sets the current animation time.",
-                "type": "CSSNumberish"
-              }
-            ],
-            "events": [
-              {
-                "name": "p-cancel",
-                "description": "Emitted when the animation is canceled."
-              },
-              {
-                "name": "p-finish",
-                "description": "Emitted when the animation finishes."
-              },
-              {
-                "name": "p-start",
-                "description": "Emitted when the animation starts or restarts."
-              }
-            ]
-          }
-        },
-        {
-          "name": "p-button-group",
-          "description": "Button groups can be used to group related buttons into sections.\n---\n\n\n### **Slots:**\n - _default_ - One or more `<p-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "label",
-              "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-              "value": { "type": "string", "default": "\"\"" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "One or more `<p-button>` elements to display in the button group."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "defaultSlot", "type": "HTMLSlotElement" },
-              { "name": "disableRole", "type": "boolean" },
-              {
-                "name": "label",
-                "description": "A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive\ndevices when interacting with the control and is strongly recommended.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "p-calendar",
-          "description": "Calendar shows a monthly view of the Gregorian calendar, optionally allowing users to interact with dates.\n---\n\n\n### **Events:**\n - **p-change** - Emitted when the control's value changes.\n- **p-clear** - Emitted when the control's value is cleared.\n- **p-input** - Emitted when the control receives input.\n- **p-focus** - Emitted when the control gains focus.\n- **p-blur** - Emitted when the control loses focus.\n- **p-show** - Emitted when the select's menu opens.\n- **p-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **p-hide** - Emitted when the select's menu closes.\n- **p-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **p-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the calendar.\n- **hide()** - Hides the calendar.\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- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **goToToday()** - Moves the calendar to the current month and year.\n- **goToPreviousMonth(event: _MouseEvent_)** - Moves the calendar to the previous month.\n- **goToNextMonth(event: _MouseEvent_)** - Moves the calendar to the next month.\n- **goToPreviousYear(event: _MouseEvent_)** - Moves the calendar to the previous year.\n- **goToNextYear(event: _MouseEvent_)** - Moves the calendar to the next year.\n\n### **Slots:**\n - **footer** - Optional content to place in the calendar's footer.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **prefix** - Used to prepend a presentational icon or similar element to the calendar.\n- **suffix** - Used to append a presentational icon or similar element to the calendar.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Properties:**\n - **--border-color** - The calendar's border color. _(default: undefined)_\n- **--border-width** - The calendar's border width. _(default: undefined)_\n- **--border-radius** - The border radius of the calendar. _(default: undefined)_\n\n### **CSS Parts:**\n - **calendar** - The component's container.\n- **day** - Targets day cells.\n- **day-label** - Targets the day labels (the name of the days in the grid).\n- **day-weekend** - Targets days that fall on weekends.\n- **day-weekday** - Targets weekdays.\n- **day-current-focus** - Targets days that are focused (used for keyboard navigation).\n- **day-current-month** - Targets days in the current month.\n- **day-previous-month** - Targets days in the previous month.\n- **day-next-month** - Targets days in the next month.\n- **day-today** - Targets today.\n- **day-selected** - Targets selected days.\n- **day-selection-start** - Targets days that begin a selection.\n- **day-selected-in-range** - Targets days that are in the middle of a selection when use type=\"range\".\n- **day-selection-end** - Targets days that end a selection.\n- **tag** - Targets days that selected when use type=\"multiple\".",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "close-on-select",
-              "description": "Whether to close the calendar when a date is selected.\n\nWhen `true`, the calendar will close after a date is selected.\n\nThis attribute only applies when the calendar is in dialog mode and type not \"multiple\".",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "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": "\"\"" }
-            },
-            {
-              "name": "typing",
-              "description": "Indicates whether the calendar is in typing mode.\nTyping mode means that the calendar accepts user input and emits `p-input` and `p-change` events when the user types a valid date.\nWhen typing mode is `false`, the calendar does not accept user input and does not emit `p-input` or `p-change` events.",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "name",
-              "description": "The name of the calendar, submitted as a name/value pair with form data.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "_value",
-              "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.**",
-              "value": { "type": "Date | Date[]", "default": "[]" }
-            },
-            {
-              "name": "size",
-              "description": "The select's size.",
-              "value": {
-                "type": "\"small\" | \"medium\" | \"large\"",
-                "default": "\"medium\""
-              }
-            },
-            {
-              "name": "placeholder",
-              "description": "Placeholder text to show as a hint when the select is empty.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "max-options-visible",
-              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "value": { "type": "number", "default": "3" }
+              "name": "max-options-visible",
+              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
+              "value": { "type": "number", "default": "3" }
             },
             {
               "name": "disabled",
@@ -1737,6 +1737,153 @@
             ]
           }
         },
+        {
+          "name": "p-copy-button",
+          "description": "Copies text data to the clipboard when the user clicks the trigger.\n---\n\n\n### **Events:**\n - **p-copy** - Emitted when the data has been copied.\n- **p-error** - Emitted when the data could not be copied.\n\n### **Slots:**\n - **copy-icon** - The icon to show in the default copy state. Works best with `<p-icon>`.\n- **success-icon** - The icon to show when the content is copied. Works best with `<p-icon>`.\n- **error-icon** - The icon to show when a copy error occurs. Works best with `<p-icon>`.\n\n### **CSS Properties:**\n - **--success-color** - The color to use for success feedback. _(default: undefined)_\n- **--error-color** - The color to use for error feedback. _(default: undefined)_\n\n### **CSS Parts:**\n - **button** - The internal `<button>` element.\n- **copy-icon** - The container that holds the copy icon.\n- **success-icon** - The container that holds the success icon.\n- **error-icon** - The container that holds the error icon.\n- **tooltip__base** - The tooltip's exported `base` part.\n- **tooltip__base__popup** - The tooltip's exported `popup` part.\n- **tooltip__base__arrow** - The tooltip's exported `arrow` part.\n- **tooltip__body** - The tooltip's exported `body` part.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The text value to copy.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "from",
+              "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the copy button.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "copy-label",
+              "description": "A custom label to show in the tooltip.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "success-label",
+              "description": "A custom label to show in the tooltip after copying.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "error-label",
+              "description": "A custom label to show in the tooltip when a copy error occurs.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "feedback-duration",
+              "description": "The length of time to show feedback before restoring the default trigger.",
+              "value": { "type": "number", "default": "1000" }
+            },
+            {
+              "name": "tooltip-placement",
+              "description": "The preferred placement of the tooltip.",
+              "value": {
+                "type": "\"top\" | \"right\" | \"bottom\" | \"left\"",
+                "default": "\"top\""
+              }
+            },
+            {
+              "name": "hoist",
+              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "copy-icon",
+              "description": "The icon to show in the default copy state. Works best with `<p-icon>`."
+            },
+            {
+              "name": "success-icon",
+              "description": "The icon to show when the content is copied. Works best with `<p-icon>`."
+            },
+            {
+              "name": "error-icon",
+              "description": "The icon to show when a copy error occurs. Works best with `<p-icon>`."
+            }
+          ],
+          "events": [
+            {
+              "name": "p-copy",
+              "description": "Emitted when the data has been copied."
+            },
+            {
+              "name": "p-error",
+              "description": "Emitted when the data could not be copied."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "copyIcon", "type": "HTMLSlotElement" },
+              { "name": "successIcon", "type": "HTMLSlotElement" },
+              { "name": "errorIcon", "type": "HTMLSlotElement" },
+              { "name": "tooltip", "type": "PTooltip" },
+              { "name": "isCopying", "type": "boolean" },
+              {
+                "name": "status",
+                "type": "\"rest\" | \"success\" | \"error\""
+              },
+              {
+                "name": "value",
+                "description": "The text value to copy.",
+                "type": "string"
+              },
+              {
+                "name": "from",
+                "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the copy button.",
+                "type": "boolean"
+              },
+              {
+                "name": "copyLabel",
+                "description": "A custom label to show in the tooltip.",
+                "type": "string"
+              },
+              {
+                "name": "successLabel",
+                "description": "A custom label to show in the tooltip after copying.",
+                "type": "string"
+              },
+              {
+                "name": "errorLabel",
+                "description": "A custom label to show in the tooltip when a copy error occurs.",
+                "type": "string"
+              },
+              {
+                "name": "feedbackDuration",
+                "description": "The length of time to show feedback before restoring the default trigger.",
+                "type": "number"
+              },
+              {
+                "name": "tooltipPlacement",
+                "description": "The preferred placement of the tooltip.",
+                "type": "\"top\" | \"right\" | \"bottom\" | \"left\""
+              },
+              {
+                "name": "hoist",
+                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "p-copy",
+                "description": "Emitted when the data has been copied."
+              },
+              {
+                "name": "p-error",
+                "description": "Emitted when the data could not be copied."
+              }
+            ]
+          }
+        },
         {
           "name": "p-color-picker",
           "description": "Color pickers allow the user to select a color.\n---\n\n\n### **Events:**\n - **p-blur** - Emitted when the color picker loses focus.\n- **p-change** - Emitted when the color picker's value changes.\n- **p-focus** - Emitted when the color picker receives focus.\n- **p-input** - Emitted when the color picker receives input.\n- **p-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the color picker.\n- **blur()** - Removes focus from the color picker.\n- **getFormattedValue(format: _\"hex\" | \"hexa\" | \"rgb\" | \"rgba\" | \"hsl\" | \"hsla\" | \"hsv\" | \"hsva\"_)** - Returns the current value as a string in the specified format.\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 color picker's form label. Alternatively, you can use the `label` attribute.\n\n### **CSS Properties:**\n - **--grid-width** - The width of the color grid. _(default: undefined)_\n- **--grid-height** - The height of the color grid. _(default: undefined)_\n- **--grid-handle-size** - The size of the color grid's handle. _(default: undefined)_\n- **--slider-height** - The height of the hue and alpha sliders. _(default: undefined)_\n- **--slider-handle-size** - The diameter of the slider's handle. _(default: undefined)_\n- **--swatch-size** - The size of each predefined color swatch. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **trigger** - The color picker's dropdown trigger.\n- **swatches** - The container that holds the swatches.\n- **swatch** - Each individual swatch.\n- **grid** - The color grid.\n- **grid-handle** - The color grid's handle.\n- **slider** - Hue and opacity sliders.\n- **slider-handle** - Hue and opacity slider handles.\n- **hue-slider** - The hue slider.\n- **hue-slider-handle** - The hue slider's handle.\n- **opacity-slider** - The opacity slider.\n- **opacity-slider-handle** - The opacity slider's handle.\n- **preview** - The preview color.\n- **input** - The text input.\n- **eye-dropper-button** - The eye dropper button.\n- **eye-dropper-button__base** - The eye dropper button's exported `button` part.\n- **eye-dropper-button__prefix** - The eye dropper button's exported `prefix` part.\n- **eye-dropper-button__label** - The eye dropper button's exported `label` part.\n- **eye-dropper-button__suffix** - The eye dropper button's exported `suffix` part.\n- **eye-dropper-button__caret** - The eye dropper button's exported `caret` part.\n- **format-button** - The format button.\n- **format-button__base** - The format button's exported `button` part.\n- **format-button__prefix** - The format button's exported `prefix` part.\n- **format-button__label** - The format button's exported `label` part.\n- **format-button__suffix** - The format button's exported `suffix` part.\n- **format-button__caret** - The format button's exported `caret` part.",
@@ -1962,153 +2109,6 @@
             ]
           }
         },
-        {
-          "name": "p-copy-button",
-          "description": "Copies text data to the clipboard when the user clicks the trigger.\n---\n\n\n### **Events:**\n - **p-copy** - Emitted when the data has been copied.\n- **p-error** - Emitted when the data could not be copied.\n\n### **Slots:**\n - **copy-icon** - The icon to show in the default copy state. Works best with `<p-icon>`.\n- **success-icon** - The icon to show when the content is copied. Works best with `<p-icon>`.\n- **error-icon** - The icon to show when a copy error occurs. Works best with `<p-icon>`.\n\n### **CSS Properties:**\n - **--success-color** - The color to use for success feedback. _(default: undefined)_\n- **--error-color** - The color to use for error feedback. _(default: undefined)_\n\n### **CSS Parts:**\n - **button** - The internal `<button>` element.\n- **copy-icon** - The container that holds the copy icon.\n- **success-icon** - The container that holds the success icon.\n- **error-icon** - The container that holds the error icon.\n- **tooltip__base** - The tooltip's exported `base` part.\n- **tooltip__base__popup** - The tooltip's exported `popup` part.\n- **tooltip__base__arrow** - The tooltip's exported `arrow` part.\n- **tooltip__body** - The tooltip's exported `body` part.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "value",
-              "description": "The text value to copy.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "from",
-              "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the copy button.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "copy-label",
-              "description": "A custom label to show in the tooltip.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "success-label",
-              "description": "A custom label to show in the tooltip after copying.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "error-label",
-              "description": "A custom label to show in the tooltip when a copy error occurs.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            {
-              "name": "feedback-duration",
-              "description": "The length of time to show feedback before restoring the default trigger.",
-              "value": { "type": "number", "default": "1000" }
-            },
-            {
-              "name": "tooltip-placement",
-              "description": "The preferred placement of the tooltip.",
-              "value": {
-                "type": "\"top\" | \"right\" | \"bottom\" | \"left\"",
-                "default": "\"top\""
-              }
-            },
-            {
-              "name": "hoist",
-              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "copy-icon",
-              "description": "The icon to show in the default copy state. Works best with `<p-icon>`."
-            },
-            {
-              "name": "success-icon",
-              "description": "The icon to show when the content is copied. Works best with `<p-icon>`."
-            },
-            {
-              "name": "error-icon",
-              "description": "The icon to show when a copy error occurs. Works best with `<p-icon>`."
-            }
-          ],
-          "events": [
-            {
-              "name": "p-copy",
-              "description": "Emitted when the data has been copied."
-            },
-            {
-              "name": "p-error",
-              "description": "Emitted when the data could not be copied."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "copyIcon", "type": "HTMLSlotElement" },
-              { "name": "successIcon", "type": "HTMLSlotElement" },
-              { "name": "errorIcon", "type": "HTMLSlotElement" },
-              { "name": "tooltip", "type": "PTooltip" },
-              { "name": "isCopying", "type": "boolean" },
-              {
-                "name": "status",
-                "type": "\"rest\" | \"success\" | \"error\""
-              },
-              {
-                "name": "value",
-                "description": "The text value to copy.",
-                "type": "string"
-              },
-              {
-                "name": "from",
-                "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
-                "type": "string"
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the copy button.",
-                "type": "boolean"
-              },
-              {
-                "name": "copyLabel",
-                "description": "A custom label to show in the tooltip.",
-                "type": "string"
-              },
-              {
-                "name": "successLabel",
-                "description": "A custom label to show in the tooltip after copying.",
-                "type": "string"
-              },
-              {
-                "name": "errorLabel",
-                "description": "A custom label to show in the tooltip when a copy error occurs.",
-                "type": "string"
-              },
-              {
-                "name": "feedbackDuration",
-                "description": "The length of time to show feedback before restoring the default trigger.",
-                "type": "number"
-              },
-              {
-                "name": "tooltipPlacement",
-                "description": "The preferred placement of the tooltip.",
-                "type": "\"top\" | \"right\" | \"bottom\" | \"left\""
-              },
-              {
-                "name": "hoist",
-                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "p-copy",
-                "description": "Emitted when the data has been copied."
-              },
-              {
-                "name": "p-error",
-                "description": "Emitted when the data could not be copied."
-              }
-            ]
-          }
-        },
         {
           "name": "p-details",
           "description": "Details show a brief summary and expand to show additional content.\n---\n\n\n### **Events:**\n - **p-show** - Emitted when the details opens.\n- **p-after-show** - Emitted after the details opens and all animations are complete.\n- **p-hide** - Emitted when the details closes.\n- **p-after-hide** - Emitted after the details closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the details.\n- **hide()** - Hides the details\n\n### **Slots:**\n - _default_ - The details' main content.\n- **summary** - The details' summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<p-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<p-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **content** - The details content.",