@paperless/core 2.0.1-beta.107 → 2.0.1-beta.109

package/dist/collection/collection-manifest.json

@@ -20,6 +20,9 @@
     "components/atoms/card/header/card-header.component.js",
     "components/atoms/checkbox/checkbox.component.js",
     "components/atoms/divider/divider.component.js",
+    "components/atoms/drawer/body/drawer-body.component.js",
+    "components/atoms/drawer/container/drawer-container.component.js",
+    "components/atoms/drawer/header/drawer-header.component.js",
     "components/atoms/dropdown-menu/container/dropdown-menu-container.component.js",
     "components/atoms/dropdown-menu/item/dropdown-menu-item.component.js",
     "components/atoms/floating-menu/item/floating-menu-item.component.js",
@@ -44,9 +47,6 @@
     "components/atoms/toggle/toggle.component.js",
     "components/atoms/tooltip/tooltip.component.js",
     "components/deprecated/atoms/counter/counter.component.js",
-    "components/deprecated/atoms/drawer/body/drawer-body.component.js",
-    "components/deprecated/atoms/drawer/container/drawer-container.component.js",
-    "components/deprecated/atoms/drawer/header/drawer-header.component.js",
     "components/deprecated/atoms/layout/layout.component.js",
     "components/deprecated/atoms/loader/loader.component.js",
     "components/deprecated/atoms/slider-indicator/slider-indicator.component.js",
@@ -60,7 +60,6 @@
     "components/deprecated/molecules/input/error/input-error.component.js",
     "components/deprecated/molecules/input/group/input-group.component.js",
     "components/deprecated/molecules/stepper/stepper.component.js",
-    "components/deprecated/organisms/drawer/drawer.component.js",
     "components/helpers/portal/portal.component.js",
     "components/molecules/button-group/button-group.component.js",
     "components/molecules/calendar/calendar.component.js",
@@ -79,6 +78,7 @@
     "components/molecules/table/footer/table-footer.component.js",
     "components/molecules/table/row/table-row.component.js",
     "components/molecules/toast/toast.component.js",
+    "components/organisms/drawer/drawer.component.js",
     "components/organisms/modal/modal.component.js",
     "components/organisms/navbar/navbar.component.js"
   ],

package/dist/collection/components/atoms/checkbox/checkbox.component.js

@@ -89,14 +89,14 @@ export class Checkbox {
         this.disabled = disabled;
     }
     render() {
-        const id = this.id?.length ? `${this.id}-${this._nonce}` : this._nonce;
-        return (h(Host, { key: 'adafc739d815ce40d1af48326f55d8120ead3a51', class: 'p-checkbox' }, h("label", { key: 'fa0af9f1c6839d08bc153f5f0dd7bba246ecaec8', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'efb34e71d0658c21dc16ea98897d5c140ec2c107', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '76e000b1e1e86daaf1223276e773097003996dfc', class: checkbox({
+        const id = this.id?.length ? this.id : this._nonce;
+        return (h(Host, { key: '3eb802b124beae087d7f44b338004c79c8d3b798', class: 'p-checkbox' }, h("label", { key: '703763ec3376e8e2d369c0a6815fbdc699ab4bed', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'bc102b83245b1efff7a7c4b1a012e264dfcdee22', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'db4718becb415a4c0f2f549cbf029c906f82000f', class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'fc7082b9b93786f7bf6b7078c43a9a1239fac3a6', class: iconContainer({
+            }), type: 'checkbox', id: id, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '541e6424d77b0c6942d28f397b28eaeb5d141ae8', class: iconContainer({
                 disabled: asBoolean(this.disabled),
-            }) }, h("p-icon", { key: '0ac03e26102408969125f89a92adf679fbcc46d8', class: icon({
+            }) }, h("p-icon", { key: '19567ffb0a8187630b23854c0bc7a38ae5871188', class: icon({
                 disabled: asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("slot", { key: 'edbf5d67f7138c84d48b184026e68ccbf4b77f34' }))));
+            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("slot", { key: '4234759761952e11f9e3a59de42d96d647b6bc76' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

package/dist/collection/components/atoms/checkbox/checkbox.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/checkbox/checkbox.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    AttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',\n\t\t\t\t\t'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-black-teal-10% text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse: 'group-hover/p-checkbox:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? `${this.id}-${this._nonce}` : this._nonce;\n\n\t\treturn (\n\t\t\t<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(this.indeterminate ? \"indeterminate\" : this.checked ? \"on\" : \"off\");\n\t}\n\n}\n"]}
+{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/checkbox/checkbox.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EAClB,SAAS,EACT,KAAK,EAEL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,CAAC,GACD,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,QAAQ,GAAG,GAAG,CACnB;IACC,qDAAqD;IACrD,mCAAmC;IACnC,iBAAiB;CACjB,EACD;IACC,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,KAAK,EAAE;gBACN,yBAAyB;gBACzB,gCAAgC;gBAChC,2DAA2D;gBAC3D,0DAA0D;gBAC1D,kDAAkD;gBAClD,0EAA0E;gBAC1E,0EAA0E;gBAC1E,8DAA8D;gBAC9D,kFAAkF;aAClF;YACD,IAAI,EAAE,uDAAuD;SAC7D;KACD;CACD,CACD,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CACxB;IACC,kDAAkD;IAClD,2FAA2F;CAC3F,EACD;IACC,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,qBAAqB;SAC3B;KACD;CACD,CACD,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,oCAAoC,CAAC,EAAE;IACxD,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,KAAK,EAAE,gCAAgC;YACvC,IAAI,EAAE,IAAI;SACV;KACD;CACD,CAAC,CAAC;AAOH,MAAM,OAAO,QAAQ;IACpB;;OAEG;IACK,OAAO,CAAU;IAEzB;;OAEG;IACK,aAAa,CAAU;IAE/B;;OAEG;IACsB,QAAQ,GAAY,KAAK,CAAC;IAEnD;;OAEG;IACsB,QAAQ,GAAY,IAAI,CAAC;IAElD;;OAEG;IACsB,EAAE,CAAS;IAEpC;;OAEG;IACsB,IAAI,CAAS;IAEtC;;OAEG;IACM,aAAa,CAAwB;IAC9C;;OAEG;IACM,mBAAmB,CAAwB;IAEnC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAEhB,UAAU,CAAmB;IAEhD,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,oBAAoB,CAAC,QAAiB;QACrC,IAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,MAAM;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QAEnD,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,YAAY;YACvB,8DACC,OAAO,EAAE,EAAE,EACX,KAAK,EAAC,wEAAwE;gBAE9E,4DAAK,KAAK,EAAC,0CAA0C;oBACpD,8DACC,KAAK,EAAE,QAAQ,CAAC;4BACf,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;yBAClC,CAAC,EACF,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAClC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAChC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,EAC5C,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAClC,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,GACjC;oBACF,4DACC,KAAK,EAAE,aAAa,CAAC;4BACpB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;yBAClC,CAAC;wBAEF,+DACC,KAAK,EAAE,IAAI,CAAC;gCACX,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;6BAClC,CAAC,EACF,IAAI,EAAC,MAAM,EACX,OAAO,EACN,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,GAE1D,CACG,CACD;gBACN,8DAAQ,CACD,CACF,CACP,CAAC;IACH,CAAC;IAEO,SAAS,CAAC,EAAS;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACR,CAAC;QAED,MAAM,OAAO,GAAG,SAAS,CAAE,EAAE,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAC;QACnE,MAAM,aAAa,GAAG,SAAS,CAC7B,EAAE,CAAC,MAA2B,CAAC,aAAa,CAC7C,CAAC;QAEF,IAAI,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;QAED,IAAI,aAAa,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACzC,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;YACnC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAClG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAED","sourcesContent":["import {\n    AttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',\n\t\t\t\t\t'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-black-teal-10% text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse: 'group-hover/p-checkbox:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(this.indeterminate ? \"indeterminate\" : this.checked ? \"on\" : \"off\");\n\t}\n\n}\n"]}

package/dist/collection/components/atoms/drawer/body/drawer-body.component.css

@@ -0,0 +1 @@
+.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}*{box-sizing:border-box}:host{display:flex;flex:1 1 0%;flex-direction:column;gap:1rem;height:100%;padding:1rem 1rem calc(env(safe-area-inset-bottom, 0) + 1rem);width:100%}.static{position:static!important}

package/dist/collection/components/atoms/drawer/body/drawer-body.component.js

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+export class DrawerBody {
+    render() {
+        return h("slot", { key: '78b8055b04b8b75d8e6cda74d346b3798ce6adb9' });
+    }
+    static get is() { return "p-drawer-body"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["drawer-body.component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["drawer-body.component.css"]
+        };
+    }
+}
+//# sourceMappingURL=drawer-body.component.js.map

package/dist/collection/components/atoms/drawer/body/drawer-body.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-body.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drawer/body/drawer-body.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,UAAU;IACtB,MAAM;QACL,OAAO,8DAAQ,CAAC;IACjB,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n"]}

package/dist/collection/components/atoms/drawer/container/drawer-container.component.css

@@ -0,0 +1 @@
+.z-drawer{z-index:500!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:.5rem;width:100%}@media (min-width:40rem){.tablet\:w-\[22\.5rem\]{width:22.5rem!important}}.static{position:static!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\:max-w-\[22\.5rem\]{max-width:22.5rem!important}}

package/dist/collection/components/{deprecated/atoms → atoms}/drawer/container/drawer-container.component.js

@@ -1,21 +1,35 @@
-import { h, Host } from "@stencil/core";
-// $drawer-xs: 20rem;
-// $drawer-sm: 33.5rem;
-// $drawer-md: 38rem;
-// $drawer-lg: 47.5rem;
-// $drawer-xl: 57.5rem;
-export class ModalContainer {
+import { h } from "@stencil/core";
+import { cva } from "class-variance-authority";
+import { asBoolean } from "../../../../utils/as-boolean";
+const container = cva([
+    'flex-1 min-w-0',
+    'z-drawer flex flex-col',
+    'rounded-2xl bg-white',
+    'w-full tablet:max-w-[22.5rem]',
+    'shadow-modal',
+], {
+    variants: {
+        closing: {
+            false: 'animate-slide-in-right',
+            true: 'animate-slide-out-right'
+        },
+    },
+});
+export class DrawerContainer {
     /**
      * Wether the container is closing
      */
     closing = false;
     render() {
-        return (h(Host, { key: 'd57ab47c7edd6745dcb4dc62319f5df4b513ef2c', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: '9bd7b258807ca2f202c9d3ebd9547d63c1920a4b' })));
+        return (h("div", { key: '588fa8d66f4f38eabb6f32c43cc4edae5da25d88', class: container({
+                closing: asBoolean(this.closing),
+            }) }, h("slot", { key: '64fbe75f5908f8502da9bfd3c5a427d20a9cada6' })));
     }
     static get is() { return "p-drawer-container"; }
+    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["drawer-container.component.scss"]
+            "$": ["drawer-container.component.css"]
         };
     }
     static get styleUrls() {

package/dist/collection/components/atoms/drawer/container/drawer-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drawer/container/drawer-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,gBAAgB;IAEhB,wBAAwB;IAExB,sBAAsB;IACtB,+BAA+B;IAE/B,cAAc;CACd,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EACJ,wBAAwB;YACzB,IAAI,EAAE,yBAAyB;SAC/B;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,eAAe;IAC3B;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,SAAS,CAAC;gBAChB,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aAChC,CAAC;YAEF,8DAAQ,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white',\n\t\t'w-full tablet:max-w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right'\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/drawer/header/drawer-header.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static!important}.relative{position:relative!important}.z-\[1\]{z-index:1!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.size-8{height:2rem!important;width:2rem!important}.min-h-12{min-height:3rem!important}.min-h-18{min-height:4.5rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.pb-0{padding-bottom:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.font-bold{font-weight:700!important}

package/dist/collection/components/{deprecated/atoms → atoms}/drawer/header/drawer-header.component.js

@@ -1,5 +1,15 @@
-import { h, Host } from "@stencil/core";
-export class ModalHeader {
+import { h } from "@stencil/core";
+import { cva } from "class-variance-authority";
+const header = cva([
+    'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',
+    'inline-flex',
+]);
+const content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);
+const title = cva([
+    'flex-1 text-center',
+    'black-teal-500 text-2xl text-ambit font-bold',
+]);
+export class DrawerHeader {
     /**
      * Wether to show the close button on mobile
      */
@@ -9,13 +19,13 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h(Host, { key: '43f615cab42c4d408b24b3501f0bced12c55b294', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: '3e1c19014ee187fcfb7c8c6e559bbbe40fb8ad37', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: '7647c9ca39660c114ab29c4fd2e96ff89193990e' })));
+        return (h("div", { key: '80435acb354fdd4814843c8b0ef1eb297c8a9678', class: header() }, h("div", { key: '7800396905ed9ce69e0c365ec45f5aa93eebb4df', class: content() }, this.showClose && (h("p-button", { key: 'e85ecaf4e44d4f702408886b1c6ea09e92fea9c7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), h("div", { key: '767c1723defac78365da2043d0e04a9d71fb245b', class: title() }, h("slot", { key: '2a4940fda5935fc207061bf075e9a8bb808eb4ea' })), this.showClose && h("div", { key: 'a1ccf517e2d3222539aa53180101112e6b652d79', class: "size-8" })), h("p-smile", { key: '741819b175e05405bd1f1d3578d5a8cb724f3bc3' })));
     }
     static get is() { return "p-drawer-header"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["drawer-header.component.scss"]
+            "$": ["drawer-header.component.css"]
         };
     }
     static get styleUrls() {

package/dist/collection/components/atoms/drawer/header/drawer-header.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/drawer/header/drawer-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,gFAAgF;IAChF,aAAa;CACb,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC,CAAC;AAE1E,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,8CAA8C;CAC9C,CAAC,CAAC;AAOH,MAAM,OAAO,YAAY;IACxB;;OAEG;IACK,SAAS,GAAG,IAAI,CAAC;IAEzB;;OAEG;IAIH,KAAK,CAA2B;IAEhC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,MAAM,EAAE;YACnB,4DAAK,KAAK,EAAE,OAAO,EAAE;gBACnB,IAAI,CAAC,SAAS,IAAI,CAClB,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ;gBAED,4DAAK,KAAK,EAAE,KAAK,EAAE;oBAClB,8DAAQ,CACH;gBAEL,IAAI,CAAC,SAAS,IAAI,4DAAK,KAAK,EAAC,QAAQ,GAAG,CACpC;YAEN,iEAAW,CACN,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && <div class=\"size-8\" />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/dropdown-menu/container/dropdown-menu-container.component.js

@@ -65,14 +65,14 @@ export class DropdownMenuContainer {
             : this.scrollable === true
                 ? 'default'
                 : this.scrollable;
-        return (h("div", { key: 'e429cfa1a020d0f590cf396e31cd6588b0f327d7', class: dropdownMenuContainer({
+        return (h("div", { key: '9fdbc014bb777e9db6fb407c5994982b696bf8bb', class: dropdownMenuContainer({
                 class: this.class,
                 variant: this.variant,
                 fullWidth: asBoolean(this.fullWidth, true),
                 allowOverflow: asBoolean(this.allowOverflow),
                 scrollable,
                 maxWidth: this.maxWidth,
-            }) }, h("div", { key: 'a19f442546a9e2349d6c33a1c6b0950d1e819bd4', class: 'flex w-full flex-col' }, h("slot", { key: 'c9a9b93cb83f8e670a7cae2c91ec15a77c62d011' }))));
+            }) }, h("div", { key: '899dc3bee6482e16ac442ec0afc0127c73ab3283', class: 'flex w-full flex-col' }, h("slot", { key: '1b6a4124637524f48812b7f4fbbb207f9b957ba0' }))));
     }
     static get is() { return "p-dropdown-menu-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/dropdown-menu/item/dropdown-menu-item.component.js

@@ -188,17 +188,17 @@ export class DropdownMenuItem {
      */
     useContainer = true;
     render() {
-        return (h("div", { key: 'e1912d180b54485dbca8bb693a1d94b9a6a2b49a', class: dropdownMenuItem({
+        return (h("div", { key: 'c8acdbe3151719407cc750c90c8d55a9828efdee', class: dropdownMenuItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 enableHover: asBoolean(this.enableHover ?? true, true),
                 disabled: asBoolean(this.disabled),
-            }) }, this.icon && (h("p-icon", { key: 'b177fdf93d358828bb3cc0177450c1398ddfb57b', class: dropdownMenuItemIcon({
+            }) }, this.icon && (h("p-icon", { key: '43a3a38ee417cca7db77302722d84a5d633797f7', class: dropdownMenuItemIcon({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 disabled: asBoolean(this.disabled),
                 wave: asBoolean(this.iconWave),
-            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '1ff9f1c4f5cd0245bc125fec7486082164b5b44c', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null))));
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: '8aa693f1df4f10709f22ee8176d6d2da00cfe494', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: 'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start' }, h("slot", null))) : (h("slot", null))));
     }
     static get is() { return "p-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.js

@@ -73,10 +73,10 @@ export class FloatingMenuItem {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: 'ca755911f6e81e541e6fca42448a8e7dc8ec4c0e', class: item({
+        return (h(Host, { key: '6f25d27e8f828de9c832adc3ad05104e52c79f5e', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '009ca6a813887df8e3bcaa6e4fdd814bcb3e51b0', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: '07f0a1ca2b700fec0759179c7ba0fc758f5047b1' }))));
+            }) }, this._getIcon(), h("p", { key: 'ce1bd15739d832cfac5bc8dc3747ba284b769659', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: 'a1f954c38320ee8ce2bdf3c0121337d01bc21269' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

package/dist/collection/components/atoms/helper/helper.component.js

@@ -9,7 +9,7 @@ export class Helper {
      */
     placement = 'top';
     render() {
-        return (h(Host, { key: 'd5a3f94d92f5c27677b4af1b7cf38cdf1acc835d', class: 'p-helper' }, h("p-tooltip", { key: '813372493655ce3c25df6b94812fbcf2e1abdc54', placement: this.placement, strategy: this.strategy }, h("div", { key: '5fc089010daf2af99c8f95c35cc63818056f50e7', slot: 'content' }, h("slot", { key: 'a0577548d0e202a033f2a5f496283edd4fc5566e' })), h("p-icon", { key: '116edc6ceefb01e05bbda56db0a64c6d8dc07cd8', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
+        return (h(Host, { key: 'f41fca806a7d1916dc45723de3a42b2213002423', class: 'p-helper' }, h("p-tooltip", { key: 'fb89672442dfe2dddc2606c36b0ef4dfdb31fddb', placement: this.placement, strategy: this.strategy }, h("div", { key: '595b4aa1facfbf4b12031d09b31eb0e2c706ceb3', slot: 'content' }, h("slot", { key: '7fd883a6819a9a4d625e0f9334746cff3b25f6bb' })), h("p-icon", { key: '94108377e460b52525fe3b61f55aa147173ddc7b', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
     static get is() { return "p-helper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/iban-icon/iban-icon.component.js

@@ -15,7 +15,7 @@ export class IbanIcon {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (h(Host, { key: 'c0a1ffaaa9866414ab54d2df1607f28e8173aec3', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (h(Host, { key: '7e58e64617cdbb1783c9588e493ca4b3b0759b96', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {

package/dist/collection/components/atoms/info-panel/info-panel.component.js

@@ -57,7 +57,7 @@ export class InfoPanel {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h("div", { key: '4a40810d87c1f1bd83cc3e69ac2cf25f46f67aa7', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'd3ad64ceacacec9df1426d38e9942801b1f4d212', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '5235c245a17d046440920bf46d09bb14b34fb944', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '4eba145a27b621135147fc6e63dbf0a3fa7f8fa3', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'e294844104637e743082e3555a59e058e3f29fba', variant: 'negative' })))));
+        return (h("div", { key: '04c278209f627e9dff0ffa8d95dabc198e269ab0', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '7aa94bf095817fda6d4254f501ed81b982657611', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: 'e65af856f4870d555da5200ec7a139462380f634', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '25f33a822d0e6b81d129d5d0cb67addaa0ec8b23', class: close(), onClick: () => this._close() }, h("p-icon", { key: '855a3822417f72d34cc543e5bfec6cc7b4cdf914', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/collection/components/atoms/modal/body/modal-body.component.js

@@ -22,10 +22,10 @@ export class ModalBody {
      */
     roundedTop = false;
     render() {
-        return (h("div", { key: 'f57b07159fc89214d6dc9f2a925644fcbb79c15d', class: body({
+        return (h("div", { key: 'ae04aa8ee7ac28631655823c8557e5f46dbdd3af', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: 'f4d54933b79036b57ee86e1f82e4830607e5ddc3' })));
+            }) }, h("slot", { key: 'edded036f5a204b6820e95644af5e11b90659876' })));
     }
     static get is() { return "p-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/container/modal-container.component.js

@@ -31,10 +31,10 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h("div", { key: '30216aaad888f568cf3823d8063c657ac3a1f258', class: container({
+        return (h("div", { key: '1a4c675a8df8e09830c1feab2e88ef411aed4c9b', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '60c7e606bb0ddbf466515d7a6fb2c31640b13068' })));
+            }) }, h("slot", { key: 'dbc88f529c81a60aeb48c86ad89a278f0d92644d' })));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/footer/modal-footer.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ModalFooter {
     render() {
-        return (h("div", { key: '9190ed02eb4a01e20c57ea9c1ca5b0e99243029c', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'a4c1c9a9a5eeb4430862d6e273487b9c685f8a8a', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '1fbd162478d6f9cd6ba34604fbf0519f6f703c00', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '571c7888dc7665d65389a8014b6dae3af3a88c2d' }))));
+        return (h("div", { key: '58997c55f0f86adeef343bd8c4778a8a0d5aae45', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'd8ab141b88990b4a2c8af6c90d13ad795b8a8242', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '2155fc7f40f01339e8b8c8000410693213a04e8e', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: 'e16e263998ecd3e08fb4948a6934cfe40f2d934f' }))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/header/modal-header.component.js

@@ -20,7 +20,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h("div", { key: 'c84ea0d44d685eac1fb28d26101c9bd771c71adc', class: header() }, h("div", { key: 'f8515fd3f423836b8fad44bd0880221682dda5f4', class: content() }, h("div", { key: 'cee8d374aec4e6560b9d6c9ec18ad997e6c6c128', class: title() }, h("slot", { key: '1559e68d91507339ac784daf77880087cfa82a7f' })), this.showClose && (h("p-button", { key: '214f9c910359f8255b6616d0ead493e3eb8e1e01', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '89a5ec85acab82de12898edaac52883076e1f803' })));
+        return (h("div", { key: 'ea409642210bca0edd6bcce2c8b15492301000be', class: header() }, h("div", { key: '5c60f285d79d977450d3a133a0e7d61a1e3bb8f7', class: content() }, h("div", { key: '0bd61293220a5d54806ecf755f408c43decb59ba', class: title() }, h("slot", { key: 'e2a0c14cb192104ab1aa8d59bac70b121296f3ed' })), this.showClose && (h("p-button", { key: 'ba29d62c1765c7a397f04d4c014ff753abd03f29', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '8837a8456debeea6f3c3da964ae574eb612a78e7' })));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class NavigationTitle {
     render() {
-        return (h(Host, { key: 'd51756470d5725ba1a1d9b1128d72b6d51db7588', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: 'fa9b64875c9973c7001fdc7cfff81131b965985b' })));
+        return (h(Host, { key: 'eb18e6b6cb338e7a1492a2f1730760f065a497a9', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: 'e98dd025038ddf4c893eaca629c3cc5c5b20dfdc' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js

@@ -77,12 +77,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(Host, { key: '3e5541b6c558aebbef2701e9a0b5622ef4dce27c', class: item({
+        return (h(Host, { key: '77b82a4a8328ec0d84b316f39f9c258934382301', class: item({
                 variant: this.variant,
                 active: this.active,
                 hover: this.hover,
                 disabled: this.disabled,
-            }) }, h("slot", { key: '5ec5830a110b3c7bfa101a5524e5317b8a815ffa' })));
+            }) }, h("slot", { key: 'eeb5bcc6752a18593f904a957be76de280f63388' })));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/radio/radio.component.js

@@ -86,12 +86,12 @@ export class Radio {
         this.disabled = disabled;
     }
     render() {
-        const id = this.id?.length ? `${this.id}-${this._nonce}` : this._nonce;
-        return (h(Host, { key: '2de9b0fc06dc7c2e53493144a1ed2a4036265c00', class: 'p-radio' }, h("label", { key: 'fd09c920ed23e6bc40b0ee6c01de4d6360720989', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'bb277f24a18db5aff13bc8a2a854f8035058a68d', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'a90ee0668a06799e0ed16489b203483fabea2820', class: radio({
+        const id = this.id?.length ? this.id : this._nonce;
+        return (h(Host, { key: '6d017e7ebcd090020cc0f3af4fff236b1ff4af2a', class: 'p-radio' }, h("label", { key: '8a4b729389670ab394e196028c0c84663d1fc4a1', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '96ab595b9487a3cbba88807168812186fc163e49', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '106c86f0896276fcaede0af9deaa4a354f666abe', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '33cd9b8bcb47a3a72fae3fd8a1b16ecf777072ff', class: circle({
+            }), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '6b3d72b31e2225f39b2f47a79feaf1006e291120', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: 'f4089bb4a3b8ec38963938869b2113a2d75b6e05' }))));
+            }) })), h("slot", { key: 'c2c9e252c9b10b5362ac9c98afb3f71323abf43f' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/collection/components/atoms/radio/radio.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    AttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportivce-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10',\n\t\t\t\ttrue: 'peer-checked:bg-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? `${this.id}-${this._nonce}` : this._nonce;\n\n\t\treturn (\n\t\t\t<Host class='p-radio'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? \"on\" : \"off\");\n\t}\n}\n"]}
+{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    AttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportivce-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10',\n\t\t\t\ttrue: 'peer-checked:bg-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<Host class='p-radio'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? \"on\" : \"off\");\n\t}\n}\n"]}

package/dist/collection/components/atoms/segment/container/segment-container.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SegmentContainer {
     render() {
-        return (h(Host, { key: '390c920fa2ddfb55845598d9df9564a294b296c3', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: '4bd2f7fd00f8c130f3bd669f504004b8fb42ba71' })));
+        return (h(Host, { key: 'bda5e2d5e7f7c9f0509d94cf39ff1eb215e6fd14', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: '30330b65c7294c799737b218c0ba7b33c0030396' })));
     }
     static get is() { return "p-segment-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/segment/item/segment-item.component.js

@@ -49,11 +49,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(Host, { key: 'f06e8ea8f8ab63e0f688656061e68efec6f19676', class: segmentItem({
+        return (h(Host, { key: 'eefb25484ad2a550a30816f99085af8c6617fd0f', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: '1a4b2b1f197d5572fb6c3c3a0de63a0825aaaf9b', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
+            }) }, this.icon && (h("p-icon", { key: '55e8aabbcd2575920d8530a09947a73849f49fa1', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
     }
     static get is() { return "p-segment-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/smile/smile.component.js

@@ -15,7 +15,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '90cb6d949f72915dfbfbd681e87db831442cedf7', class: smile({ variant: this.variant }) }, h("div", { key: 'f1f7a08f3379cd4e0e7bf389a65fae69d1da7c52', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
+        return (h(Host, { key: '3d2892748994e5ffe19911528c5a0015a9254c9e', class: smile({ variant: this.variant }) }, h("div", { key: 'd17cedb38bc1256692c087fc095346a7efca18f5', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/tab/container/tab-container.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TabContainer {
     render() {
-        return (h("div", { key: '08a36fd955bd6c109bcb122c3ae22589f7b682df', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '017a8a6b522ef622d05486e77f11a911bca53084', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '6ba5f31d10a9f6bfe24aefe44a92a073f481ebc1' })), h("p-divider", { key: 'c23daa183f648a32b794b39e4db04a83ea34aa73', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+        return (h("div", { key: '4a2e2570b95ab186cdfc9455214da22f0d8e8586', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'aede988de21568e57f2da16f525dae6e01682bcb', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '939368f3230c1b3c18e391277b3a99c27a2a6854' })), h("p-divider", { key: '413e9cd32408d6b93c9822c696467e88850d45ab', class: 'absolute bottom-0 left-0 m-0 w-full' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab/item/tab-item.component.js

@@ -18,7 +18,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h("div", { key: '922ec97f044554b50233a6f187aa7bd25f849bb0', class: item({ active: this.active }) }, h("slot", { key: '684026ee241b6ae6f231a9eb65709f2245789e10' })));
+        return (h("div", { key: '5b23a1e6e66054110f2fef1efd9efe378f57e226', class: item({ active: this.active }) }, h("slot", { key: '589556fe51d37d17a634a7478b49ce4a576e83fc' })));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/table/actions-container/table-container.component.js

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 const container = cva('flex flex-col relative');
 export class TableContainer {
     render() {
-        return (h(Host, { key: '083aeb85646544809cf9774ced959ccf50e29815', class: container() }, h("slot", { key: '0d61250f8123f29c3292b82c13681a4e350873a9' })));
+        return (h(Host, { key: 'ec2740f70b5ccd8072c85851cb3d386d57f66776', class: container() }, h("slot", { key: 'd0a325e7049a3ce8bd25643bafc0646d5514a999' })));
     }
     static get is() { return "p-table-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/table/container/table-row-actions-container.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TableRowActionsContainer {
     render() {
-        return (h("div", { key: 'f00e5ef0b8f7b8f62312f192582c6944a742cbd4', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '279e3dfee259f73018d450221df093d188e8406e', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: '2fcce26dad08122b038d98687f66915bc2d865b0' }))));
+        return (h("div", { key: 'eead5278be5ac7872804c591c3580aed153a2ea6', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '0273ed8002911efa1077c92e6cdfc68c11cb5b2a', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: '348bea06025f6728373134b29eeaad8b43fbc6da' }))));
     }
     static get is() { return "p-table-row-actions-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toast-container/toast-container.component.js

@@ -34,9 +34,9 @@ export class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: '1151cb77fad52b8fe80e0fc59207bbe1a6d14c98', class: container({
+        return (h("div", { key: 'f8f9fc362daa164c4be7591c1920ebe508faa557', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '9ee9fb2b4abdd7fad7c984915bc4cc2e62c61459' })));
+            }) }, h("slot", { key: '0f2ffda058016b40ffd001412bdbaf3b172f7340' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toggle/toggle.component.js

@@ -84,12 +84,12 @@ export class Toggle {
         this.disabled = disabled;
     }
     render() {
-        const id = this.id?.length ? `${this.id}-${this._nonce}` : this._nonce;
-        return (h(Host, { key: 'bdb755b123c9e0db89691a7518b90bb55acafd6b', class: 'p-checkbox' }, h("label", { key: '20cf456b74f471505d860d02ba8be247058519d3', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '6ab47bef26178e13dec1830da96497f4ca64990f', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '2625f73de7266ec9a3b871eb14049ccd491ffff6', class: checkbox({
+        const id = this.id?.length ? this.id : this._nonce;
+        return (h(Host, { key: 'dbd477b0bddc6e16c1f357f419c71c733e3ebc11', class: 'p-checkbox' }, h("label", { key: '1bd2b0a21146380e43902601432378e384c09905', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'd3d39ba5fbb45a8f93ead634dff8499d97808c0c', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '6d2fd4d8b564551be4cd5de084598b55a70b2720', class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'eaaf77e117f47480bf6e39853d8897c345af5ebd', class: circle({
+            }), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '4ec60b0f98006495b131b725501c1886c3aa8dbe', class: circle({
                 disabled: this.disabled,
-            }) })), h("slot", { key: '7f59c85ae96879721f29112f75d3882bd7d15540' }))));
+            }) })), h("slot", { key: 'bc4e08e61d556e63d5f60d21d8dc1849bb78f5c6' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {