@ganpatiinfo/gids-core-web 2.1.1 → 3.0.0

package/dist/gids-toggle-button.js

@@ -1,130 +1 @@
-import { h, p as proxyCustomElement, H, e as createEvent, d as getConstructedGidsStylesheet, f as Host } from './p-C0FfV2mK.js';
-import { GidsSpinnerControlWebUtils, GidsButtonWebUtils, nonEmpty } from '@ganpatiinfo/gids-web-shared';
-import { GidsSpinnerControlCommonUtils } from '@ganpatiinfo/gids-core-shared';
-
-const { getGidsSpinnerControlClassNames } = GidsSpinnerControlWebUtils;
-const { calculateStrokeDasharray, thickness, radius, centerPosition, viewBox } = GidsSpinnerControlCommonUtils;
-const GidsSpinnerControl = ({ size, indeterminate, value, max, ...rest }) => {
-    let style = undefined;
-    if (!indeterminate) {
-        const dashArray = calculateStrokeDasharray(value, max ? max : 0);
-        style = { strokeDashArray: dashArray, strokeDashoffset: '0' };
-    }
-    return (h("svg", { class: getGidsSpinnerControlClassNames({ size, indeterminate, value }), viewBox: viewBox, ...rest },
-        h("circle", { class: "gids-spinner-control__track", cx: centerPosition, cy: centerPosition, r: radius, "stroke-width": thickness }),
-        h("circle", { style: style, class: "gids-spinner-control__progress", cx: centerPosition, cy: centerPosition, r: radius, "stroke-width": thickness })));
-};
-
-const { getGidsButtonClassNames } = GidsButtonWebUtils;
-/**
- * Stencil functional component implementation of GIDS Button component.
- *
- * Only used internally by Stencil web components that need to render Buttons within their
- * JSX templates.
- *
- * @internal
- *
- * @param props
- * @param children
- * @returns
- */
-const GidsButton = ({ appearance, size, destructive, loading, width, leadingIcon, trailingIcon, as, disabled, class: className, forceIconOnly = false, ...rest }, children) => {
-    const Element = as || 'button';
-    const spinnerSize = size === 'lg' || size === undefined ? 'md' : size;
-    // Default to type="button" if not provided, since HTML's default is "submit"
-    if (Element === 'button' && !('type' in rest)) {
-        rest.type = 'button';
-    }
-    return (
-    // @ts-expect-error: TODO This used to work in TypeScript 4.x but not anymore
-    h(Element, { class: getGidsButtonClassNames({ appearance, size, destructive, loading, width }, forceIconOnly ||
-            (children.length === 0 &&
-                nonEmpty(leadingIcon) &&
-                !nonEmpty(trailingIcon)), className), disabled: Element === 'button' ? disabled : undefined, ...rest },
-        h("span", { class: "gids-button__content" },
-            leadingIcon,
-            children),
-        loading && (h(GidsSpinnerControl, { size: spinnerSize, indeterminate: true })),
-        trailingIcon));
-};
-
-const GidsToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class GidsToggleButton extends H {
-    /**
-     *
-     * Only available as a property. There is no `selected` attribute
-     *
-     * @inheritdoc
-     */
-    get selected() {
-        return this.#selected ?? this.defaultSelected;
-    }
-    set selected(value) {
-        this.#selected = value === undefined ? undefined : Boolean(value);
-    }
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.select = createEvent(this, "select");
-        this._toggle = this._toggle.bind(this);
-    }
-    /**
-     * @internal
-     */
-    #selected;
-    connectedCallback() {
-        const constructedGidsStylesheet = getConstructedGidsStylesheet();
-        if (constructedGidsStylesheet !== undefined) {
-            this._el.shadowRoot?.adoptedStyleSheets.push(constructedGidsStylesheet);
-        }
-    }
-    _toggle() {
-        const toggledValue = !this.selected;
-        this._el.selected = toggledValue;
-        this.select?.emit(toggledValue);
-    }
-    render() {
-        return (h(Host, { key: '5c54c2974c214043b8d07e03d1bba4428106e2aa' }, h("style", { key: '9d90d24d0b47e87cf0b62d906f05cd2fab689950' }, `:host {
-                display: ${this.width === 'full' ? 'block' : 'inline-block'}
-                }`), h(GidsButton, { key: 'e48005f27f637b9f03c9c1e6e0cf13bb0687a6ce', appearance: this.appearance, size: this.size, width: this.width, disabled: this.disabled, onClick: this._toggle, "aria-pressed": this.selected ? 'true' : 'false', leadingIcon: h("slot", { name: "leadingIcon" }), trailingIcon: h("slot", { name: "trailingIcon" }), forceIconOnly: this._onlyHasLeadingIcon() }, h("slot", { key: 'e727c6972563dbb7320dc0157a2522df459a8635' }))));
-    }
-    _onlyHasLeadingIcon() {
-        const childNodes = this._el.childNodes;
-        if (childNodes.length === 1 &&
-            childNodes[0] instanceof window.Element &&
-            childNodes[0].slot === 'leadingIcon') {
-            return true;
-        }
-        return false;
-    }
-    get _el() { return this; }
-}, [1, "gids-toggle-button", {
-        "disabled": [516],
-        "appearance": [513],
-        "size": [513],
-        "width": [513],
-        "defaultSelected": [516, "default-selected"],
-        "selected": [6660]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["gids-toggle-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "gids-toggle-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, GidsToggleButton$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const GidsToggleButton = GidsToggleButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GidsToggleButton, defineCustomElement };
-//# sourceMappingURL=gids-toggle-button.js.map
-
-//# sourceMappingURL=gids-toggle-button.js.map
+import{h as e,t,p as s,H as i,e as n,d as a,f as o}from"./p-CgujYzVX.js";import{GidsSpinnerControlWebUtils as c,GidsButtonWebUtils as d,nonEmpty as l}from"@ganpatiinfo/gids-web-shared";import{GidsSpinnerControlCommonUtils as r}from"@ganpatiinfo/gids-core-shared";const{getGidsSpinnerControlClassNames:h}=c,{calculateStrokeDasharray:g,thickness:u,radius:b,centerPosition:p,viewBox:f}=r,m=({size:t,indeterminate:s,value:i,max:n,...a})=>{let o;return s||(o={strokeDashArray:g(i,n||0),strokeDashoffset:"0"}),e("svg",{class:h({size:t,indeterminate:s,value:i}),viewBox:f,...a},e("circle",{class:"gids-spinner-control__track",cx:p,cy:p,r:b,"stroke-width":u}),e("circle",{style:o,class:"gids-spinner-control__progress",cx:p,cy:p,r:b,"stroke-width":u}))},{getGidsButtonClassNames:y}=d,k=({appearance:t,size:s,destructive:i,loading:n,width:a,leadingIcon:o,trailingIcon:c,as:d,disabled:r,class:h,forceIconOnly:g=!1,...u},b)=>{const p=d||"button",f="lg"===s||void 0===s?"md":s;return"button"!==p||"type"in u||(u.type="button"),e(p,{class:y({appearance:t,size:s,destructive:i,loading:n,width:a},g||0===b.length&&l(o)&&!l(c),h),disabled:"button"===p?r:void 0,...u},e("span",{class:"gids-button__content"},o,b),n&&e(m,{size:f,indeterminate:!0}),c)},v=s(class extends i{get selected(){return this.#e??this.defaultSelected}set selected(e){this.#e=void 0===e?void 0:!!e}constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.select=n(this,"select"),this._toggle=this._toggle.bind(this)}#e;connectedCallback(){const e=a();void 0!==e&&this._el.shadowRoot?.adoptedStyleSheets.push(e)}_toggle(){const e=!this.selected;this._el.selected=e,this.select?.emit(e)}render(){return e(o,{key:"222a7976cfa0daa12d2db51e405d8f3e894209d9"},e("style",{key:"04b1d2f9a184e830b949691e789deaaaea987303"},`:host {\n                display: ${"full"===this.width?"block":"inline-block"}\n                }`),e(k,{key:"18ef39dcc5b3a532a347e530784ec4915719f914",appearance:this.appearance,size:this.size,width:this.width,disabled:this.disabled,onClick:this._toggle,"aria-pressed":this.selected?"true":"false",leadingIcon:e("slot",{name:"leadingIcon"}),trailingIcon:e("slot",{name:"trailingIcon"}),forceIconOnly:this._onlyHasLeadingIcon()},e("slot",{key:"f82ab35082be6b10d0fb76b11c8250cd6ab374a4"})))}_onlyHasLeadingIcon(){const e=this._el.childNodes;return 1===e.length&&e[0]instanceof window.Element&&"leadingIcon"===e[0].slot}get _el(){return this}},[257,"gids-toggle-button",{disabled:[516],appearance:[513],size:[513],width:[513],defaultSelected:[516,"default-selected"],selected:[6660]}]);function w(){"undefined"!=typeof customElements&&["gids-toggle-button"].forEach((e=>{"gids-toggle-button"===e&&(customElements.get(t(e))||customElements.define(t(e),v))}))}w();const I=v,_=w;export{I as GidsToggleButton,_ as defineCustomElement}

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./types/index.js";
 /**
  * Get the base path to where the assets can be found. Use "setAssetPath(path)"
  * if the path needs to be customized.
@@ -32,3 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from './types/index.js';

package/dist/index.js

@@ -1,5 +1 @@
-export { g as getAssetPath, d as getConstructedGidsStylesheet, c as refreshConstructedGidsStylesheet, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-C0FfV2mK.js';
-export { setGidsAssetFilePaths, setGidsDefaultAssetDirPath } from '@ganpatiinfo/gids-web-shared';
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map
+export{g as getAssetPath,d as getConstructedGidsStylesheet,c as refreshConstructedGidsStylesheet,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CgujYzVX.js";import{setGidsAssetPaths as t}from"@ganpatiinfo/gids-web-shared";function e(s,e){t(s,e)}const o=s=>{e(s)},n=s=>{e(s)};export{o as setGidsAssetFilePaths,e as setGidsAssetPaths,n as setGidsDefaultAssetDirPath}

package/dist/p-CgujYzVX.js

@@ -0,0 +1 @@
+function t(t,e,n){const l="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==l;){const l=Object.getOwnPropertyDescriptor(t,e);if(l&&(!n||l.get))return l;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var l;Object.entries(null!=(l=n.l.t)?l:{}).map((([l,[o]])=>{if(31&o||32&o){const o=e[l],s=t(Object.getPrototypeOf(e),l,!0)||Object.getOwnPropertyDescriptor(e,l);s&&Object.defineProperty(e,l,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.o.has(l)?e[l]=n.o.get(l):void 0!==o&&(e[l]=o)}}))},l=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r="undefined"!=typeof window?window:{},c=r.HTMLElement||class{},u={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},a=(()=>{try{return!!r.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),f=!!a&&(()=>!!r.document&&Object.getOwnPropertyDescriptor(r.document.adoptedStyleSheets,"length").writable)(),d=!1,h=[],p=[],m=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&u.i?b(y):u.raf(y))},v=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},y=()=>{v(h),v(p),(d=h.length>0)&&u.raf(y)},b=t=>Promise.resolve(undefined).then(t),$=m(p,!0),g=t=>{const e=new URL(t,u.u);return e.origin!==r.location.origin?e.href:e.pathname},w=t=>u.u=t;function S(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(f?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}var O,j=new WeakMap,M=t=>"sc-"+t.h,k=t=>"object"==(t=typeof t)||"function"===t,E=(t,e,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!k(l))&&(l=String(l)),s&&i?r[r.length-1].p+=l:r.push(s?C(null,l):l),i=s)};if(c(n),e&&e.key&&(o=e.key),"function"==typeof t)return t(null===e?{}:e,r,A);const u=C(t,null);return u.m=e,r.length>0&&(u.v=r),u.$=o,u},C=(t,e)=>({i:0,S:t,p:null!=e?e:null,O:null,v:null,m:null,$:null}),x={},A={forEach:(t,e)=>t.map(D).forEach(e),map:(t,e)=>t.map(D).map(e).map(L)},D=t=>({vattrs:t.m,vchildren:t.v,vkey:t.$,vname:t.j,vtag:t.S,vtext:t.p}),L=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),E(t.vtag,e,...t.vchildren||[])}const e=C(t.vtag,t.vtext);return e.m=t.vattrs,e.v=t.vchildren,e.$=t.vkey,e.j=t.vname,e},R=(t,e)=>null==t||k(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?String(t):t,_=(t,e)=>{const n=t;return{emit:t=>H(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},H=(t,e,n)=>{const l=u.ce(e,n);return t.dispatchEvent(l),l},P=(t,e,n,s,i,c)=>{if(n===s)return;let a=o(t,e),f=e.toLowerCase();if("key"===e);else if(t.__lookupSetter__(e)||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let o;{const e=l(t);if(e&&e.l&&e.l.t){const t=e.l.t[n];t&&t[1]&&(o=t[1])}}return o||(o=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==s||!1===s?!1===s&&""!==t.getAttribute(o)||t.removeAttribute(o):t.setAttribute(o,!0===s?"":s))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=s}catch(t){}return}{const l=k(s);if((a||l&&null!==s)&&!i)try{if(t.tagName.includes("-"))t[e]!==s&&(t[e]=s);else{const l=null==s?"":s;"list"===e?a=!1:null!=n&&t[e]===l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==s||!1===s?!1===s&&""!==t.getAttribute(e)||t.removeAttribute(e):(!a||4&c||i)&&!l&&1===t.nodeType&&t.setAttribute(e,s=!0===s?"":s)}}else if(e="-"===e[2]?e.slice(3):o(r,f)?f.slice(2):f[2]+e.slice(3),n||s){const l=e.endsWith(U);e=e.replace(W,""),n&&u.rel(t,e,n,l),s&&u.ael(t,e,s,l)}},U="Capture",W=new RegExp(U+"$"),N=(t,e,n)=>{const l=11===e.O.nodeType&&e.O.host?e.O.host:e.O,o=t&&t.m||{},s=e.m||{};for(const t of T(Object.keys(o)))t in s||P(l,t,o[t],void 0,n,e.i);for(const t of T(Object.keys(s)))P(l,t,o[t],s[t],n,e.i)};function T(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var q=!1,z=!1,F=(t,e,n)=>{const l=e.v[n];let o,s,i=0;if(null!=l.p)o=l.O=r.document.createTextNode(l.p);else{if(!r.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(o=l.O=r.document.createElement(l.S),N(null,l,z),l.v){const e="template"===l.S?o.content:o;for(i=0;i<l.v.length;++i)s=F(t,l,i),s&&e.appendChild(s)}}return o["s-hn"]=O,o},G=(t,e,n,l,o,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===O&&(r=r.shadowRoot),"template"===n.S&&(r=r.content);o<=s;++o)l[o]&&(i=F(null,n,o),i&&(l[o].O=i,Z(r,i,e)))},I=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.O;t&&t.remove()}}},V=(t,e,n=!1)=>t.S===e.S&&(n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),Y=(t,e,n=!1)=>{const l=e.O=t.O,o=t.v,s=e.v,i=e.p;null==i?("slot"!==e.S||q||t.j!==e.j&&(e.O["s-sn"]=e.j||"",(t=>{u.i|=1;const e=t.closest(O.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),l=Array.from(t.__childNodes||t.childNodes);for(const t of n?l.reverse():l)null!=t["s-sh"]&&(Z(e,t,null!=n?n:null),t["s-sh"]=void 0)}u.i&=-2})(e.O.parentElement)),N(t,e,z),null!==o&&null!==s?((t,e,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=l.length-1,m=l[0],v=l[p];const y="template"===n.S?t.content:t;for(;r<=f&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--f];else if(null==m)m=l[++c];else if(null==v)v=l[--p];else if(V(d,m,o))Y(d,m,o),d=e[++r],m=l[++c];else if(V(h,v,o))Y(h,v,o),h=e[--f],v=l[--p];else if(V(d,v,o))Y(d,v,o),Z(y,d.O,h.O.nextSibling),d=e[++r],v=l[--p];else if(V(h,m,o))Y(h,m,o),Z(y,h.O,d.O),h=e[--f],m=l[++c];else{for(u=-1,a=r;a<=f;++a)if(e[a]&&null!==e[a].$&&e[a].$===m.$){u=a;break}u>=0?(i=e[u],i.S!==m.S?s=F(e&&e[c],n,u):(Y(i,m,o),e[u]=void 0,s=i.O),m=l[++c]):(s=F(e&&e[c],n,c),m=l[++c]),s&&Z(d.O.parentNode,s,d.O)}r>f?G(t,null==l[p+1]?null:l[p+1].O,n,l,c,p):c>p&&I(e,r,f)})(l,o,e,s,n):null!==s?(null!==t.p&&(l.textContent=""),G(l,null,e,s,0,s.length-1)):!n&&null!==o&&I(o,0,o.length-1)):t.p!==i&&(l.data=i)},Z=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),B=(t,e,n=!1)=>{const l=t.$hostElement$,o=t.l,s=t.M||C(null,null);var i;const r=(i=e)&&i.S===x?e:E(null,null,e);if(O=l.tagName,o.k&&(r.m=r.m||{},o.k.forEach((([t,e])=>{r.m[e]=l[t]}))),n&&r.m)for(const t of Object.keys(r.m))l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(r.m[t]=l[t]);r.S=null,r.i|=4,t.M=r,r.O=s.O=l.shadowRoot||l,q=!(!(1&o.i)||128&o.i),Y(s,r,n)},J=(t,e)=>{if(e&&!t.C&&e["s-p"]){const n=e["s-p"].push(new Promise((l=>t.C=()=>{e["s-p"].splice(n-1,1),l()})))}},K=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);J(t,t.A);const n=()=>Q(t,e);if(!e)return $(n);queueMicrotask((()=>{n()}))},Q=(t,e)=>{const n=t.$hostElement$,l=n;if(!l)throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=st(l,e?"componentWillLoad":"componentWillUpdate",void 0,n),o=X(o,(()=>st(l,"componentWillRender",void 0,n))),X(o,(()=>et(t,l,e)))},X=(t,e)=>tt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),tt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,et=async(t,e,n)=>{var l;const o=t.$hostElement$,s=o["s-rc"];n&&(t=>{const e=t.l,n=t.$hostElement$,l=e.i,o=((t,e)=>{var n,l,o;const s=M(e),c=i.get(s);if(!r.document)return s;if(t=11===t.nodeType?t:r.document,c)if("string"==typeof c){let o,i=j.get(t=t.head||t);if(i||j.set(t,i=new Set),!i.has(s)){o=r.document.createElement("style"),o.textContent=c;const d=null!=(n=u.D)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=r.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&o.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(a){const e=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(c),f?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=c+e.textContent:t.prepend(o)}else t.append(o);1&e.i&&t.insertBefore(o,null),4&e.i&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let e=j.get(t);if(e||j.set(t,e=new Set),!e.has(s)){const n=null!=(o=t.defaultView)?o:t.ownerDocument.defaultView;let l;if(c.constructor===n.CSSStyleSheet)l=c;else{l=new n.CSSStyleSheet;for(let t=0;t<c.cssRules.length;t++)l.insertRule(c.cssRules[t].cssText,t)}f?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],e.add(s)}}return s})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(t);nt(t,e,o,n),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const e=null!=(l=o["s-p"])?l:[],n=()=>lt(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.i|=4,e.length=0)}},nt=(t,e,n,l)=>{try{e=e.render(),t.i&=-17,t.i|=2,B(t,e,l)}catch(e){s(e,t.$hostElement$)}return null},lt=t=>{const e=t.$hostElement$,n=e,l=t.A;st(n,"componentDidRender",void 0,e),64&t.i?st(n,"componentDidUpdate",void 0,e):(t.i|=64,it(e),st(n,"componentDidLoad",void 0,e),t.L(e),l||ot()),t.C&&(t.C(),t.C=void 0),512&t.i&&b((()=>K(t,!1))),t.i&=-517},ot=()=>{b((()=>H(r,"appload",{detail:{namespace:"gids-core-web"}})))},st=(t,e,n,l)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,l)}},it=t=>t.classList.add("hydrated"),rt=(t,e,n,o)=>{const s=l(t);if(!s)return;const i=t,r=s.o.get(e),c=s.i,u=i;n=R(n,o.t[e][0]);const a=Number.isNaN(r)&&Number.isNaN(n);if(n!==r&&!a&&(s.o.set(e,n),2&c)){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,r,e)&&!(16&c))return;16&c||K(s,!1)}},ct=(e,n)=>{var o,s;const i=e.prototype;if(n.t){const r=Object.entries(null!=(o=n.t)?o:{});r.map((([e,[o]])=>{if(31&o||32&o){const{get:s,set:r}=t(i,e)||{};s&&(n.t[e][0]|=2048),r&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return s?s.apply(this):(t=e,l(this).o.get(t));var t},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(t){const s=l(this);if(s){if(r)return void 0===(32&o?this[e]:s.$hostElement$[e])&&s.o.get(e)&&(t=s.o.get(e)),r.apply(this,[R(t,o)]),void rt(this,e,t=32&o?this[e]:s.$hostElement$[e],n);rt(this,e,t,n)}}})}}));{const t=new Map;i.attributeChangedCallback=function(e,o,s){u.jmp((()=>{var c;const u=t.get(e),a=l(this);if(this.hasOwnProperty(u),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const t=null==a?void 0:a.i;if(a&&t&&!(8&t)&&s!==o){const l=this,i=null==(c=n.R)?void 0:c[e];null==i||i.forEach((n=>{const[[i,r]]=Object.entries(n);null!=l[i]&&(128&t||1&r)&&l[i].call(l,s,o,e)}))}return}const f=r.find((([t])=>t===u)),d=f&&4&f[1][0],h=d&&null===s&&void 0===this[u];d&&(s=null!==s&&"false"!==s);const p=Object.getOwnPropertyDescriptor(i,u);h||s==this[u]||p.get&&!p.set||(this[u]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.R)?s:{}),...r.filter((([t,e])=>31&e[0])).map((([e,l])=>{var o;const s=l[1]||e;return t.set(s,e),512&l[0]&&(null==(o=n.k)||o.push([e,s])),s}))]))}}return e},ut=(t,e)=>{const o={i:e[0],h:e[1]};try{o.t=e[2],o.k=[];const r=t.prototype.connectedCallback,c=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const l={i:0,$hostElement$:t,l:e,o:new Map,_:new Map};l.H=new Promise((t=>l.L=t)),t["s-p"]=[],t["s-rc"]=[];const o=l;t.__stencil__getHostRef=()=>o,512&e.i&&n(t,l)})(this,o)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!l(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&u.i)){const e=l(t);if(!e)return;const n=e.l,o=()=>{};if(1&e.i)(null==e?void 0:e.P)||(null==e?void 0:e.H)&&e.H.then((()=>{}));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(e,e.A=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let l;try{if(!(32&e.i)&&(e.i|=32,l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),l&&l.style)){let t;"string"==typeof l.style&&(t=l.style);const e=M(n);if(!i.has(e)){const l=()=>{};((t,e,n)=>{let l=i.get(t);a&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,i.set(t,l)})(e,t,!!(1&n.i)),l()}}const o=e.A,s=()=>K(e,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()}catch(n){s(n,t),e.C&&(e.C(),e.C=void 0),e.L&&e.L(t)}})(t,e,n)}o()}})(this),r&&r.call(this)},disconnectedCallback(){(async t=>{1&u.i||l(t),j.has(t)&&j.delete(t),t.shadowRoot&&j.has(t.shadowRoot)&&j.delete(t.shadowRoot)})(this),c&&c.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${o.h}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else S.call(this,o)}}),Object.defineProperty(t,"is",{value:o.h,configurable:!0}),ct(t,o)}catch(e){return s(e),t}},at=t=>u.D=t,ft=t=>Object.assign(u,t),dt=new WeakMap;function ht(t,e){let n=dt.get(e);n||(n={i:0,l:{i:0,h:e.tagName},$hostElement$:e},dt.set(e,n)),B(n,t)}function pt(t){return t}const mt=void 0!==globalThis.CSSStyleSheet?new CSSStyleSheet:void 0;let vt=!1;mt&&document.adoptedStyleSheets?document.adoptedStyleSheets.push(mt):console.warn("CSSStyleSheet is not defined. Omitting constructed stylesheet behaviour.");let yt=null;const bt=void 0!==globalThis.MutationObserver?new MutationObserver((()=>{$t()})):void 0,$t=()=>{if(void 0===mt)return!1;const t=(()=>{if(void 0===mt)return;const t=[];for(let e=0;e<document.styleSheets.length;e++){const n=document.styleSheets.item(e);if(n)try{let e=-1,l=0;for(let o=0;o<n.cssRules.length;o++){const s=n.cssRules.item(o);if(s?.cssText.startsWith("gids-global-styles-start"))e=o;else if(e>-1){if(s?.cssText.startsWith("gids-global-styles-end")){l=o-e+1;break}t.push(s)}}if(e>-1)return{rulesStartIndex:e,originalRulesCount:l,rules:t,styleSheet:n}}catch(t){if(!(t instanceof DOMException))throw t}}})();if(void 0!==t){const e=t.styleSheet.ownerNode;return void 0!==bt&&e!==yt&&(yt&&bt.disconnect(),e instanceof Element&&bt.observe(e,{childList:!0,characterData:!0,subtree:!0}),yt=e),mt.replaceSync((t=>t.rules.map((t=>t.cssText)).join(""))(t)),(t=>{const{rulesStartIndex:e,originalRulesCount:n,styleSheet:l}=t;for(let t=0;t<n;t++)l.deleteRule(e)})(t),!0}return console.warn("refreshConstructedGidsStylesheet: Gids stylesheet is not found in document."),!1},gt=()=>(vt||(vt=$t()),mt);export{c as H,at as a,ft as b,$t as c,gt as d,_ as e,x as f,g,E as h,ut as p,ht as r,w as s,pt as t}

package/dist/types/components/html/GidsPagination/GidsPagination.d.ts

@@ -0,0 +1,7 @@
+import { type GidsPaginationCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type GidsPaginationButtonParamsProps } from '@ganpatiinfo/gids-web-shared';
+import { type FunctionalComponent, type JSXBase } from '../../../stencil-public-runtime';
+export type GidsPaginationProps = Omit<GidsPaginationCommonProps<string>, 'onClickItem'> & Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick'> & {
+    onClickItem?: ({ event, index, page, defaultPage, type, }: GidsPaginationButtonParamsProps<MouseEvent>) => void;
+};
+export declare const GidsPagination: FunctionalComponent<GidsPaginationProps>;

package/dist/types/components/html/_GidsPaginationItem/GidsPaginationItem.d.ts

@@ -0,0 +1,7 @@
+import { type GidsPaginationItemCommonProps } from '@ganpatiinfo/gids-core-shared';
+import { type VNode } from '../../../stencil-public-runtime';
+import { type FunctionalComponent, type JSXBase } from '../../../stencil-public-runtime';
+export type GidsPaginationItemProps = GidsPaginationItemCommonProps<VNode, string> & Omit<JSXBase.IntrinsicElements['button'], 'children' | 'onClick'> & {
+    onClickItem?: (event: MouseEvent) => void;
+};
+export declare const GidsPaginationItem: FunctionalComponent<GidsPaginationItemProps>;

package/dist/types/components/webComponents/GidsIcon/GidsIcon.d.ts

@@ -0,0 +1,12 @@
+import { type IconName, type IconAppearance } from '@ganpatiinfo/gids-web-theme-interface';
+import { type GidsIconWebProps } from '@ganpatiinfo/gids-web-shared';
+export declare class GidsIconWebComponent implements GidsIconWebProps<IconName, IconAppearance> {
+    private _el;
+    name: IconName;
+    size?: GidsIconWebProps<IconName, IconAppearance>['size'];
+    appearance?: IconAppearance;
+    alt?: string;
+    titleId?: string;
+    connectedCallback(): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -5,9 +5,20 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
+import { GidsIconWebProps } from "@ganpatiinfo/gids-web-shared";
 import { GidsButtonSize, GidsButtonWidth, GidsToggleButtonAppearance } from "@ganpatiinfo/gids-core-shared";
+export { IconAppearance, IconName } from "@ganpatiinfo/gids-web-theme-interface";
+export { GidsIconWebProps } from "@ganpatiinfo/gids-web-shared";
 export { GidsButtonSize, GidsButtonWidth, GidsToggleButtonAppearance } from "@ganpatiinfo/gids-core-shared";
 export namespace Components {
+    interface GidsIcon {
+        "alt"?: string;
+        "appearance"?: IconAppearance;
+        "name": IconName;
+        "size"?: GidsIconWebProps<IconName, IconAppearance>['size'];
+        "titleId"?: string;
+    }
     interface GidsToggleButton {
         /**
           * Reflected by `appearance` property
@@ -46,6 +57,12 @@ export interface GidsToggleButtonCustomEvent<T> extends CustomEvent<T> {
     target: HTMLGidsToggleButtonElement;
 }
 declare global {
+    interface HTMLGidsIconElement extends Components.GidsIcon, HTMLStencilElement {
+    }
+    var HTMLGidsIconElement: {
+        prototype: HTMLGidsIconElement;
+        new (): HTMLGidsIconElement;
+    };
     interface HTMLGidsToggleButtonElementEventMap {
         "select": boolean;
     }
@@ -64,10 +81,20 @@ declare global {
         new (): HTMLGidsToggleButtonElement;
     };
     interface HTMLElementTagNameMap {
+        "gids-icon": HTMLGidsIconElement;
         "gids-toggle-button": HTMLGidsToggleButtonElement;
     }
 }
 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 GidsIcon {
+        "alt"?: string;
+        "appearance"?: IconAppearance;
+        "name": IconName;
+        "size"?: GidsIconWebProps<IconName, IconAppearance>['size'];
+        "titleId"?: string;
+    }
     interface GidsToggleButton {
         /**
           * Reflected by `appearance` property
@@ -101,15 +128,34 @@ declare namespace LocalJSX {
          */
         "width"?: GidsButtonWidth;
     }
+
+    interface GidsIconAttributes {
+        "name": IconName;
+        "size": GidsIconWebProps<IconName, IconAppearance>['size'];
+        "appearance": IconAppearance;
+        "alt": string;
+        "titleId": string;
+    }
+    interface GidsToggleButtonAttributes {
+        "disabled": boolean;
+        "appearance": GidsToggleButtonAppearance;
+        "size": GidsButtonSize;
+        "width": GidsButtonWidth;
+        "defaultSelected": boolean;
+        "selected": boolean | undefined;
+    }
+
     interface IntrinsicElements {
-        "gids-toggle-button": GidsToggleButton;
+        "gids-icon": Omit<GidsIcon, keyof GidsIconAttributes> & { [K in keyof GidsIcon & keyof GidsIconAttributes]?: GidsIcon[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `attr:${K}`]?: GidsIconAttributes[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `prop:${K}`]?: GidsIcon[K] } & OneOf<"name", GidsIcon["name"], GidsIconAttributes["name"]>;
+        "gids-toggle-button": Omit<GidsToggleButton, keyof GidsToggleButtonAttributes> & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes]?: GidsToggleButton[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `attr:${K}`]?: GidsToggleButtonAttributes[K] } & { [K in keyof GidsToggleButton & keyof GidsToggleButtonAttributes as `prop:${K}`]?: GidsToggleButton[K] };
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "gids-toggle-button": LocalJSX.GidsToggleButton & JSXBase.HTMLAttributes<HTMLGidsToggleButtonElement>;
+            "gids-icon": LocalJSX.IntrinsicElements["gids-icon"] & JSXBase.HTMLAttributes<HTMLGidsIconElement>;
+            "gids-toggle-button": LocalJSX.IntrinsicElements["gids-toggle-button"] & JSXBase.HTMLAttributes<HTMLGidsToggleButtonElement>;
         }
     }
 }

package/dist/types/index.d.ts

@@ -1,12 +1,3 @@
 export * from './utils/constructedGidsStylesheet.js';
+export * from './utils/assets.js';
 export type * from './components.d.ts';
-import { setGidsAssetFilePaths, setGidsDefaultAssetDirPath } from '@ganpatiinfo/gids-web-shared';
-export { 
-/**
- * @inheritdoc
- */
-setGidsAssetFilePaths, 
-/**
- * @inheritdoc
- */
-setGidsDefaultAssetDirPath, };

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
@@ -563,6 +679,7 @@ export declare namespace h {
     function h(sel: any, data: VNodeData | null, text: string): VNode;
     function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
     function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
     namespace JSX {
         interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
             [tagName: string]: any;
@@ -577,6 +694,36 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 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;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): 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;
 /**
  * A virtual DOM node
  */
@@ -606,7 +753,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 +923,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 +979,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;
@@ -846,7 +996,7 @@ export declare namespace JSXBase {
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
         name?: string;
-        onToggle?: (event: Event) => void;
+        onToggle?: (event: ToggleEvent) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
@@ -1552,6 +1702,13 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
+    interface ToggleEvent extends Event {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
+        readonly newState: string;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
+        readonly oldState: string;
+    }
     interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
@@ -1568,6 +1725,10 @@ export declare namespace JSXBase {
         onCompositionstartCapture?: (event: CompositionEvent) => void;
         onCompositionupdate?: (event: CompositionEvent) => void;
         onCompositionupdateCapture?: (event: CompositionEvent) => void;
+        onBeforeToggle?: (event: ToggleEvent) => void;
+        onBeforeToggleCapture?: (event: ToggleEvent) => void;
+        onToggle?: (event: ToggleEvent) => void;
+        onToggleCapture?: (event: ToggleEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1586,10 +1747,6 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
-        onBeforeToggle?: (event: Event) => void;
-        onBeforeToggleCapture?: (event: Event) => void;
-        onToggle?: (event: Event) => void;
-        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;
@@ -1601,7 +1758,7 @@ export declare namespace JSXBase {
         onKeyUp?: (event: KeyboardEvent) => void;
         onKeyUpCapture?: (event: KeyboardEvent) => void;
         onAuxClick?: (event: MouseEvent) => void;
-        onClick?: (event: MouseEvent) => void;
+        onClick?: (event: PointerEvent) => void;
         onClickCapture?: (event: MouseEvent) => void;
         onContextMenu?: (event: MouseEvent) => void;
         onContextMenuCapture?: (event: MouseEvent) => void;
@@ -1693,6 +1850,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/dist/types/utils/assets.d.ts

@@ -0,0 +1,6 @@
+import { type IconSpriteSheet } from '@ganpatiinfo/gids-web-theme-interface';
+export type GidsThemeAsset = IconSpriteSheet;
+export declare function setGidsAssetPaths(filePaths: Partial<Record<GidsThemeAsset, string>>, defaultPath?: string): void;
+export declare function setGidsAssetPaths(defaultPath: string): void;
+export declare const setGidsAssetFilePaths: (paths: Partial<Record<GidsThemeAsset, string>>) => void;
+export declare const setGidsDefaultAssetDirPath: (path: string) => void;