@paperless/core 2.0.1-beta.0 → 2.0.1-beta.10

package/dist/esm/p-card-header.entry.js.map

@@ -1 +1 @@
-{"file":"p-card-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,6hDAA6hD;;MCM/iD,UAAU;;;IAgBd,oBAAe,GAAG,KAAK,CAAC;IACxB,0BAAqB,GAAG,KAAK,CAAC;;iBARb,KAAK;;EAU9B,iBAAiB;IAChB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B,CAAC;IAEF,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CACpD,kCAAkC,CAClC,CAAC;GACF;EAED,MAAM;;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IAC1B,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM;MACpB,IAAI,CAAC,eAAe;MACpB,IAAI,CAAC,qBAAqB;MAC1B,IAAI,CAAC,KAAK,MACV,WAAK,KAAK,EAAC,SAAS,IACnB,gBACE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,IAAI,CAAC,MAAM,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CACtD,EAEP,YAAM,IAAI,EAAC,gBAAgB,GAAG,EAE7B,IAAI,CAAC,KAAK,KACV,cACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,yBAAyB,GAC9B,CACF,CACI,CACN,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,EACN;GACF;;;;;;;","names":[],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n\t@apply mx-4 h-14 flex-shrink-0;\n\t@apply flex items-center gap-3;\n\t@apply text-storm-medium;\n\t@apply border-b border-b-mystic-medium #{!important};\n\n\t.content {\n\t\t@apply order-2;\n\t\t@apply flex flex-1 items-center gap-2 overflow-hidden text-storm;\n\t\t@apply font-semibold;\n\n\t\t> span {\n\t\t\t@apply flex-1 overflow-hidden text-ellipsis whitespace-nowrap;\n\t\t}\n\n\t\t> p-icon {\n\t\t\t@apply text-mystic-dark;\n\t\t}\n\t}\n\n\t[slot='prefix'] {\n\t\t@apply order-1;\n\t}\n\n\t[slot='suffix'] {\n\t\t@apply order-3;\n\t}\n}\n\np-card-container.has-hover:hover {\n\tp-card-header {\n\t\t.title > p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Enable the title arrow\n\t */\n\t@Prop() arrow: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\tprivate _hasContentSuffixSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\tthis._hasContentSuffixSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content-suffix\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-card-header'>\n\t\t\t\t<slot name='prefix' />\n\n\t\t\t\t{(this.header?.length ||\n\t\t\t\t\tthis._hasContentSlot ||\n\t\t\t\t\tthis._hasContentSuffixSlot ||\n\t\t\t\t\tthis.arrow) && (\n\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='content' />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\n\t\t\t\t\t\t{this.arrow && (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant='arrow'\n\t\t\t\t\t\t\t\tclass='group-hover:text-indigo'\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)}\n\n\t\t\t\t<slot name='suffix' />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-card-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,2iDAA2iD;;MCM7jD,UAAU;;;IAgBd,oBAAe,GAAG,KAAK,CAAC;IACxB,0BAAqB,GAAG,KAAK,CAAC;;iBARb,KAAK;;EAU9B,iBAAiB;IAChB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B,CAAC;IAEF,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CACpD,kCAAkC,CAClC,CAAC;GACF;EAED,MAAM;;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IAC1B,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM;MACpB,IAAI,CAAC,eAAe;MACpB,IAAI,CAAC,qBAAqB;MAC1B,IAAI,CAAC,KAAK,MACV,WAAK,KAAK,EAAC,SAAS,IACnB,gBACE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,IAAI,CAAC,MAAM,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CACtD,EAEP,YAAM,IAAI,EAAC,gBAAgB,GAAG,EAE7B,IAAI,CAAC,KAAK,KACV,cACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,yBAAyB,GAC9B,CACF,CACI,CACN,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,EACN;GACF;;;;;;;","names":[],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n\t@apply mx-4 h-14 flex-shrink-0;\n\t@apply flex items-center gap-3;\n\t@apply text-storm-medium;\n\t@apply border-b border-b-mystic-medium #{!important};\n\n\t.content {\n\t\t@apply order-2;\n\t\t@apply flex flex-1 items-center gap-2 overflow-hidden text-storm;\n\t\t@apply font-semibold;\n\n\t\t> span {\n\t\t\t@apply flex-1 overflow-hidden text-ellipsis whitespace-nowrap;\n\t\t}\n\n\t\t> p-icon {\n\t\t\t@apply text-mystic-dark;\n\t\t}\n\t}\n\n\t[slot='prefix'] {\n\t\t@apply order-1;\n\t}\n\n\t[slot='suffix'] {\n\t\t@apply order-3;\n\t}\n}\n\np-card-container.has-hover:hover {\n\tp-card-header {\n\t\t.title > p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Enable the title arrow\n\t */\n\t@Prop() arrow: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\tprivate _hasContentSuffixSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\tthis._hasContentSuffixSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content-suffix\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-card-header'>\n\t\t\t\t<slot name='prefix' />\n\n\t\t\t\t{(this.header?.length ||\n\t\t\t\t\tthis._hasContentSlot ||\n\t\t\t\t\tthis._hasContentSuffixSlot ||\n\t\t\t\t\tthis.arrow) && (\n\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='content' />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\n\t\t\t\t\t\t{this.arrow && (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant='arrow'\n\t\t\t\t\t\t\t\tclass='group-hover:text-indigo'\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)}\n\n\t\t\t\t<slot name='suffix' />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-content-slider.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-7b917f6b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f99096d4.js';
 
 const contentSliderComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.mt-3{margin-top:.75rem!important}.flex{display:flex!important}.w-0{width:0!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}.pt-1{padding-top:.25rem!important}.will-change-transform{will-change:transform!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-4rem;overflow:hidden;padding:4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:auto}}:host .slider.draggable.dragging{cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:auto}}:host .slider.draggable.dragging .inner-slider{transition-property:none}:host .slider .inner-slider{--tw-translate-x:0px;align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap;gap:1rem}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:calc(50% - .5rem)}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:0}}:host .indicator{align-items:center;display:flex;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}:host .indicator .item{margin-top:.75rem;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:gap-4{gap:1rem!important}}.visible{visibility:visible!important}.static{position:static!important}.hidden{display:none!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}";
 

package/dist/esm/p-counter.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-7b917f6b.js';
+import { r as registerInstance, h, H as Host } from './index-f99096d4.js';
 
-const counterComponentCss = ".flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}.static{position:static!important}";
+const counterComponentCss = ".flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-0{min-width:0!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity,1))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity,1))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:.75rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1));color:rgb(29 163 96/var(--tw-text-opacity,1))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1));color:rgb(255 162 49/var(--tw-text-opacity,1))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1));color:rgb(138 15 29/var(--tw-text-opacity,1))}:host(.size-mini){border-radius:9999px;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}.static{position:static!important}";
 
 const Counter = class {
   constructor(hostRef) {

package/dist/esm/p-counter.entry.js.map

@@ -1 +1 @@
-{"file":"p-counter.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,gyEAAgyE;;MCO/yE,OAAO;;;mBAI8C,MAAM;gBAKpC,SAAS;;EAE5C,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,OAAO,SAAS,IAAI,CAAC,IAAI,EAAE,IACjE,eAAQ,CACF,EACN;GACF;;;;;;","names":[],"sources":["src/components/atoms/counter/counter.component.scss?tag=p-counter&encapsulation=shadow","src/components/atoms/counter/counter.component.tsx"],"sourcesContent":[":host {\n\t@apply h-4 px-2 bg-indigo rounded-xlarge;\n\t@apply text-xs leading-3 text-white font-bold uppercase;\n\t@apply flex justify-center items-center;\n}\n\n:host(.variant-positive),\n:host(.variant-unbiased),\n:host(.variant-negative) {\n\t@apply rounded px-1 min-w-[1rem];\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light text-positive-dark;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light text-unbiased-dark;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light text-negative-dark;\n}\n\n:host(.size-mini) {\n\t@apply w-2 h-2 rounded-round p-0 min-w-0;\n\n\tslot {\n\t\tdisplay: none;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-counter',\n\tstyleUrl: 'counter.component.scss',\n\tshadow: true,\n})\nexport class Counter {\n\t/**\n\t * The variant of the counter\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The size of the counter\n\t */\n\t@Prop() size: 'default' | 'mini' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-counter variant-${this.variant} size-${this.size}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-counter.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,8nEAA8nE;;MCO7oE,OAAO;;;mBAI8C,MAAM;gBAKpC,SAAS;;EAE5C,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,OAAO,SAAS,IAAI,CAAC,IAAI,EAAE,IACjE,eAAQ,CACF,EACN;GACF;;;;;;","names":[],"sources":["src/components/atoms/counter/counter.component.scss?tag=p-counter&encapsulation=shadow","src/components/atoms/counter/counter.component.tsx"],"sourcesContent":[":host {\n\t@apply h-4 rounded-xl bg-indigo px-2;\n\t@apply text-xs font-bold uppercase leading-3 text-white;\n\t@apply flex items-center justify-center;\n}\n\n:host(.variant-positive),\n:host(.variant-unbiased),\n:host(.variant-negative) {\n\t@apply min-w-[1rem] rounded px-1;\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light text-positive-dark;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light text-unbiased-dark;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light text-negative-dark;\n}\n\n:host(.size-mini) {\n\t@apply h-2 w-2 min-w-0 rounded-full p-0;\n\n\tslot {\n\t\tdisplay: none;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-counter',\n\tstyleUrl: 'counter.component.scss',\n\tshadow: true,\n})\nexport class Counter {\n\t/**\n\t * The variant of the counter\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The size of the counter\n\t */\n\t@Prop() size: 'default' | 'mini' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-counter variant-${this.variant} size-${this.size}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-cropper.entry.js

@@ -1,6 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-7b917f6b.js';
-
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-f99096d4.js';
+import { c as clsx } from './clsx-297c1ffe.js';
 
 const IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 const WINDOW = IS_BROWSER ? window : {};
@@ -2671,7 +2670,7 @@ CropperSelection.$define();
 CropperShade.$define();
 CropperViewer.$define();
 
-const cropperComponentCss = ".relative{position:relative!important}.-mt-\\[6px\\]{margin-top:-6px!important}.mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-\\[2px\\]{height:2px!important}.w-4{width:1rem!important}.w-full{width:100%!important}.appearance-none{appearance:none!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.rounded-round{border-radius:100%!important}.border-0{border-width:0!important}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}:host .p-input[type=range]{appearance:none;background-color:transparent;position:relative}:host .p-input[type=range]::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));height:2px}:host .p-input[type=range]::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));height:2px}:host .p-input[type=range]::-moz-range-thumb,:host .p-input[type=range]::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:100%;border-width:0;height:1rem;width:1rem}:host .p-input[type=range]::-webkit-slider-thumb{margin-top:-6px}.static{position:static!important}.hidden{display:none!important}.h-\\[17\\.5rem\\]{height:17.5rem!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.resize{resize:both!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-medium{--tw-border-opacity:1!important;border-color:rgb(227 236 243/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem!important}.tablet\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}}";
+const cropperComponentCss = ".relative{position:relative!important}.-mt-\\[6px\\]{margin-top:-6px!important}.mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.h-\\[2px\\]{height:2px!important}.w-4{width:1rem!important}.w-full{width:100%!important}.appearance-none{appearance:none!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.rounded-full{border-radius:9999px!important}.border-0{border-width:0!important}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}:host .p-input[type=range]{appearance:none;background-color:transparent;position:relative}:host .p-input[type=range]::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));height:2px}:host .p-input[type=range]::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity,1));height:2px}:host .p-input[type=range]::-moz-range-thumb,:host .p-input[type=range]::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));border-radius:9999px;border-width:0;height:1rem;width:1rem}:host .p-input[type=range]::-webkit-slider-thumb{margin-top:-6px}.static{position:static!important}.hidden{display:none!important}.h-\\[17\\.5rem\\]{height:17.5rem!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.resize{resize:both!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-medium{--tw-border-opacity:1!important;border-color:rgb(227 236 243/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity,1))!important}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem!important}.tablet\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}}";
 
 const Cropper = class {
   constructor(hostRef) {