@amiceli/papierjs 0.13.0 → 0.14.0

package/dist/papierjs/papierjs.esm.js

@@ -1,2 +1 @@
-import{p as e,b as a}from"./p-D_9dM54j.js";export{s as setNonce}from"./p-D_9dM54j.js";import{g as t}from"./p-DQuL1Twl.js";var p=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};p().then((async e=>{await t();return a([["p-84f025d2",[[0,"p-notification-preview",{notificationType:[32]}]]],["p-fe48422b",[[1,"p-input-text",{placeholder:[1],icon:[1],value:[1025],required:[4],dark:[4],label:[1],disabled:[4],block:[4],error:[1]}]]],["p-c0b0d2e5",[[1,"p-navbar-item",{dark:[4],href:[1],target:[1],icon:[1]}]]],["p-f24c4b34",[[1,"p-accordion",{title:[1],open:[1028],dark:[4]}]]],["p-32a83d75",[[1,"p-alert",{type:[1],closable:[4],dark:[4]}]]],["p-7b5bdb17",[[1,"p-badge",{type:[1],dark:[4]}]]],["p-88d842c1",[[1,"p-breadcrumb",{dark:[4]}]]],["p-584a8668",[[1,"p-breadcrumb-item",{dark:[4],first:[4],link:[1]}]]],["p-7568d1fc",[[1,"p-card",{dark:[4],radius:[4],image:[1],hasHeader:[32],hasFooter:[32]}]]],["p-ee13e3f6",[[4,"p-leaf",{dark:[4]}]]],["p-36b16c41",[[1,"p-modal",{isOpen:[32],open:[64],close:[64]}]]],["p-3521cd61",[[1,"p-navbar",{split:[4],fixed:[4],dark:[4],rootLink:[1,"root-link"],rootTitle:[1,"root-title"]}]]],["p-c40d688c",[[1,"p-progress-bar",{type:[1],value:[2],striped:[4],dark:[4],auto:[2],interval:[32]}]]],["p-0669cc21",[[1,"p-slider",{value:[2],min:[2],max:[2],block:[4],dark:[4]}]]],["p-67844159",[[1,"p-switch",{round:[4],square:[4],dark:[4],checked:[4]}]]],["p-746d71e0",[[1,"p-switch-tile",{dark:[4],checked:[4],checkedBackground:[1,"checked-background"],uncheckedBackground:[1,"unchecked-background"]}]]],["p-fbafe809",[[1,"p-tab",{title:[1],selected:[1028],dark:[4]}]]],["p-5123b85c",[[1,"p-tabs",{dark:[4],tabs:[32],selectedTab:[32]}]]],["p-fb89dd1a",[[1,"p-tooltip",{title:[1],disabled:[4],left:[4],right:[4],bottom:[4],top:[4]}]]],["p-06665233",[[1,"p-icon",{icon:[1],size:[2],color:[1],svgContent:[32]}]]],["p-5b2a221d",[[1,"p-notification",{type:[1],text:[1],canclose:[4],timestamp:[1]}]]],["p-e66223a0",[[1,"p-spinner",{large:[4],color:[1],dark:[4]}]]],["p-a78f900c",[[1,"p-button",{type:[1],outline:[4],large:[4],small:[4],block:[4],disabled:[4],dark:[4],loading:[4]}],[1,"p-notification-handler",{notifications:[32],pushNotification:[64]},[[0,"close","closeToastHandler"]]],[1,"p-dropdown",{dark:[4],preventSelected:[4,"prevent-selected"],value:[1025],placeholder:[1],open:[32],selectedValue:[32]},[[8,"click","detectOutsideClick"]]],[1,"p-dropdown-item",{value:[1],selected:[4],dark:[4]}]]]],e)}));
-//# sourceMappingURL=papierjs.esm.js.map
+import{p as e,b as a}from"./p-B4NZTtB_.js";export{s as setNonce}from"./p-B4NZTtB_.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-6178a41a",[[0,"p-notification-preview",{notificationType:[32]}]]],["p-57dc9248",[[1,"p-input-text",{placeholder:[1],icon:[1],value:[1025],required:[4],dark:[4],label:[1],disabled:[4],block:[4],error:[1]}]]],["p-d9520b51",[[257,"p-navbar-item",{dark:[4],href:[1],target:[1],icon:[1]}]]],["p-b3ff9364",[[257,"p-accordion",{title:[1],open:[1028],dark:[4]}]]],["p-0d6ba9a4",[[257,"p-alert",{type:[1],closable:[4],dark:[4]}]]],["p-3654bad6",[[257,"p-badge",{type:[1],dark:[4]}]]],["p-c7d6c23a",[[257,"p-breadcrumb",{dark:[4]}]]],["p-6b73ff84",[[257,"p-breadcrumb-item",{dark:[4],first:[4],link:[1]}]]],["p-8dfc72ce",[[257,"p-card",{dark:[4],radius:[4],image:[1],hasHeader:[32],hasFooter:[32]}]]],["p-3be660f1",[[260,"p-leaf",{dark:[4]}]]],["p-8d4911ee",[[257,"p-modal",{isOpen:[32],open:[64],close:[64]}]]],["p-1071b445",[[257,"p-navbar",{split:[4],fixed:[4],dark:[4],rootLink:[1,"root-link"],rootTitle:[1,"root-title"]}]]],["p-d8f96a15",[[257,"p-progress-bar",{type:[1],value:[2],striped:[4],dark:[4],auto:[2],interval:[32]}]]],["p-1e0a94d9",[[1,"p-slider",{value:[2],min:[2],max:[2],block:[4],dark:[4]}]]],["p-72477120",[[1,"p-switch",{round:[4],square:[4],dark:[4],checked:[4]}]]],["p-a2a46625",[[257,"p-switch-tile",{dark:[4],checked:[4],checkedBackground:[1,"checked-background"],uncheckedBackground:[1,"unchecked-background"]}]]],["p-d6e3f78d",[[257,"p-tab",{title:[1],selected:[1028],dark:[4]}]]],["p-d6fa2cc2",[[257,"p-tabs",{dark:[4],tabs:[32],selectedTab:[32]}]]],["p-59d1a95c",[[257,"p-tooltip",{title:[1],disabled:[4],left:[4],right:[4],bottom:[4],top:[4]}]]],["p-049a4106",[[1,"p-icon",{icon:[1],size:[2],color:[1],svgContent:[32]}]]],["p-18e2b807",[[1,"p-notification",{type:[1],text:[1],canclose:[4],timestamp:[1]}]]],["p-67ec8731",[[1,"p-spinner",{large:[4],color:[1],dark:[4]}]]],["p-a0a5a5f8",[[257,"p-button",{type:[1],outline:[4],large:[4],small:[4],block:[4],disabled:[4],dark:[4],loading:[4]}],[1,"p-notification-handler",{notifications:[32],pushNotification:[64]},[[0,"close","closeToastHandler"]]],[257,"p-dropdown",{dark:[4],preventSelected:[4,"prevent-selected"],value:[1025],placeholder:[1],open:[32],selectedValue:[32]},[[8,"click","detectOutsideClick"]]],[257,"p-dropdown-item",{value:[1],selected:[4],dark:[4]}]]]],e))));

package/dist/types/components.d.ts

@@ -700,6 +700,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
     interface PAccordion {
         /**
           * @default false
@@ -1069,71 +1071,206 @@ declare namespace LocalJSX {
          */
         "top"?: boolean;
     }
+
+    interface PAccordionAttributes {
+        "title": string;
+        "open": boolean;
+        "dark": boolean;
+    }
+    interface PAlertAttributes {
+        "type": AlertColor;
+        "closable": boolean;
+        "dark": boolean;
+    }
+    interface PBadgeAttributes {
+        "type": BadgeColor;
+        "dark": boolean;
+    }
+    interface PBreadcrumbAttributes {
+        "dark": boolean;
+    }
+    interface PBreadcrumbItemAttributes {
+        "dark": boolean;
+        "first": boolean;
+        "link": string;
+    }
+    interface PButtonAttributes {
+        "type": ButtonColor;
+        "outline": boolean;
+        "large": boolean;
+        "small": boolean;
+        "block": boolean;
+        "disabled": boolean;
+        "dark": boolean;
+        "loading": boolean;
+    }
+    interface PCardAttributes {
+        "dark": boolean;
+        "radius": boolean;
+        "image": string;
+    }
+    interface PDropdownAttributes {
+        "dark": boolean;
+        "preventSelected": boolean;
+        "value": string;
+        "placeholder": string;
+    }
+    interface PDropdownItemAttributes {
+        "value": string;
+        "selected": boolean;
+        "dark": boolean;
+    }
+    interface PIconAttributes {
+        "icon": string;
+        "size": number;
+        "color": string;
+    }
+    interface PInputTextAttributes {
+        "placeholder": string;
+        "icon": string;
+        "value": string;
+        "required": boolean;
+        "dark": boolean;
+        "label": string;
+        "disabled": boolean;
+        "block": boolean;
+        "error": string;
+    }
+    interface PLeafAttributes {
+        "dark": boolean;
+    }
+    interface PNavbarAttributes {
+        "split": boolean;
+        "fixed": boolean;
+        "dark": boolean;
+        "rootLink": string;
+        "rootTitle": string;
+    }
+    interface PNavbarItemAttributes {
+        "dark": boolean;
+        "href": string;
+        "target": string;
+        "icon": string;
+    }
+    interface PNotificationAttributes {
+        "type": string;
+        "text": string;
+        "canclose": boolean;
+        "timestamp": string;
+    }
+    interface PProgressBarAttributes {
+        "type": ProgressBarColor;
+        "value": number;
+        "striped": boolean;
+        "dark": boolean;
+        "auto": number;
+    }
+    interface PSliderAttributes {
+        "value": number;
+        "min": number;
+        "max": number;
+        "block": boolean;
+        "dark": boolean;
+    }
+    interface PSpinnerAttributes {
+        "large": boolean;
+        "color": string;
+        "dark": boolean;
+    }
+    interface PSwitchAttributes {
+        "round": boolean;
+        "square": boolean;
+        "dark": boolean;
+        "checked": boolean;
+    }
+    interface PSwitchTileAttributes {
+        "dark": boolean;
+        "checked": boolean;
+        "checkedBackground": TileBackground;
+        "uncheckedBackground": TileBackground;
+    }
+    interface PTabAttributes {
+        "title": string;
+        "selected": boolean;
+        "dark": boolean;
+    }
+    interface PTabsAttributes {
+        "dark": boolean;
+    }
+    interface PTooltipAttributes {
+        "title": string;
+        "disabled": boolean;
+        "left": boolean;
+        "right": boolean;
+        "bottom": boolean;
+        "top": boolean;
+    }
+
     interface IntrinsicElements {
-        "p-accordion": PAccordion;
-        "p-alert": PAlert;
-        "p-badge": PBadge;
-        "p-breadcrumb": PBreadcrumb;
-        "p-breadcrumb-item": PBreadcrumbItem;
-        "p-button": PButton;
-        "p-card": PCard;
-        "p-dropdown": PDropdown;
-        "p-dropdown-item": PDropdownItem;
-        "p-icon": PIcon;
-        "p-input-text": PInputText;
-        "p-leaf": PLeaf;
+        "p-accordion": Omit<PAccordion, keyof PAccordionAttributes> & { [K in keyof PAccordion & keyof PAccordionAttributes]?: PAccordion[K] } & { [K in keyof PAccordion & keyof PAccordionAttributes as `attr:${K}`]?: PAccordionAttributes[K] } & { [K in keyof PAccordion & keyof PAccordionAttributes as `prop:${K}`]?: PAccordion[K] };
+        "p-alert": Omit<PAlert, keyof PAlertAttributes> & { [K in keyof PAlert & keyof PAlertAttributes]?: PAlert[K] } & { [K in keyof PAlert & keyof PAlertAttributes as `attr:${K}`]?: PAlertAttributes[K] } & { [K in keyof PAlert & keyof PAlertAttributes as `prop:${K}`]?: PAlert[K] };
+        "p-badge": Omit<PBadge, keyof PBadgeAttributes> & { [K in keyof PBadge & keyof PBadgeAttributes]?: PBadge[K] } & { [K in keyof PBadge & keyof PBadgeAttributes as `attr:${K}`]?: PBadgeAttributes[K] } & { [K in keyof PBadge & keyof PBadgeAttributes as `prop:${K}`]?: PBadge[K] };
+        "p-breadcrumb": Omit<PBreadcrumb, keyof PBreadcrumbAttributes> & { [K in keyof PBreadcrumb & keyof PBreadcrumbAttributes]?: PBreadcrumb[K] } & { [K in keyof PBreadcrumb & keyof PBreadcrumbAttributes as `attr:${K}`]?: PBreadcrumbAttributes[K] } & { [K in keyof PBreadcrumb & keyof PBreadcrumbAttributes as `prop:${K}`]?: PBreadcrumb[K] };
+        "p-breadcrumb-item": Omit<PBreadcrumbItem, keyof PBreadcrumbItemAttributes> & { [K in keyof PBreadcrumbItem & keyof PBreadcrumbItemAttributes]?: PBreadcrumbItem[K] } & { [K in keyof PBreadcrumbItem & keyof PBreadcrumbItemAttributes as `attr:${K}`]?: PBreadcrumbItemAttributes[K] } & { [K in keyof PBreadcrumbItem & keyof PBreadcrumbItemAttributes as `prop:${K}`]?: PBreadcrumbItem[K] };
+        "p-button": Omit<PButton, keyof PButtonAttributes> & { [K in keyof PButton & keyof PButtonAttributes]?: PButton[K] } & { [K in keyof PButton & keyof PButtonAttributes as `attr:${K}`]?: PButtonAttributes[K] } & { [K in keyof PButton & keyof PButtonAttributes as `prop:${K}`]?: PButton[K] };
+        "p-card": Omit<PCard, keyof PCardAttributes> & { [K in keyof PCard & keyof PCardAttributes]?: PCard[K] } & { [K in keyof PCard & keyof PCardAttributes as `attr:${K}`]?: PCardAttributes[K] } & { [K in keyof PCard & keyof PCardAttributes as `prop:${K}`]?: PCard[K] };
+        "p-dropdown": Omit<PDropdown, keyof PDropdownAttributes> & { [K in keyof PDropdown & keyof PDropdownAttributes]?: PDropdown[K] } & { [K in keyof PDropdown & keyof PDropdownAttributes as `attr:${K}`]?: PDropdownAttributes[K] } & { [K in keyof PDropdown & keyof PDropdownAttributes as `prop:${K}`]?: PDropdown[K] };
+        "p-dropdown-item": Omit<PDropdownItem, keyof PDropdownItemAttributes> & { [K in keyof PDropdownItem & keyof PDropdownItemAttributes]?: PDropdownItem[K] } & { [K in keyof PDropdownItem & keyof PDropdownItemAttributes as `attr:${K}`]?: PDropdownItemAttributes[K] } & { [K in keyof PDropdownItem & keyof PDropdownItemAttributes as `prop:${K}`]?: PDropdownItem[K] } & OneOf<"value", PDropdownItem["value"], PDropdownItemAttributes["value"]>;
+        "p-icon": Omit<PIcon, keyof PIconAttributes> & { [K in keyof PIcon & keyof PIconAttributes]?: PIcon[K] } & { [K in keyof PIcon & keyof PIconAttributes as `attr:${K}`]?: PIconAttributes[K] } & { [K in keyof PIcon & keyof PIconAttributes as `prop:${K}`]?: PIcon[K] };
+        "p-input-text": Omit<PInputText, keyof PInputTextAttributes> & { [K in keyof PInputText & keyof PInputTextAttributes]?: PInputText[K] } & { [K in keyof PInputText & keyof PInputTextAttributes as `attr:${K}`]?: PInputTextAttributes[K] } & { [K in keyof PInputText & keyof PInputTextAttributes as `prop:${K}`]?: PInputText[K] };
+        "p-leaf": Omit<PLeaf, keyof PLeafAttributes> & { [K in keyof PLeaf & keyof PLeafAttributes]?: PLeaf[K] } & { [K in keyof PLeaf & keyof PLeafAttributes as `attr:${K}`]?: PLeafAttributes[K] } & { [K in keyof PLeaf & keyof PLeafAttributes as `prop:${K}`]?: PLeaf[K] };
         "p-modal": PModal;
-        "p-navbar": PNavbar;
-        "p-navbar-item": PNavbarItem;
-        "p-notification": PNotification;
+        "p-navbar": Omit<PNavbar, keyof PNavbarAttributes> & { [K in keyof PNavbar & keyof PNavbarAttributes]?: PNavbar[K] } & { [K in keyof PNavbar & keyof PNavbarAttributes as `attr:${K}`]?: PNavbarAttributes[K] } & { [K in keyof PNavbar & keyof PNavbarAttributes as `prop:${K}`]?: PNavbar[K] };
+        "p-navbar-item": Omit<PNavbarItem, keyof PNavbarItemAttributes> & { [K in keyof PNavbarItem & keyof PNavbarItemAttributes]?: PNavbarItem[K] } & { [K in keyof PNavbarItem & keyof PNavbarItemAttributes as `attr:${K}`]?: PNavbarItemAttributes[K] } & { [K in keyof PNavbarItem & keyof PNavbarItemAttributes as `prop:${K}`]?: PNavbarItem[K] };
+        "p-notification": Omit<PNotification, keyof PNotificationAttributes> & { [K in keyof PNotification & keyof PNotificationAttributes]?: PNotification[K] } & { [K in keyof PNotification & keyof PNotificationAttributes as `attr:${K}`]?: PNotificationAttributes[K] } & { [K in keyof PNotification & keyof PNotificationAttributes as `prop:${K}`]?: PNotification[K] };
         "p-notification-handler": PNotificationHandler;
         "p-notification-preview": PNotificationPreview;
-        "p-progress-bar": PProgressBar;
-        "p-slider": PSlider;
-        "p-spinner": PSpinner;
-        "p-switch": PSwitch;
-        "p-switch-tile": PSwitchTile;
-        "p-tab": PTab;
-        "p-tabs": PTabs;
-        "p-tooltip": PTooltip;
+        "p-progress-bar": Omit<PProgressBar, keyof PProgressBarAttributes> & { [K in keyof PProgressBar & keyof PProgressBarAttributes]?: PProgressBar[K] } & { [K in keyof PProgressBar & keyof PProgressBarAttributes as `attr:${K}`]?: PProgressBarAttributes[K] } & { [K in keyof PProgressBar & keyof PProgressBarAttributes as `prop:${K}`]?: PProgressBar[K] };
+        "p-slider": Omit<PSlider, keyof PSliderAttributes> & { [K in keyof PSlider & keyof PSliderAttributes]?: PSlider[K] } & { [K in keyof PSlider & keyof PSliderAttributes as `attr:${K}`]?: PSliderAttributes[K] } & { [K in keyof PSlider & keyof PSliderAttributes as `prop:${K}`]?: PSlider[K] };
+        "p-spinner": Omit<PSpinner, keyof PSpinnerAttributes> & { [K in keyof PSpinner & keyof PSpinnerAttributes]?: PSpinner[K] } & { [K in keyof PSpinner & keyof PSpinnerAttributes as `attr:${K}`]?: PSpinnerAttributes[K] } & { [K in keyof PSpinner & keyof PSpinnerAttributes as `prop:${K}`]?: PSpinner[K] };
+        "p-switch": Omit<PSwitch, keyof PSwitchAttributes> & { [K in keyof PSwitch & keyof PSwitchAttributes]?: PSwitch[K] } & { [K in keyof PSwitch & keyof PSwitchAttributes as `attr:${K}`]?: PSwitchAttributes[K] } & { [K in keyof PSwitch & keyof PSwitchAttributes as `prop:${K}`]?: PSwitch[K] };
+        "p-switch-tile": Omit<PSwitchTile, keyof PSwitchTileAttributes> & { [K in keyof PSwitchTile & keyof PSwitchTileAttributes]?: PSwitchTile[K] } & { [K in keyof PSwitchTile & keyof PSwitchTileAttributes as `attr:${K}`]?: PSwitchTileAttributes[K] } & { [K in keyof PSwitchTile & keyof PSwitchTileAttributes as `prop:${K}`]?: PSwitchTile[K] };
+        "p-tab": Omit<PTab, keyof PTabAttributes> & { [K in keyof PTab & keyof PTabAttributes]?: PTab[K] } & { [K in keyof PTab & keyof PTabAttributes as `attr:${K}`]?: PTabAttributes[K] } & { [K in keyof PTab & keyof PTabAttributes as `prop:${K}`]?: PTab[K] };
+        "p-tabs": Omit<PTabs, keyof PTabsAttributes> & { [K in keyof PTabs & keyof PTabsAttributes]?: PTabs[K] } & { [K in keyof PTabs & keyof PTabsAttributes as `attr:${K}`]?: PTabsAttributes[K] } & { [K in keyof PTabs & keyof PTabsAttributes as `prop:${K}`]?: PTabs[K] };
+        "p-tooltip": Omit<PTooltip, keyof PTooltipAttributes> & { [K in keyof PTooltip & keyof PTooltipAttributes]?: PTooltip[K] } & { [K in keyof PTooltip & keyof PTooltipAttributes as `attr:${K}`]?: PTooltipAttributes[K] } & { [K in keyof PTooltip & keyof PTooltipAttributes as `prop:${K}`]?: PTooltip[K] };
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "p-accordion": LocalJSX.PAccordion & JSXBase.HTMLAttributes<HTMLPAccordionElement>;
+            "p-accordion": LocalJSX.IntrinsicElements["p-accordion"] & JSXBase.HTMLAttributes<HTMLPAccordionElement>;
             /**
              * @Slot - alert content
              */
-            "p-alert": LocalJSX.PAlert & JSXBase.HTMLAttributes<HTMLPAlertElement>;
-            "p-badge": LocalJSX.PBadge & JSXBase.HTMLAttributes<HTMLPBadgeElement>;
-            "p-breadcrumb": LocalJSX.PBreadcrumb & JSXBase.HTMLAttributes<HTMLPBreadcrumbElement>;
-            "p-breadcrumb-item": LocalJSX.PBreadcrumbItem & JSXBase.HTMLAttributes<HTMLPBreadcrumbItemElement>;
-            "p-button": LocalJSX.PButton & JSXBase.HTMLAttributes<HTMLPButtonElement>;
-            "p-card": LocalJSX.PCard & JSXBase.HTMLAttributes<HTMLPCardElement>;
-            "p-dropdown": LocalJSX.PDropdown & JSXBase.HTMLAttributes<HTMLPDropdownElement>;
-            "p-dropdown-item": LocalJSX.PDropdownItem & JSXBase.HTMLAttributes<HTMLPDropdownItemElement>;
-            "p-icon": LocalJSX.PIcon & JSXBase.HTMLAttributes<HTMLPIconElement>;
-            "p-input-text": LocalJSX.PInputText & JSXBase.HTMLAttributes<HTMLPInputTextElement>;
+            "p-alert": LocalJSX.IntrinsicElements["p-alert"] & JSXBase.HTMLAttributes<HTMLPAlertElement>;
+            "p-badge": LocalJSX.IntrinsicElements["p-badge"] & JSXBase.HTMLAttributes<HTMLPBadgeElement>;
+            "p-breadcrumb": LocalJSX.IntrinsicElements["p-breadcrumb"] & JSXBase.HTMLAttributes<HTMLPBreadcrumbElement>;
+            "p-breadcrumb-item": LocalJSX.IntrinsicElements["p-breadcrumb-item"] & JSXBase.HTMLAttributes<HTMLPBreadcrumbItemElement>;
+            "p-button": LocalJSX.IntrinsicElements["p-button"] & JSXBase.HTMLAttributes<HTMLPButtonElement>;
+            "p-card": LocalJSX.IntrinsicElements["p-card"] & JSXBase.HTMLAttributes<HTMLPCardElement>;
+            "p-dropdown": LocalJSX.IntrinsicElements["p-dropdown"] & JSXBase.HTMLAttributes<HTMLPDropdownElement>;
+            "p-dropdown-item": LocalJSX.IntrinsicElements["p-dropdown-item"] & JSXBase.HTMLAttributes<HTMLPDropdownItemElement>;
+            "p-icon": LocalJSX.IntrinsicElements["p-icon"] & JSXBase.HTMLAttributes<HTMLPIconElement>;
+            "p-input-text": LocalJSX.IntrinsicElements["p-input-text"] & JSXBase.HTMLAttributes<HTMLPInputTextElement>;
             /**
              * @slots default - p-leaf content
              */
-            "p-leaf": LocalJSX.PLeaf & JSXBase.HTMLAttributes<HTMLPLeafElement>;
-            "p-modal": LocalJSX.PModal & JSXBase.HTMLAttributes<HTMLPModalElement>;
-            "p-navbar": LocalJSX.PNavbar & JSXBase.HTMLAttributes<HTMLPNavbarElement>;
-            "p-navbar-item": LocalJSX.PNavbarItem & JSXBase.HTMLAttributes<HTMLPNavbarItemElement>;
-            "p-notification": LocalJSX.PNotification & JSXBase.HTMLAttributes<HTMLPNotificationElement>;
-            "p-notification-handler": LocalJSX.PNotificationHandler & JSXBase.HTMLAttributes<HTMLPNotificationHandlerElement>;
-            "p-notification-preview": LocalJSX.PNotificationPreview & JSXBase.HTMLAttributes<HTMLPNotificationPreviewElement>;
-            "p-progress-bar": LocalJSX.PProgressBar & JSXBase.HTMLAttributes<HTMLPProgressBarElement>;
-            "p-slider": LocalJSX.PSlider & JSXBase.HTMLAttributes<HTMLPSliderElement>;
-            "p-spinner": LocalJSX.PSpinner & JSXBase.HTMLAttributes<HTMLPSpinnerElement>;
-            "p-switch": LocalJSX.PSwitch & JSXBase.HTMLAttributes<HTMLPSwitchElement>;
-            "p-switch-tile": LocalJSX.PSwitchTile & JSXBase.HTMLAttributes<HTMLPSwitchTileElement>;
-            "p-tab": LocalJSX.PTab & JSXBase.HTMLAttributes<HTMLPTabElement>;
-            "p-tabs": LocalJSX.PTabs & JSXBase.HTMLAttributes<HTMLPTabsElement>;
-            "p-tooltip": LocalJSX.PTooltip & JSXBase.HTMLAttributes<HTMLPTooltipElement>;
+            "p-leaf": LocalJSX.IntrinsicElements["p-leaf"] & JSXBase.HTMLAttributes<HTMLPLeafElement>;
+            "p-modal": LocalJSX.IntrinsicElements["p-modal"] & JSXBase.HTMLAttributes<HTMLPModalElement>;
+            "p-navbar": LocalJSX.IntrinsicElements["p-navbar"] & JSXBase.HTMLAttributes<HTMLPNavbarElement>;
+            "p-navbar-item": LocalJSX.IntrinsicElements["p-navbar-item"] & JSXBase.HTMLAttributes<HTMLPNavbarItemElement>;
+            "p-notification": LocalJSX.IntrinsicElements["p-notification"] & JSXBase.HTMLAttributes<HTMLPNotificationElement>;
+            "p-notification-handler": LocalJSX.IntrinsicElements["p-notification-handler"] & JSXBase.HTMLAttributes<HTMLPNotificationHandlerElement>;
+            "p-notification-preview": LocalJSX.IntrinsicElements["p-notification-preview"] & JSXBase.HTMLAttributes<HTMLPNotificationPreviewElement>;
+            "p-progress-bar": LocalJSX.IntrinsicElements["p-progress-bar"] & JSXBase.HTMLAttributes<HTMLPProgressBarElement>;
+            "p-slider": LocalJSX.IntrinsicElements["p-slider"] & JSXBase.HTMLAttributes<HTMLPSliderElement>;
+            "p-spinner": LocalJSX.IntrinsicElements["p-spinner"] & JSXBase.HTMLAttributes<HTMLPSpinnerElement>;
+            "p-switch": LocalJSX.IntrinsicElements["p-switch"] & JSXBase.HTMLAttributes<HTMLPSwitchElement>;
+            "p-switch-tile": LocalJSX.IntrinsicElements["p-switch-tile"] & JSXBase.HTMLAttributes<HTMLPSwitchTileElement>;
+            "p-tab": LocalJSX.IntrinsicElements["p-tab"] & JSXBase.HTMLAttributes<HTMLPTabElement>;
+            "p-tabs": LocalJSX.IntrinsicElements["p-tabs"] & JSXBase.HTMLAttributes<HTMLPTabsElement>;
+            "p-tooltip": LocalJSX.IntrinsicElements["p-tooltip"] & JSXBase.HTMLAttributes<HTMLPTooltipElement>;
         }
     }
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -1,4 +1,6 @@
-declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -61,6 +63,12 @@ export interface ShadowRootOptions {
      * focusable part is given focus, and the shadow host is given any available `:focus` styling.
      */
     delegatesFocus?: boolean;
+    /**
+     * Sets the slot assignment mode for the shadow root. When set to `'manual'`, enables imperative
+     * slotting using the `HTMLSlotElement.assign()` method. Defaults to `'named'` for standard
+     * declarative slotting behavior.
+     */
+    slotAssignment?: 'manual' | 'named';
 }
 export interface ModeStyles {
     [modeName: string]: string | string[];
@@ -117,12 +125,34 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
+export interface ResolveVarFunction {
+    <T>(variable: T): string;
+}
 export interface ListenOptions {
     /**
      * Handlers can also be registered for an event other than the host itself.
@@ -151,7 +181,15 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: string): CustomMethodDecorator<any>;
+    (propName: any, watchOptions?: {
+        immediate?: boolean;
+    }): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+}
+export interface PropSerializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
+}
+export interface AttrDeserializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -200,6 +238,24 @@ export declare const AttachInternals: AttachInternalsDecorator;
  * https://stenciljs.com/docs/events#listen-decorator
  */
 export declare const Listen: ListenDecorator;
+/**
+ * The `resolveVar()` function is a compile-time utility that resolves const variables
+ * and object properties to their string literal values. This allows variables to be
+ * used in `@Listen` and `@Event` decorators instead of hardcoded strings.
+ *
+ * @example
+ * ```ts
+ * const MY_EVENT = 'myEvent';
+ * @Listen(resolveVar(MY_EVENT))
+ * ```
+ *
+ * @example
+ * ```ts
+ * const EVENTS = { MY_EVENT: 'myEvent' } as const;
+ * @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
+ * ```
+ */
+export declare const resolveVar: ResolveVarFunction;
 /**
  * The `@Method()` decorator is used to expose methods on the public API.
  * Class methods decorated with the @Method() decorator can be called directly
@@ -233,6 +289,14 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
+/**
+ * Decorator to serialize a property to an attribute string.
+ */
+export declare const PropSerialize: PropSerializeDecorator;
+/**
+ * Decorator to deserialize an attribute string to a property.
+ */
+export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -349,6 +413,58 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+export type TagTransformer = (tag: string) => string;
+/**
+ * Sets a tag transformer to be used when rendering your custom elements.
+ * ```ts
+ * setTagTransformer((tag) => {
+ *  if (tag.startsWith('my-')) return `new-${tag}`
+ *  return tag;
+ * });
+ * ```
+ * Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
+ *
+ * @param transformer the transformer function to use which must return a string.
+ */
+export declare function setTagTransformer(transformer: TagTransformer): void;
+/**
+ * Transforms a tag name using a transformer set via `setTagTransformer`
+ *
+ * @param tag - the tag to transform e.g. `my-tag`
+ * @returns the transformed tag e.g. `new-my-tag`
+ */
+export declare function transformTag(tag: string): string;
+/**
+ * @deprecated - Use `MixedInCtor` instead:
+ * ```ts
+ * import { MixedInCtor } from '@stencil/core';
+ *
+ * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * ```
+ */
+export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
+export type MixedInCtor<T = {}> = new (...args: any[]) => T;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```ts
+ * import { Mixin, MixedInCtor } from '@stencil/core';
+ *
+ * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports
@@ -521,7 +637,7 @@ export interface FunctionalUtilities {
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
-    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
+    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
 }
 /**
  * A Child VDOM node
@@ -576,6 +692,35 @@ export declare function h(sel: any, text: string): VNode;
 export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsx mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsx(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsxs(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @param isStaticChildren indicates if the children are static
+ * @param source source information
+ * @param self reference to the component instance
+ * @returns a jsx vnode
+ */
+export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
 /**
  * A virtual DOM node
@@ -606,7 +751,7 @@ declare namespace LocalJSX {
 export { LocalJSX as JSX };
 export declare namespace JSXBase {
     interface IntrinsicElements {
-        slot: JSXBase.SlotAttributes;
+        slot: JSXBase.SlotAttributes<HTMLSlotElement>;
         a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
         abbr: JSXBase.HTMLAttributes;
         address: JSXBase.HTMLAttributes;
@@ -776,7 +921,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes extends JSXAttributes {
+    interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -832,6 +977,9 @@ export declare namespace JSXBase {
         popoverTargetAction?: string;
         popoverTargetElement?: Element | null;
         popoverTarget?: string;
+        command?: string;
+        commandFor?: string;
+        commandfor?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1700,6 +1848,7 @@ export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;
     syncQueue?: boolean;
+    /** @deprecated in-favour of `setTagTransformer` and `transformTag` */
     transformTagName?: (tagName: string) => string;
     jmp?: (c: Function) => any;
     raf?: (c: FrameRequestCallback) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amiceli/papierjs",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Papercss web components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -56,30 +56,30 @@
     "@types/node": "*"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.14",
-    "@commitlint/cli": "^20.4.1",
-    "@commitlint/config-conventional": "^20.4.1",
-    "@histoire/plugin-vue": "^1.0.0-beta.1",
-    "@stencil/core": "^4.26.0",
-    "@stencil/sass": "^3.0.12",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.16.5",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "dotenv": "^16.4.7",
-    "histoire": "^1.0.0-beta.1",
-    "jest": "^29.7.0",
-    "jest-cli": "^29.7.0",
-    "lefthook": "^2.1.0",
-    "stencil-inline-svg": "^1.1.0"
+    "@biomejs/biome": "2.4.9",
+    "@commitlint/cli": "20.5.0",
+    "@commitlint/config-conventional": "20.5.0",
+    "@histoire/plugin-vue": "1.0.0-beta.1",
+    "@stencil/core": "4.43.0",
+    "@stencil/sass": "3.2.3",
+    "@types/jest": "29.5.14",
+    "@types/node": "22.16.5",
+    "@vitejs/plugin-vue": "6.0.4",
+    "dotenv": "17.3.1",
+    "histoire": "1.0.0-beta.1",
+    "jest": "29.7.0",
+    "jest-cli": "29.7.0",
+    "lefthook": "2.1.1",
+    "stencil-inline-svg": "1.1.0"
   },
   "optionalDependencies": {
-    "puppeteer": "^24.2.1"
+    "puppeteer": "24.40.0"
   },
   "license": "MIT",
   "dependencies": {
-    "feather-icons": "^4.29.2",
-    "markstream-vue": "^0.0.7-beta.8",
-    "papercss": "^1.9.2",
-    "pixelarticons": "^1.8.1"
+    "feather-icons": "4.29.2",
+    "markstream-vue": "0.0.7-beta.8",
+    "papercss": "1.9.2",
+    "pixelarticons": "2.0.2"
   }
 }

package/dist/cjs/app-globals-V2Kpy_OQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-globals-V2Kpy_OQ.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\nexport const globalStyles = \"\";\n"],"names":[],"mappings":";;AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}