@paperless/core 2.0.1-beta.13 → 2.0.1-beta.2

package/dist/components/button.component.js

@@ -3,7 +3,7 @@ import { c as cva } from './index2.js';
 import { d as defineCustomElement$2 } from './icon.component.js';
 import { d as defineCustomElement$1 } from './loader.component.js';
 
-const buttonComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-supportive-lilac-800{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.ring-supportive-lilac-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px 0px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}";
+const buttonComponentCss = "*{box-sizing:border-box}.static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-10{width:2.5rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-inherit{width:inherit!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-e-lg{border-end-end-radius:.5rem!important;border-start-end-radius:.5rem!important}.rounded-s-lg{border-end-start-radius:.5rem!important;border-start-start-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-black-teal\\/10{border-color:rgba(3,42,36,.1)!important}.border-black-teal\\/20{border-color:rgba(3,42,36,.2)!important}.border-teal{border-color:rgb(8 136 121/var(--tw-border-opacity,1))!important}.border-teal,.border-teal-100{--tw-border-opacity:1!important}.border-teal-100{border-color:rgb(206 231 228/var(--tw-border-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.leading-4{line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-100\\/60{color:rgba(204,220,218,.6)!important}.text-teal{color:rgb(8 136 121/var(--tw-text-opacity,1))!important}.text-teal,.text-teal-100{--tw-text-opacity:1!important}.text-teal-100{color:rgb(206 231 228/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.drop-shadow-1{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.drop-shadow-1,.drop-shadow-supportive-lilac{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-supportive-lilac{--tw-drop-shadow:drop-shadow(0px 1px 1px 0px rgba(189,140,255,.2))!important}.hover\\:bg-dark-teal:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-700:hover{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:drop-shadow-1:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08))!important}.hover\\:drop-shadow-1:hover,.hover\\:drop-shadow-2:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.hover\\:drop-shadow-2:hover{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.active\\:border-supportive-lilac-800:active{--tw-border-opacity:1!important;border-color:rgb(189 140 255/var(--tw-border-opacity,1))!important}.active\\:text-black-teal\\/60:active{color:rgba(3,42,36,.6)!important}.active\\:text-dark-teal-100\\/60:active{color:rgba(204,220,218,.6)!important}.active\\:text-teal-800:active{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-black-teal\\/10:active{--tw-ring-color:rgba(3,42,36,.1)!important}.active\\:ring-supportive-lilac-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}";
 
 const button = cva([
   'group',
@@ -14,10 +14,9 @@ const button = cva([
   variants: {
     variant: {
       primary: ['bg-supportive-lilac border-black-teal/20'],
-      secondary: null,
+      secondary: ['bg-white border-black-teal/10'],
       text: ['text-teal'],
       transparent: ['bg-transparent'],
-      dropdown: null,
     },
     active: {
       true: null,
@@ -54,44 +53,33 @@ const button = cva([
   compoundVariants: [
     // variants
     {
-      variant: ['secondary', 'dropdown'],
-      class: ['bg-white border-black-teal/10'],
-    },
-    {
-      variant: ['primary', 'secondary', 'dropdown'],
+      variant: ['primary', 'secondary'],
       disabled: false,
       class: 'border',
     },
     {
-      variant: ['primary', 'secondary', 'dropdown'],
-      disabled: false,
-      loading: false,
-      class: 'active:border-supportive-lilac-800 active:ring active:ring-2',
-    },
-    {
-      variant: ['primary', 'secondary', 'dropdown'],
+      variant: ['primary', 'secondary'],
       disabled: false,
       loading: false,
-      active: true,
-      class: 'border-supportive-lilac-800 ring ring-2',
+      class: 'active:border-supportive-lilac-800 active:ring active:ring-2 ',
     },
     {
-      variant: ['primary', 'secondary', 'transparent', 'dropdown'],
+      variant: ['primary', 'secondary', 'transparent'],
       buttonGroupPosition: 'none',
       class: 'rounded-lg',
     },
     {
-      variant: ['primary', 'secondary', 'transparent', 'dropdown'],
+      variant: ['primary', 'secondary', 'transparent'],
       buttonGroupPosition: 'start',
       class: 'rounded-s-lg',
     },
     {
-      variant: ['primary', 'secondary', 'transparent', 'dropdown'],
+      variant: ['primary', 'secondary', 'transparent'],
       buttonGroupPosition: 'end',
       class: 'rounded-e-lg',
     },
     {
-      variant: ['primary', 'secondary', 'dropdown'],
+      variant: ['primary', 'secondary'],
       disabled: false,
       class: 'text-black-teal',
     },
@@ -107,30 +95,16 @@ const button = cva([
       class: 'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',
     },
     {
-      variant: 'primary',
-      disabled: false,
-      loading: false,
-      active: true,
-      class: 'ring-black-teal/10',
-    },
-    {
-      variant: ['secondary', 'dropdown'],
+      variant: 'secondary',
       disabled: true,
       class: 'border bg-white-600 text-black-teal-100',
     },
     {
-      variant: ['secondary', 'dropdown'],
+      variant: 'secondary',
       disabled: false,
       loading: false,
       class: 'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100',
     },
-    {
-      variant: ['secondary', 'dropdown'],
-      disabled: false,
-      loading: false,
-      active: true,
-      class: 'ring-supportive-lilac-100',
-    },
     {
       variant: 'text',
       underline: true,
@@ -183,12 +157,6 @@ const button = cva([
       class: 'px-3',
     },
     {
-      variant: 'dropdown',
-      iconOnly: false,
-      class: 'p-2',
-    },
-    {
-      variant: ['primary', 'secondary', 'transparent', 'text'],
       iconOnly: false,
       class: 'py-1',
     },
@@ -225,7 +193,6 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
     this.onClick = createEvent(this, "onClick", 3);
     this.as = 'button';
     this.variant = 'primary';
-    this.active = false;
     this.underline = true;
     this.href = undefined;
     this.target = undefined;
@@ -242,10 +209,9 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
     this.iconRotate = undefined;
     this.inheritText = false;
     this.buttonGroupPosition = 'none';
-    this.class = undefined;
   }
   render() {
-    var _a, _b;
+    var _a;
     let loaderColor = 'white';
     switch (this.variant) {
       case 'secondary':
@@ -258,8 +224,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
     const VariableTag = this.variant === 'text' || ((_a = this.href) === null || _a === void 0 ? void 0 : _a.length) || this.as === 'a'
       ? 'a'
       : 'button';
-    const active = this.active || ((_b = this.class) === null || _b === void 0 ? void 0 : _b.includes('active'));
-    return (h(Host, { class: 'p-button block' }, h(VariableTag, { disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+    return (h(Host, { class: 'p-button inline-block' }, h(VariableTag, { disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
         variant: this.variant,
         size: this.size,
         underline: this.underline,
@@ -267,7 +232,6 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
         disabled: this.disabled,
         buttonGroupPosition: this.buttonGroupPosition,
         iconOnly: this.iconOnly,
-        active,
       }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
       this.iconPosition === 'start' &&
       !(this.iconOnly && this.loading) &&
@@ -296,7 +260,6 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
 }, [4, "p-button", {
     "as": [1],
     "variant": [1],
-    "active": [4],
     "underline": [4],
     "href": [1],
     "target": [1],
@@ -312,8 +275,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
     "iconFlip": [1, "icon-flip"],
     "iconRotate": [2, "icon-rotate"],
     "inheritText": [4, "inherit-text"],
-    "buttonGroupPosition": [1, "button-group-position"],
-    "class": [1]
+    "buttonGroupPosition": [1, "button-group-position"]
   }, [[2, "click", "handleClick"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/button.component.js.map

@@ -1 +1 @@
-{"file":"button.component.js","mappings":"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","names":[],"sources":["src/components/molecules/button/button.component.scss?tag=p-button","src/components/molecules/button/button.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\nconst button = cva(\n\t[\n\t\t'group',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center gap-2',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['bg-supportive-lilac border-black-teal/20'],\n\t\t\t\tsecondary: null,\n\t\t\t\ttext: ['text-teal'],\n\t\t\t\ttransparent: ['bg-transparent'],\n\t\t\t\tdropdown: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6'],\n\t\t\t\tbase: ['text-sm h-8'],\n\t\t\t\tlg: ['text-base h-10'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tunderline: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tclass: ['bg-white border-black-teal/10'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'border-supportive-lilac-800 ring ring-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'dropdown'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border bg-white-600 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'dropdown'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'ring-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border-b border-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border-b border-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-teal-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'hover:bg-dark-teal active:text-dark-teal-100/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100/60',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dropdown',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent', 'text'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.scss',\n})\nexport class Button {\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant:\n\t\t| 'primary'\n\t\t| 'secondary'\n\t\t| 'transparent'\n\t\t| 'text'\n\t\t| 'dropdown' = 'primary';\n\n\t/**\n\t * Wether to force an active state\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the text variant has underline\n\t */\n\t@Prop() underline: boolean = true;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'indigo';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\tconst active = this.active || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class='p-button block'>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tunderline: this.underline,\n\t\t\t\t\t\tloading: this.loading,\n\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t<slot />\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"button.component.js","mappings":"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","names":[],"sources":["src/components/molecules/button/button.component.scss?tag=p-button","src/components/molecules/button/button.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\n\nconst button = cva(\n\t[\n\t\t'group',\n\t\t'font-semibold leading-4',\n\t\t'flex items-center justify-center gap-2',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary: ['bg-supportive-lilac border-black-teal/20'],\n\t\t\t\tsecondary: ['bg-white border-black-teal/10'],\n\t\t\t\ttext: ['text-teal'],\n\t\t\t\ttransparent: ['bg-transparent'],\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tloading: {\n\t\t\t\ttrue: 'cursor-wait',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: ['text-xs h-6'],\n\t\t\t\tbase: ['text-sm h-8'],\n\t\t\t\tlg: ['text-base h-10'],\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tunderline: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tbuttonGroupPosition: {\n\t\t\t\tnone: null,\n\t\t\t\tstart: null,\n\t\t\t\tcenter: null,\n\t\t\t\tend: null,\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\ttrue: 'justify-center',\n\t\t\t\tfalse: 'w-inherit py-1',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t// variants\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary'],\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:border-supportive-lilac-800 active:ring active:ring-2 ',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tbuttonGroupPosition: 'none',\n\t\t\t\tclass: 'rounded-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tbuttonGroupPosition: 'start',\n\t\t\t\tclass: 'rounded-s-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tbuttonGroupPosition: 'end',\n\t\t\t\tclass: 'rounded-e-lg',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary'],\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'primary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-supportive-lilac hover:drop-shadow-2 hover:bg-supportive-lilac-700 active:text-black-teal/60 active:ring-black-teal/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'secondary',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border bg-white-600 text-black-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'secondary',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass:\n\t\t\t\t\t'drop-shadow-1 hover:drop-shadow-1 hover:bg-white-600 active:text-black-teal/60 active:ring-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'border-b border-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tunderline: true,\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'border-b border-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'text',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'active:text-teal-800',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-dark-teal-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: false,\n\t\t\t\tloading: false,\n\t\t\t\tclass: 'hover:bg-dark-teal active:text-dark-teal-100/60',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'transparent',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-dark-teal-100/60',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: ['base', 'sm'],\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-2',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['primary', 'secondary', 'transparent'],\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'px-3',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'py-1',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'lg',\n\t\t\t\ticonOnly: true,\n\t\t\t\tclass: 'w-10',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva([], {\n\tvariants: {\n\t\tsize: {\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-base',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.scss',\n})\nexport class Button {\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant: 'primary' | 'secondary' | 'transparent' | 'text' = 'primary';\n\n\t/**\n\t * Wether the text variant has underline\n\t */\n\t@Prop() underline: boolean = true;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition: 'start' | 'center' | 'end' | 'none' = 'none';\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'indigo';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\treturn (\n\t\t\t<Host class='p-button inline-block'>\n\t\t\t\t<VariableTag\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tclass={button({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\tunderline: this.underline,\n\t\t\t\t\t\tloading: this.loading,\n\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\tbuttonGroupPosition: this.buttonGroupPosition,\n\t\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t<slot />\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!this.loading &&\n\t\t\t\t\t\t!this.chevron &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.chevron && !this.loading && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/dropdown.component.js

@@ -48,11 +48,11 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
     }
   }
   render() {
-    return (h(Host, { class: 'p-dropdown relative' }, h("div", { class: 'relative w-inherit', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { name: 'trigger' })), h("p-dropdown-menu-container", { class: dropdownContainer({
+    return (h(Host, { class: 'p-dropdown relative w-inherit' }, h("div", { class: 'relative w-inherit', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { name: 'trigger' })), h("p-dropdown-menu-container", { class: dropdownContainer({
         strategy: this.strategy,
       }), role: 'popover', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, ref: el => this._load(el), "data-placement": this.placement, "data-strategy": this.strategy, onClick: () => this._containerClickHandler(), scrollable: this.scrollable }, h("slot", { name: 'items' }))));
   }
-  _checkButton(active = false) {
+  _checkButton() {
     if (!this.applyChevron) {
       return;
     }
@@ -64,8 +64,6 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
         : this.placement.indexOf('top') >= 0
           ? 'up'
           : 'down';
-      button.disabled = this.disableTriggerClick;
-      button.active = active;
     }
   }
   onShowChange(show) {
@@ -123,7 +121,6 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
     this._cleanup = autoUpdate(this._el, this._menu, () => this._update());
     this._menu.setAttribute('data-show', '');
     this.isOpen.emit(true);
-    this._checkButton(true);
   }
   _hide() {
     if (!this._loaded || this.show) {
@@ -136,7 +133,6 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
     // Hide the popover
     this._menu.removeAttribute('data-show');
     this.isOpen.emit(false);
-    this._checkButton(false);
   }
   _update() {
     if (!this._menu) {

package/dist/components/dropdown.component.js.map

@@ -1 +1 @@
-{"file":"dropdown.component.js","mappings":"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","names":[],"sources":["src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown","src/components/molecules/dropdown/dropdown.component.tsx"],"sourcesContent":["p-dropdown {\n\tp-dropdown-menu-container {\n\t\t@apply hidden;\n\n\t\t&[data-show] {\n\t\t\t@apply flex;\n\t\t}\n\t}\n}\n","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { childOf } from '../../../utils/child-of';\n\nconst dropdownContainer = cva(['z-dropdown'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.scss',\n})\nexport class Dropdown {\n\t/**\n\t * The content of the dropdown menu\n\t */\n\t@Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n\t/**\n\t * The offset of the dropdown menu\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether to show the dropdown menu\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to automatically calculate the width of the menu based on the trigger\n\t */\n\t@Prop() calculateWidth: boolean = false;\n\n\t/**\n\t * Wether to apply the max width\n\t */\n\t@Prop() applyMaxWidth: boolean = true;\n\n\t/**\n\t * Wether to apply the full width\n\t */\n\t@Prop() applyFullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow in the container\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the dropdown container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() insideClick: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() disableTriggerClick: boolean = false;\n\n\t/**\n\t * Wether to apply chevron automatically\n\t */\n\t@Prop() applyChevron: boolean = true;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Chevron direction\n\t */\n\t@Prop() chevronDirection: 'up' | 'down';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\tprivate _loaded = false;\n\tprivate _trigger: HTMLElement;\n\tprivate _menu: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._checkButton();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-dropdown relative'>\n\t\t\t\t<div\n\t\t\t\t\tclass='relative w-inherit'\n\t\t\t\t\tref={ref => (this._trigger = ref)}\n\t\t\t\t\tonClick={() => this._triggerClickHandler()}\n\t\t\t\t>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t</div>\n\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\tclass={dropdownContainer({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\trole='popover'\n\t\t\t\t\tmaxWidth={!this.calculateWidth && this.applyMaxWidth}\n\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t>\n\t\t\t\t\t<slot name='items' />\n\t\t\t\t</p-dropdown-menu-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButton(active: boolean = false) {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>('p-button');\n\t\tfor (let button of buttons) {\n\t\t\tbutton.chevronPosition = this.chevronPosition;\n\t\t\tbutton.chevron = this.chevronDirection\n\t\t\t\t? this.chevronDirection\n\t\t\t\t: this.placement.indexOf('top') >= 0\n\t\t\t\t? 'up'\n\t\t\t\t: 'down';\n\t\t\tbutton.disabled = this.disableTriggerClick;\n\t\t\tbutton.active = active;\n\t\t}\n\t}\n\n\t@Watch('show')\n\tprotected onShowChange(show) {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!show) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler({ target }) {\n\t\tif (!this._menu.hasAttribute('data-show') || childOf(target, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _containerClickHandler() {\n\t\tif (this.insideClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t}\n\t}\n\n\tprivate _triggerClickHandler() {\n\t\tif (this.disableTriggerClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._menu = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Make the popover visible\n\t\tif (this.calculateWidth) {\n\t\t\tthis._menu.style.width = `${this._trigger.clientWidth}px`;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n\t\tthis._menu.setAttribute('data-show', '');\n\t\tthis.isOpen.emit(true);\n\t\tthis._checkButton(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._menu.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t\tthis._checkButton(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"version":3}
+{"file":"dropdown.component.js","mappings":"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","names":[],"sources":["src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown","src/components/molecules/dropdown/dropdown.component.tsx"],"sourcesContent":["p-dropdown {\n\tp-dropdown-menu-container {\n\t\t@apply hidden;\n\n\t\t&[data-show] {\n\t\t\t@apply flex;\n\t\t}\n\t}\n}\n","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { childOf } from '../../../utils/child-of';\n\nconst dropdownContainer = cva(['z-dropdown'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.scss',\n})\nexport class Dropdown {\n\t/**\n\t * The content of the dropdown menu\n\t */\n\t@Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n\t/**\n\t * The offset of the dropdown menu\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether to show the dropdown menu\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to automatically calculate the width of the menu based on the trigger\n\t */\n\t@Prop() calculateWidth: boolean = false;\n\n\t/**\n\t * Wether to apply the max width\n\t */\n\t@Prop() applyMaxWidth: boolean = true;\n\n\t/**\n\t * Wether to apply the full width\n\t */\n\t@Prop() applyFullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow in the container\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the dropdown container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() insideClick: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() disableTriggerClick: boolean = false;\n\n\t/**\n\t * Wether to apply chevron automatically\n\t */\n\t@Prop() applyChevron: boolean = true;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Chevron direction\n\t */\n\t@Prop() chevronDirection: 'up' | 'down';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\tprivate _loaded = false;\n\tprivate _trigger: HTMLElement;\n\tprivate _menu: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._checkButton();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-dropdown relative w-inherit'>\n\t\t\t\t<div\n\t\t\t\t\tclass='relative w-inherit'\n\t\t\t\t\tref={ref => (this._trigger = ref)}\n\t\t\t\t\tonClick={() => this._triggerClickHandler()}\n\t\t\t\t>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t</div>\n\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\tclass={dropdownContainer({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\trole='popover'\n\t\t\t\t\tmaxWidth={!this.calculateWidth && this.applyMaxWidth}\n\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t>\n\t\t\t\t\t<slot name='items' />\n\t\t\t\t</p-dropdown-menu-container>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButton() {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>('p-button');\n\t\tfor (let button of buttons) {\n\t\t\tbutton.chevronPosition = this.chevronPosition;\n\t\t\tbutton.chevron = this.chevronDirection\n\t\t\t\t? this.chevronDirection\n\t\t\t\t: this.placement.indexOf('top') >= 0\n\t\t\t\t? 'up'\n\t\t\t\t: 'down';\n\t\t}\n\t}\n\n\t@Watch('show')\n\tprotected onShowChange(show) {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!show) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler({ target }) {\n\t\tif (!this._menu.hasAttribute('data-show') || childOf(target, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _containerClickHandler() {\n\t\tif (this.insideClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t}\n\t}\n\n\tprivate _triggerClickHandler() {\n\t\tif (this.disableTriggerClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._menu = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Make the popover visible\n\t\tif (this.calculateWidth) {\n\t\t\tthis._menu.style.width = `${this._trigger.clientWidth}px`;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n\t\tthis._menu.setAttribute('data-show', '');\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._menu.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"version":3}

package/dist/components/icon.component.js

@@ -34,7 +34,7 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends HTMLElement {
     super();
     this.__registerHost();
     this.variant = undefined;
-    this.size = 'base';
+    this.size = 'auto';
     this.rotate = 0;
     this.flip = 'none';
   }

package/dist/components/icon.component.js.map

@@ -1 +1 @@
-{"file":"icon.component.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,mgDAAmgD;;ACQ5hD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;EACjC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,cAAc;MAC1B,QAAQ,EAAE,cAAc;KACxB;IACD,IAAI,EAAE;MACL,IAAI,EAAE,WAAW;MACjB,GAAG,EAAE,UAAU;MACf,EAAE,EAAE,SAAS;MACb,EAAE,EAAE,SAAS;MACb,IAAI,EAAE,WAAW;MACjB,EAAE,EAAE,SAAS;MACb,EAAE,EAAE,SAAS;MACb,KAAK,EAAE,UAAU;MACjB,KAAK,EAAE,UAAU;MACjB,KAAK,EAAE,UAAU;KACjB;IACD,SAAS,EAAE;MACV,IAAI,EAAE,4BAA4B;MAClC,KAAK,EAAE,IAAI;KACX;GACD;CACD,CAAC,CAAC;MAOU,IAAI;;;;;gBASgB,MAAM;kBAKb,CAAC;gBAKM,MAAM;;EAEtC,MAAM;IACL,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEhC,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,IAAI,CAAC;QACX,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;OACrE,CAAC,EACF,KAAK,EAAE;QACN,aAAa,EAAE,GAAG,IAAI,CAAC,MAAM,KAAK;OAClC,EACD,SAAS,EAAE,GAAG,GACP,EACP;GACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx"],"sourcesContent":[":host {\n\t-webkit-transform-origin: 50% 51%;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { TextSizeOptions } from '../../../types/tailwind';\nimport { icons } from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'none' | 'horizontal' | 'vertical';\n\nconst icon = cva(['p-icon flex'], {\n\tvariants: {\n\t\tflip: {\n\t\t\tnone: null,\n\t\t\thorizontal: 'scale-x-flip',\n\t\t\tvertical: 'scale-y-flip',\n\t\t},\n\t\tsize: {\n\t\t\tauto: 'text-auto',\n\t\t\txxs: 'text-xxs',\n\t\t\txs: 'text-xs',\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-lg',\n\t\t\txl: 'text-xl',\n\t\t\t'2xl': 'text-2xl',\n\t\t\t'3xl': 'text-3xl',\n\t\t\t'4xl': 'text-4xl',\n\t\t},\n\t\ttransform: {\n\t\t\ttrue: 'transform-gpu scale-[0.99]',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'base';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: number = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\trender() {\n\t\tconst svg = icons[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={icon({\n\t\t\t\t\tflip: this.flip,\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\ttransform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\t'--tw-rotate': `${this.rotate}deg`,\n\t\t\t\t}}\n\t\t\t\tinnerHTML={svg}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"icon.component.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,mgDAAmgD;;ACQ5hD,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;EACjC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,IAAI,EAAE,IAAI;MACV,UAAU,EAAE,cAAc;MAC1B,QAAQ,EAAE,cAAc;KACxB;IACD,IAAI,EAAE;MACL,IAAI,EAAE,WAAW;MACjB,GAAG,EAAE,UAAU;MACf,EAAE,EAAE,SAAS;MACb,EAAE,EAAE,SAAS;MACb,IAAI,EAAE,WAAW;MACjB,EAAE,EAAE,SAAS;MACb,EAAE,EAAE,SAAS;MACb,KAAK,EAAE,UAAU;MACjB,KAAK,EAAE,UAAU;MACjB,KAAK,EAAE,UAAU;KACjB;IACD,SAAS,EAAE;MACV,IAAI,EAAE,4BAA4B;MAClC,KAAK,EAAE,IAAI;KACX;GACD;CACD,CAAC,CAAC;MAOU,IAAI;;;;;gBASgB,MAAM;kBAKb,CAAC;gBAKM,MAAM;;EAEtC,MAAM;IACL,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEhC,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,IAAI,CAAC;QACX,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,SAAS,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;OACrE,CAAC,EACF,KAAK,EAAE;QACN,aAAa,EAAE,GAAG,IAAI,CAAC,MAAM,KAAK;OAClC,EACD,SAAS,EAAE,GAAG,GACP,EACP;GACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx"],"sourcesContent":[":host {\n\t-webkit-transform-origin: 50% 51%;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { TextSizeOptions } from '../../../types/tailwind';\nimport { icons } from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'none' | 'horizontal' | 'vertical';\n\nconst icon = cva(['p-icon flex'], {\n\tvariants: {\n\t\tflip: {\n\t\t\tnone: null,\n\t\t\thorizontal: 'scale-x-flip',\n\t\t\tvertical: 'scale-y-flip',\n\t\t},\n\t\tsize: {\n\t\t\tauto: 'text-auto',\n\t\t\txxs: 'text-xxs',\n\t\t\txs: 'text-xs',\n\t\t\tsm: 'text-sm',\n\t\t\tbase: 'text-base',\n\t\t\tlg: 'text-lg',\n\t\t\txl: 'text-xl',\n\t\t\t'2xl': 'text-2xl',\n\t\t\t'3xl': 'text-3xl',\n\t\t\t'4xl': 'text-4xl',\n\t\t},\n\t\ttransform: {\n\t\t\ttrue: 'transform-gpu scale-[0.99]',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: number = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = 'none';\n\n\trender() {\n\t\tconst svg = icons[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={icon({\n\t\t\t\t\tflip: this.flip,\n\t\t\t\t\tsize: this.size,\n\t\t\t\t\ttransform: this.flip !== 'none' || this.rotate > 0 || this.rotate < 0,\n\t\t\t\t})}\n\t\t\t\tstyle={{\n\t\t\t\t\t'--tw-rotate': `${this.rotate}deg`,\n\t\t\t\t}}\n\t\t\t\tinnerHTML={svg}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/index.js

@@ -7,13 +7,30 @@ export { c as childOf } from './child-of.js';
 export { i as iconsDeprecated } from './icons-deprecated.js';
 export { c as categorized, i as icons } from './icons.js';
 export { f as formatTranslation, g as getLocaleComponentStrings } from './localization.js';
-import { c as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 
 const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
 const snakeToCamelCase = (str) => str
   .toLowerCase()
   .replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
 var createPlugin_1 = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", {
     value: true

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":"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","names":["require$$0","plugin","rotate"],"sources":["src/utils/transformers.ts","../../node_modules/tailwindcss/lib/util/createPlugin.js","../../node_modules/tailwindcss/lib/public/create-plugin.js","../../node_modules/tailwindcss/plugin.js","src/tailwind/theme/animation.ts","src/tailwind/theme/colors.ts","src/tailwind/theme/height.ts","src/tailwind/theme/rotate.ts","src/tailwind/theme/scale.ts","src/tailwind/theme/shadows.ts","src/tailwind/theme/spacing.ts","src/tailwind/theme/typography.ts","src/tailwind/theme/width.ts","src/tailwind/theme/z-index.ts","src/tailwind/plugins/hover.ts","src/tailwind/plugins/safe-area.ts","src/tailwind/paperless.ts"],"sourcesContent":["export const camelToSnakeCase = (str) =>\n    str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);\n\nexport const snakeToCamelCase = (str) =>\n    str\n        .toLowerCase()\n        .replace(/([-_][a-z])/g, (group) =>\n            group.toUpperCase().replace('-', '').replace('_', '')\n        );\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nfunction createPlugin(plugin, config) {\n    return {\n        handler: plugin,\n        config\n    };\n}\ncreatePlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {\n    const optionsFunction = function(options) {\n        return {\n            __options: options,\n            handler: pluginFunction(options),\n            config: configFunction(options)\n        };\n    };\n    optionsFunction.__isOptionsFunction = true;\n    // Expose plugin dependencies so that `object-hash` returns a different\n    // value if anything here changes, to ensure a rebuild is triggered.\n    optionsFunction.__pluginFunction = pluginFunction;\n    optionsFunction.__configFunction = configFunction;\n    return optionsFunction;\n};\nconst _default = createPlugin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nconst _createPlugin = /*#__PURE__*/ _interop_require_default(require(\"../util/createPlugin\"));\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst _default = _createPlugin.default;\n","let createPlugin = require('./lib/public/create-plugin')\nmodule.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default\n","export default {\n\tanimation: {\n\t\t'fade-in': 'forwards fadeIn .2s ease',\n\t\t'fade-out': 'forwards fadeOut .2s ease',\n\t\t'slide-in-right': 'forwards slideInRight .5s ease',\n\t\t'slide-in-left': 'forwards slideInLeft .5s ease',\n\t\t'slide-in-top': 'forwards slideInTop .25 ease',\n\t\t'slide-in-bottom': 'forwards slideInBottom .5s ease',\n\t\t'slide-in-right-small': 'forwards slideInRightSmall .5s ease',\n\t\t'slide-in-left-small': 'forwards slideInLeftSmall .5s ease',\n\t\t'slide-in-top-small': 'forwards slideInTopSmall .5s ease',\n\t\t'slide-in-bottom-small': 'forwards slideInBottomSmall .5s ease',\n\t\t'slide-out-right': 'forwards slideOutRight .2s ease',\n\t\t'slide-out-left': 'forwards slideOutLeft .2s ease',\n\t\t'slide-out-top': 'forwards slideOutTop .2s ease',\n\t\t'slide-out-bottom': 'forwards slideOutBottom .5s ease',\n\t\t'slide-out-top-small': 'forwards slideOutTopSmall .5s ease',\n\t\t'slide-out-bottom-small': 'forwards slideOutBottomSmall .5s ease',\n\t},\n\n\tkeyframes: {\n\t\tfadeIn: {\n\t\t\t'0%': { opacity: 0 },\n\t\t\t'100%': { opacity: 100 },\n\t\t},\n\t\tfadeOut: {\n\t\t\t'0%': { opacity: 100 },\n\t\t\t'100%': { opacity: 0 },\n\t\t},\n\t\tslideInRight: {\n\t\t\t'0%': { transform: 'translateX(100%)' },\n\t\t\t'100%': { transform: 'translateX(0)' },\n\t\t},\n\t\tslideInLeft: {\n\t\t\t'0%': { transform: 'translateX(-100%)' },\n\t\t\t'100%': { transform: 'translateX(0)' },\n\t\t},\n\t\tslideInTop: {\n\t\t\t'0%': { transform: 'translateY(-100%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\tslideInBottom: {\n\t\t\t'0%': { transform: 'translateY(100%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\tslideInRightSmall: {\n\t\t\t'0%': { transform: 'translateX(20%)' },\n\t\t\t'100%': { transform: 'translateX(0)' },\n\t\t},\n\t\tslideInLeftSmall: {\n\t\t\t'0%': { transform: 'translateX(-20%)' },\n\t\t\t'100%': { transform: 'translateX(0)' },\n\t\t},\n\t\tslideInTopSmall: {\n\t\t\t'0%': { transform: 'translateY(-20%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\tslideInBottomSmall: {\n\t\t\t'0%': { transform: 'translateY(20%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\tslideOutRight: {\n\t\t\t'0%': { transform: 'translateX(0)' },\n\t\t\t'100%': { transform: 'translateX(100%)' },\n\t\t},\n\t\tslideOutLeft: {\n\t\t\t'0%': { transform: 'translateX(0)' },\n\t\t\t'100%': { transform: 'translateX(-100%)' },\n\t\t},\n\t\tslideOutTop: {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(-100%)' },\n\t\t},\n\t\tslideOutBottom: {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(100%)' },\n\t\t},\n\t\tslideOutTopSmall: {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(-20%)' },\n\t\t},\n\t\tslideOutBottomSmall: {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(20%)' },\n\t\t},\n\t},\n};\n","export default {\n\tinherit: 'inherit',\n\ttransparent: 'transparent',\n\tcurrent: 'currentColor',\n\tblack: '#000',\n\n\twhite: {\n\t\t800: '#E4E3E3',\n\t\t700: '#F2F2F2',\n\t\t600: '#FAFAFA',\n\t\tDEFAULT: '#FFFFFF',\n\t\t500: '#FFFFFF',\n\t},\n\t'negative-red': {\n\t\t800: '#8D1010',\n\t\tDEFAULT: '#E61E1E',\n\t\t500: '#E61E1E',\n\t\t100: '#FFDDDD',\n\t\t50: '#FDEDED',\n\t},\n\t'positive-green': {\n\t\t800: '#2F6407',\n\t\tDEFAULT: '#5CC30E',\n\t\t500: '#5CC30E',\n\t\t100: '#5CC30E',\n\t\t50: '#EAFDE3',\n\t},\n\tamber: {\n\t\t800: '#944D0B',\n\t\tDEFAULT: '#E19F23',\n\t\t500: '#E19F23',\n\t\t100: '#FFF6C2',\n\t\t50: '#FFFAE0',\n\t},\n\n\t'human-beige': {\n\t\t800: '#DEC9B7',\n\t\t700: '#E7D8CB',\n\t\t600: '#EDE0D5',\n\t\tDEFAULT: '#EEE4DB',\n\t\t500: '#EEE4DB',\n\t\t400: '#F1E9E2',\n\t\t300: '#F5EFE9',\n\t\t200: '#F8F4F1',\n\t\t100: '#FCFAF8',\n\t\t50: '#FDFCFB',\n\t},\n\t'off-white': {\n\t\t800: '#D5D0C3',\n\t\t700: '#DEDBD5',\n\t\t600: '#ECEAE5',\n\t\tDEFAULT: '#F3F1ED',\n\t\t500: '#F3F1ED',\n\t\t400: '#F5F4F1',\n\t\t300: '#F8F7F4',\n\t\t200: '#FAF9F8',\n\t\t100: '#FDFCFB',\n\t\t50: '#FEFEFD',\n\t},\n\n\t'supportive-lilac': {\n\t\t900: '#5009B3',\n\t\t800: '#BD8CFF',\n\t\t700: '#C89FFF',\n\t\t600: '#CCA8FC',\n\t\tDEFAULT: '#D1AEFF',\n\t\t500: '#D1AEFF',\n\t\t400: '#DABEFF',\n\t\t300: '#E3CEFF',\n\t\t200: '#EDDFFF',\n\t\t100: '#F6EFFF',\n\t\t50: '#FAF7FF',\n\t},\n\t'growth-green': {\n\t\t800: '#81EF2B',\n\t\t700: '#7FF424',\n\t\t600: '#8CFC35',\n\t\tDEFAULT: '#A0FF56',\n\t\t500: '#A0FF56',\n\t\t400: '#B3FF78',\n\t\t300: '#C6FF9A',\n\t\t200: '#D9FFBB',\n\t\t100: '#ECFFDD',\n\t\t50: '#F5FFEE',\n\t},\n\t'tech-breeze': {\n\t\t800: '#3DEACC',\n\t\t700: '#66F2DA',\n\t\t600: '#83FAE6',\n\t\tDEFAULT: '#94FFED',\n\t\t500: '#94FFED',\n\t\t400: '#A9FFF1',\n\t\t300: '#BFFFF4',\n\t\t200: '#D4FFF8',\n\t\t100: '#EAFFFB',\n\t\t50: '#F4FFFD',\n\t},\n\n\tteal: {\n\t\t800: '#02665C',\n\t\t700: '#047367',\n\t\t600: '#047F72',\n\t\tDEFAULT: '#088879',\n\t\t500: '#088879',\n\t\t400: '#39A094',\n\t\t300: '#6BB8AF',\n\t\t200: '#9CCFC9',\n\t\t100: '#CEE7E4',\n\t\t50: '#E6F3F2',\n\t},\n\t'dark-teal': {\n\t\t800: '#012521',\n\t\t700: '#003832',\n\t\t600: '#004840',\n\t\tDEFAULT: '#005148',\n\t\t500: '#005148',\n\t\t400: '#33746D',\n\t\t300: '#669791',\n\t\t200: '#99B9B6',\n\t\t100: '#CCDCDA',\n\t\t50: '#E5EEED',\n\t},\n\t'black-teal': {\n\t\t800: '#000202',\n\t\t700: '#000D0B',\n\t\t600: '#011815',\n\t\tDEFAULT: '#032A24',\n\t\t500: '#032A24',\n\t\t400: '#355550',\n\t\t300: '#687F7C',\n\t\t200: '#9AAAA7',\n\t\t100: '#CDD4D3',\n\t\t50: '#E6EAE9',\n\t},\n\n\t// OLD, REMOVE THIS\n\tindigo: {\n\t\tdark: '#2C4BA9',\n\t\tDEFAULT: '#528AFA',\n\t\tlight: '#F1F6FF',\n\t},\n\tsky: {\n\t\tdark: '#30C2C9',\n\t\tDEFAULT: '#1EDAE3',\n\t\tlight: '#F5FEFF',\n\t\tvague: '#BBF4F6',\n\t},\n\tmystic: {\n\t\tblank: '#FFF',\n\t\tdark: '#DAE6F0',\n\t\tDEFAULT: '#F7FAFC',\n\t\tlight: '#FCFDFE',\n\t\tmedium: '#E3ECF3',\n\t},\n\tredberry: {\n\t\tdark: '#BD0F1E',\n\t\tDEFAULT: '#E63241',\n\t\tlight: '#FFE8EA',\n\t\tmedium: '#FF7D88',\n\t},\n\tstorm: {\n\t\tdark: '#272838',\n\t\tDEFAULT: '#51536B',\n\t\tlight: '#B0B2CB',\n\t\tmedium: '#80829E',\n\t\tvague: '#989AB7',\n\t},\n\tnegative: {\n\t\tdark: '#8A0F1D',\n\t\tDEFAULT: '#B91E28',\n\t\tlight: '#FFCCD3',\n\t},\n\tpositive: {\n\t\tdark: '#1DA360',\n\t\tDEFAULT: '#28D17C',\n\t\tlight: '#E5FFF2',\n\t},\n\tunbiased: {\n\t\tdark: '#FFA231',\n\t\tDEFAULT: '#FFC72D',\n\t\tlight: '#FFF6DC',\n\t},\n};\n","export default {\n\theight: {\n\t\tunset: 'unset',\n\t\tinherit: 'inherit',\n\t},\n};\n","const rotateNumbers = {};\n\nfor (let i = 1; i < 360; i++) {\n\trotateNumbers[`${i}`] = `${i}deg`;\n\trotateNumbers[`-${i}`] = `-${i}deg`;\n}\n\nexport default rotateNumbers;\n","export default {\n\tflip: '-1',\n};\n","export default {\n\t'1': ['0 1px 1px rgba(0, 2, 2, 0.08)'],\n\t'2': [\n\t\t'0 1px 1px rgba(0, 2, 2, 0.04)',\n\t\t'0 2px 2px rgba(0, 2, 2, 0.04)',\n\t\t'0 4px 4px rgba(0, 2, 2, 0.04)',\n\t],\n\t'3': [\n\t\t'0 1px 1px rgba(0, 2, 2, 0.08)',\n\t\t'0 2px 2px rgba(0, 2, 2, 0.08)',\n\t\t'0 4px 4px rgba(0, 2, 2, 0.08)',\n\t],\n\t'supportive-lilac': '0px 1px 1px 0px rgba(189, 140, 255, 0.20)',\n\tinherit: 'inherit',\n\ttransparent: 'transparent',\n};\n","export default {\n\t// default variant layout\n\t'content-mobile-x': '1rem',\n\t'content-mobile-y': '1.5rem',\n\n\t'content-desktop-x': '2rem',\n\t'content-desktop-y': '2rem',\n\n\t18: '4.5rem',\n};\n","export default {\n\tfontSize: {\n\t\txxs: ['0.5rem', '1rem'] as [fontsize: string, lineHeight: string],\n\t\t'3xl': ['2rem', '2.5rem'] as [fontsize: string, lineHeight: string],\n\t\t'4xl': ['2.5rem', '3rem'] as [fontsize: string, lineHeight: string],\n\t},\n\tlineHeight: {\n\t\txs: '1rem',\n\t\tsm: '1.5rem',\n\t\tbase: '1.5rem',\n\t\tlg: '1.75rem',\n\t\txl: '1.75rem',\n\t\t'2xl': '2rem',\n\t\t'3xl': '2.5rem',\n\t\t'4xl': '3rem',\n\t},\n};\n","export default {\n\twidth: {\n\t\tunset: 'unset',\n\t\tinherit: 'inherit',\n\n\t\t// default variant\n\t\t'content-mobile': '100%',\n\t\t'content-1280': '62rem',\n\t\t'content-1440': '71rem',\n\t\t'content-1536': '77rem',\n\t\t'content-1680': '83rem',\n\n\t\t// login variant\n\t\t'sidebar-desktop-login': '100%',\n\t\t'content-desktop-login': '21rem',\n\t},\n};\n","export default {\n\t'floating-menu': '190',\n\tdropdown: '200',\n\n\t'navbar-topbar': '280',\n\t'navbar-backdrop': '290',\n\tnavbar: '300',\n\n\tbackdrop: '490',\n\n\tdrawer: '500',\n\t'drawer-header': '501',\n\n\tmodal: '600',\n\n\ttooltip: '601',\n\n\ttoast: '700',\n};\n","const hover = ({ addVariant }) => {\n\t// Hover media queries\n\taddVariant('has-hover', '@media (hover: hover)');\n\taddVariant('no-hover', '@media (hover: none)');\n\t// Applied on hover if supported, never applied otherwise\n\taddVariant('hover-never', '@media (hover: hover) { &:hover }');\n\taddVariant(\n\t\t'group-hover-never',\n\t\t'@media (hover: hover) { :merge(.group):hover & }'\n\t);\n\taddVariant(\n\t\t'peer-hover-never',\n\t\t'@media (hover: hover) { :merge(.peer):hover & }'\n\t);\n\t// Applied on hover if supported, always applied otherwise\n\taddVariant('hover-always', [\n\t\t'@media (hover: hover) { &:hover }',\n\t\t'@media (hover: none)',\n\t]);\n\taddVariant('group-hover-always', [\n\t\t'@media (hover: hover) { :merge(.group):hover & }',\n\t\t'@media (hover: none)',\n\t]);\n\taddVariant('peer-hover-always', [\n\t\t'@media (hover: hover) { :merge(.peer):hover & }',\n\t\t'@media (hover: none)',\n\t]);\n};\n\nexport default hover;\n","const safeArea = ({ addUtilities }) => {\n\tconst utilities = {\n\t\t'.m-safe': {\n\t\t\tmarginTop: 'env(safe-area-inset-top)',\n\t\t\tmarginRight: 'env(safe-area-inset-right)',\n\t\t\tmarginBottom: 'env(safe-area-inset-bottom)',\n\t\t\tmarginLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.mx-safe': {\n\t\t\tmarginRight: 'env(safe-area-inset-right)',\n\t\t\tmarginLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.my-safe': {\n\t\t\tmarginTop: 'env(safe-area-inset-top)',\n\t\t\tmarginBottom: 'env(safe-area-inset-bottom)',\n\t\t},\n\t\t'.mt-safe': {\n\t\t\tmarginTop: 'env(safe-area-inset-top)',\n\t\t},\n\t\t'.mr-safe': {\n\t\t\tmarginRight: 'env(safe-area-inset-right)',\n\t\t},\n\t\t'.mb-safe': {\n\t\t\tmarginBottom: 'env(safe-area-inset-bottom)',\n\t\t},\n\t\t'.ml-safe': {\n\t\t\tmarginLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.p-safe': {\n\t\t\tpaddingTop: 'env(safe-area-inset-top)',\n\t\t\tpaddingRight: 'env(safe-area-inset-right)',\n\t\t\tpaddingBottom: 'env(safe-area-inset-bottom)',\n\t\t\tpaddingLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.px-safe': {\n\t\t\tpaddingRight: 'env(safe-area-inset-right)',\n\t\t\tpaddingLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.py-safe': {\n\t\t\tpaddingTop: 'env(safe-area-inset-top)',\n\t\t\tpaddingBottom: 'env(safe-area-inset-bottom)',\n\t\t},\n\t\t'.pt-safe': {\n\t\t\tpaddingTop: 'env(safe-area-inset-top)',\n\t\t},\n\t\t'.pr-safe': {\n\t\t\tpaddingRight: 'env(safe-area-inset-right)',\n\t\t},\n\t\t'.pb-safe': {\n\t\t\tpaddingBottom: 'env(safe-area-inset-bottom)',\n\t\t},\n\t\t'.pl-safe': {\n\t\t\tpaddingLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.min-h-screen': {\n\t\t\tminHeight: '100vh',\n\t\t},\n\t\t'.min-h-screen-safe': {\n\t\t\tminHeight:\n\t\t\t\t'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',\n\t\t},\n\t\t'.max-h-screen': {\n\t\t\tmaxHeight: '100vh',\n\t\t},\n\t\t'.max-h-screen-safe': {\n\t\t\tmaxHeight:\n\t\t\t\t'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',\n\t\t},\n\t\t'.h-screen-safe': {\n\t\t\theight: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',\n\t\t},\n\t\t'.min-w-screen': {\n\t\t\tminWidth: '100vw',\n\t\t},\n\t\t'.min-w-screen-safe': {\n\t\t\tminWidth:\n\t\t\t\t'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',\n\t\t},\n\t\t'.max-w-screen': {\n\t\t\tmaxWidth: '100vw',\n\t\t},\n\t\t'.max-w-screen-safe': {\n\t\t\tmaxWidth:\n\t\t\t\t'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',\n\t\t},\n\t\t'.w-screen-safe': {\n\t\t\twidth: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',\n\t\t},\n\t};\n\n\taddUtilities(utilities);\n};\n\n// eslint-disable-next-line unicorn/prefer-module\nexport default safeArea;\n","import plugin from 'tailwindcss/plugin';\n\nimport animation from './theme/animation';\nimport colors from './theme/colors';\nimport height from './theme/height';\nimport rotate from './theme/rotate';\nimport scale from './theme/scale';\nimport screens from './theme/screens';\nimport shadows from './theme/shadows';\nimport spacing from './theme/spacing';\nimport typeograhpy from './theme/typography';\nimport width from './theme/width';\nimport zIndex from './theme/z-index';\n\nimport hover from './plugins/hover';\nimport safeArea from './plugins/safe-area';\n\nexport const paperless = plugin(\n\tpluginAPI => {\n\t\tsafeArea(pluginAPI);\n\t\thover(pluginAPI);\n\t},\n\t{\n\t\ttheme: {\n\t\t\tcolors,\n\t\t\tboxShadow: shadows,\n\t\t\tdropShadow: shadows,\n\t\t\textend: {\n\t\t\t\tkeyframs: animation.keyframes,\n\t\t\t\tanimation: animation.animation,\n\t\t\t\tfontFamily: {\n\t\t\t\t\tgeist: ['Geist', 'serif'],\n\t\t\t\t\tambit: ['Ambit', 'sans-serif'],\n\t\t\t\t},\n\t\t\t\tscale,\n\t\t\t\trotate,\n\t\t\t\tfontSize: typeograhpy.fontSize,\n\t\t\t\tlineHeight: typeograhpy.lineHeight,\n\t\t\t\tzIndex,\n\t\t\t\tscreens,\n\t\t\t\twidth: width.width,\n\t\t\t\theight: height.height,\n\t\t\t\tspacing,\n\t\t\t\taspectRatio: {\n\t\t\t\t\tbranding: '23/24',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tplugins: [\n\t\t\trequire('@tailwindcss/aspect-ratio'),\n\t\t\trequire('tailwindcss-animate'),\n\t\t\trequire('tailwind-scrollbar-hide'),\n\t\t\tsafeArea,\n\t\t\thover,\n\t\t],\n\t}\n);\n"],"version":3}
+{"file":"index.js","mappings":"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","names":["require$$0","plugin","rotate"],"sources":["src/utils/transformers.ts","../../node_modules/tailwindcss/lib/util/createPlugin.js","../../node_modules/tailwindcss/lib/public/create-plugin.js","../../node_modules/tailwindcss/plugin.js","src/tailwind/theme/animation.ts","src/tailwind/theme/colors.ts","src/tailwind/theme/height.ts","src/tailwind/theme/rotate.ts","src/tailwind/theme/scale.ts","src/tailwind/theme/shadows.ts","src/tailwind/theme/spacing.ts","src/tailwind/theme/typography.ts","src/tailwind/theme/width.ts","src/tailwind/theme/z-index.ts","src/tailwind/plugins/hover.ts","src/tailwind/plugins/safe-area.ts","src/tailwind/paperless.ts"],"sourcesContent":["export const camelToSnakeCase = (str) =>\n    str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);\n\nexport const snakeToCamelCase = (str) =>\n    str\n        .toLowerCase()\n        .replace(/([-_][a-z])/g, (group) =>\n            group.toUpperCase().replace('-', '').replace('_', '')\n        );\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nfunction createPlugin(plugin, config) {\n    return {\n        handler: plugin,\n        config\n    };\n}\ncreatePlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {\n    const optionsFunction = function(options) {\n        return {\n            __options: options,\n            handler: pluginFunction(options),\n            config: configFunction(options)\n        };\n    };\n    optionsFunction.__isOptionsFunction = true;\n    // Expose plugin dependencies so that `object-hash` returns a different\n    // value if anything here changes, to ensure a rebuild is triggered.\n    optionsFunction.__pluginFunction = pluginFunction;\n    optionsFunction.__configFunction = configFunction;\n    return optionsFunction;\n};\nconst _default = createPlugin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"default\", {\n    enumerable: true,\n    get: function() {\n        return _default;\n    }\n});\nconst _createPlugin = /*#__PURE__*/ _interop_require_default(require(\"../util/createPlugin\"));\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst _default = _createPlugin.default;\n","let createPlugin = require('./lib/public/create-plugin')\nmodule.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default\n","export default {\n\tanimation: {\n\t\t'fade-in': 'forwards fadeIn .2s ease',\n\t\t'fade-out': 'forwards fadeOut .2s ease',\n\t\t'slide-in-right': 'forwards slideInRight .5s ease',\n\t\t'slide-in-left': 'forwards slideInLeft .5s ease',\n\t\t'slide-in-top': 'forwards slideInTop .25 ease',\n\t\t'slide-in-bottom': 'forwards slideInBottom .5s ease',\n\t\t'slide-in-right-small': 'forwards slideInRightSmall .5s ease',\n\t\t'slide-in-left-small': 'forwards slideInLeftSmall .5s ease',\n\t\t'slide-in-top-small': 'forwards slideInTopSmall .5s ease',\n\t\t'slide-in-bottom-small': 'forwards slideInBottomSmall .5s ease',\n\t\t'slide-out-right': 'forwards slideOutRight .2s ease',\n\t\t'slide-out-left': 'forwards slideOutLeft .2s ease',\n\t\t'slide-out-top': 'forwards slideOutTop .2s ease',\n\t\t'slide-out-bottom': 'forwards slideOutBottom .5s ease',\n\t\t'slide-out-top-small': 'forwards slideOutTopSmall .5s ease',\n\t\t'slide-out-bottom-small': 'forwards slideOutBottomSmall .5s ease',\n\t},\n\n\tkeyframes: {\n\t\tfadeIn: {\n\t\t\t'0%': { opacity: 0 },\n\t\t\t'100%': { opacity: 100 },\n\t\t},\n\t\tfadeOut: {\n\t\t\t'0%': { opacity: 100 },\n\t\t\t'100%': { opacity: 0 },\n\t\t},\n\t\tslideInRight: {\n\t\t\t'0%': { transform: 'translateX(100%)' },\n\t\t\t'100%': { transform: 'translateX(0)' },\n\t\t},\n\t\tslideInLeft: {\n\t\t\t'0%': { transform: 'translateX(-100%)' },\n\t\t\t'100%': { transform: 'translateX(0)' },\n\t\t},\n\t\tslideInTop: {\n\t\t\t'0%': { transform: 'translateY(-100%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\tslideInBottom: {\n\t\t\t'0%': { transform: 'translateY(100%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\tslideInRightSmall: {\n\t\t\t'0%': { transform: 'translateX(20%)' },\n\t\t\t'100%': { transform: 'translateX(0)' },\n\t\t},\n\t\tslideInLeftSmall: {\n\t\t\t'0%': { transform: 'translateX(-20%)' },\n\t\t\t'100%': { transform: 'translateX(0)' },\n\t\t},\n\t\tslideInTopSmall: {\n\t\t\t'0%': { transform: 'translateY(-20%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\tslideInBottomSmall: {\n\t\t\t'0%': { transform: 'translateY(20%)' },\n\t\t\t'100%': { transform: 'translateY(0)' },\n\t\t},\n\t\tslideOutRight: {\n\t\t\t'0%': { transform: 'translateX(0)' },\n\t\t\t'100%': { transform: 'translateX(100%)' },\n\t\t},\n\t\tslideOutLeft: {\n\t\t\t'0%': { transform: 'translateX(0)' },\n\t\t\t'100%': { transform: 'translateX(-100%)' },\n\t\t},\n\t\tslideOutTop: {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(-100%)' },\n\t\t},\n\t\tslideOutBottom: {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(100%)' },\n\t\t},\n\t\tslideOutTopSmall: {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(-20%)' },\n\t\t},\n\t\tslideOutBottomSmall: {\n\t\t\t'0%': { transform: 'translateY(0)' },\n\t\t\t'100%': { transform: 'translateY(20%)' },\n\t\t},\n\t},\n};\n","export default {\n\tinherit: 'inherit',\n\ttransparent: 'transparent',\n\tcurrent: 'currentColor',\n\tblack: '#000',\n\n\twhite: {\n\t\t800: '#E4E3E3',\n\t\t700: '#F2F2F2',\n\t\t600: '#FAFAFA',\n\t\tDEFAULT: '#FFFFFF',\n\t\t500: '#FFFFFF',\n\t},\n\t'negative-red': {\n\t\t800: '#8D1010',\n\t\tDEFAULT: '#E61E1E',\n\t\t500: '#E61E1E',\n\t\t100: '#FFDDDD',\n\t\t50: '#FDEDED',\n\t},\n\t'positive-green': {\n\t\t800: '#2F6407',\n\t\tDEFAULT: '#5CC30E',\n\t\t500: '#5CC30E',\n\t\t100: '#5CC30E',\n\t\t50: '#EAFDE3',\n\t},\n\tamber: {\n\t\t800: '#944D0B',\n\t\tDEFAULT: '#E19F23',\n\t\t500: '#E19F23',\n\t\t100: '#FFF6C2',\n\t\t50: '#FFFAE0',\n\t},\n\n\t'human-beige': {\n\t\t800: '#DEC9B7',\n\t\t700: '#E7D8CB',\n\t\t600: '#EDE0D5',\n\t\tDEFAULT: '#EEE4DB',\n\t\t500: '#EEE4DB',\n\t\t400: '#F1E9E2',\n\t\t300: '#F5EFE9',\n\t\t200: '#F8F4F1',\n\t\t100: '#FCFAF8',\n\t\t50: '#FDFCFB',\n\t},\n\t'off-white': {\n\t\t800: '#D5D0C3',\n\t\t700: '#DEDBD5',\n\t\t600: '#ECEAE5',\n\t\tDEFAULT: '#F3F1ED',\n\t\t500: '#F3F1ED',\n\t\t400: '#F5F4F1',\n\t\t300: '#F8F7F4',\n\t\t200: '#FAF9F8',\n\t\t100: '#FDFCFB',\n\t\t50: '#FEFEFD',\n\t},\n\n\t'supportive-lilac': {\n\t\t900: '#5009B3',\n\t\t800: '#BD8CFF',\n\t\t700: '#C89FFF',\n\t\t600: '#CCA8FC',\n\t\tDEFAULT: '#D1AEFF',\n\t\t500: '#D1AEFF',\n\t\t400: '#DABEFF',\n\t\t300: '#E3CEFF',\n\t\t200: '#EDDFFF',\n\t\t100: '#F6EFFF',\n\t\t50: '#FAF7FF',\n\t},\n\t'growth-green': {\n\t\t800: '#81EF2B',\n\t\t700: '#7FF424',\n\t\t600: '#8CFC35',\n\t\tDEFAULT: '#A0FF56',\n\t\t500: '#A0FF56',\n\t\t400: '#B3FF78',\n\t\t300: '#C6FF9A',\n\t\t200: '#D9FFBB',\n\t\t100: '#ECFFDD',\n\t\t50: '#F5FFEE',\n\t},\n\t'tech-breeze': {\n\t\t800: '#3DEACC',\n\t\t700: '#66F2DA',\n\t\t600: '#83FAE6',\n\t\tDEFAULT: '#94FFED',\n\t\t500: '#94FFED',\n\t\t400: '#A9FFF1',\n\t\t300: '#BFFFF4',\n\t\t200: '#D4FFF8',\n\t\t100: '#EAFFFB',\n\t\t50: '#F4FFFD',\n\t},\n\n\tteal: {\n\t\t800: '#02665C',\n\t\t700: '#047367',\n\t\t600: '#047F72',\n\t\tDEFAULT: '#088879',\n\t\t500: '#088879',\n\t\t400: '#39A094',\n\t\t300: '#6BB8AF',\n\t\t200: '#9CCFC9',\n\t\t100: '#CEE7E4',\n\t\t50: '#E6F3F2',\n\t},\n\t'dark-teal': {\n\t\t800: '#012521',\n\t\t700: '#003832',\n\t\t600: '#004840',\n\t\tDEFAULT: '#005148',\n\t\t500: '#005148',\n\t\t400: '#33746D',\n\t\t300: '#669791',\n\t\t200: '#99B9B6',\n\t\t100: '#CCDCDA',\n\t\t50: '#E5EEED',\n\t},\n\t'black-teal': {\n\t\t800: '#000202',\n\t\t700: '#000D0B',\n\t\t600: '#011815',\n\t\tDEFAULT: '#032A24',\n\t\t500: '#032A24',\n\t\t400: '#355550',\n\t\t300: '#687F7C',\n\t\t200: '#9AAAA7',\n\t\t100: '#CDD4D3',\n\t\t50: '#E6EAE9',\n\t},\n\n\t// OLD, REMOVE THIS\n\tindigo: {\n\t\tdark: '#2C4BA9',\n\t\tDEFAULT: '#528AFA',\n\t\tlight: '#F1F6FF',\n\t},\n\tsky: {\n\t\tdark: '#30C2C9',\n\t\tDEFAULT: '#1EDAE3',\n\t\tlight: '#F5FEFF',\n\t\tvague: '#BBF4F6',\n\t},\n\tmystic: {\n\t\tblank: '#FFF',\n\t\tdark: '#DAE6F0',\n\t\tDEFAULT: '#F7FAFC',\n\t\tlight: '#FCFDFE',\n\t\tmedium: '#E3ECF3',\n\t},\n\tredberry: {\n\t\tdark: '#BD0F1E',\n\t\tDEFAULT: '#E63241',\n\t\tlight: '#FFE8EA',\n\t\tmedium: '#FF7D88',\n\t},\n\tstorm: {\n\t\tdark: '#272838',\n\t\tDEFAULT: '#51536B',\n\t\tlight: '#B0B2CB',\n\t\tmedium: '#80829E',\n\t\tvague: '#989AB7',\n\t},\n\tnegative: {\n\t\tdark: '#8A0F1D',\n\t\tDEFAULT: '#B91E28',\n\t\tlight: '#FFCCD3',\n\t},\n\tpositive: {\n\t\tdark: '#1DA360',\n\t\tDEFAULT: '#28D17C',\n\t\tlight: '#E5FFF2',\n\t},\n\tunbiased: {\n\t\tdark: '#FFA231',\n\t\tDEFAULT: '#FFC72D',\n\t\tlight: '#FFF6DC',\n\t},\n};\n","export default {\n\theight: {\n\t\tunset: 'unset',\n\t\tinherit: 'inherit',\n\t},\n};\n","const rotateNumbers = {};\n\nfor (let i = 1; i < 360; i++) {\n\trotateNumbers[`${i}`] = `${i}deg`;\n\trotateNumbers[`-${i}`] = `-${i}deg`;\n}\n\nexport default rotateNumbers;\n","export default {\n\tflip: '-1',\n};\n","export default {\n\t'1': ['0 1px 1px rgba(0, 2, 2, 0.08)'],\n\t'2': [\n\t\t'0 1px 1px rgba(0, 2, 2, 0.04)',\n\t\t'0 2px 2px rgba(0, 2, 2, 0.04)',\n\t\t'0 4px 4px rgba(0, 2, 2, 0.04)',\n\t],\n\t'3': [\n\t\t'0 1px 1px rgba(0, 2, 2, 0.08)',\n\t\t'0 2px 2px rgba(0, 2, 2, 0.08)',\n\t\t'0 4px 4px rgba(0, 2, 2, 0.08)',\n\t],\n\t'supportive-lilac': '0px 1px 1px 0px rgba(189, 140, 255, 0.20)',\n\tinherit: 'inherit',\n\ttransparent: 'transparent',\n};\n","export default {\n\t// default variant layout\n\t'content-mobile-x': '1rem',\n\t'content-mobile-y': '1.5rem',\n\n\t'content-desktop-x': '2rem',\n\t'content-desktop-y': '2rem',\n\n\t18: '4.5rem',\n};\n","export default {\n\tfontSize: {\n\t\txxs: ['0.5rem', '1rem'] as [fontsize: string, lineHeight: string],\n\t\t'3xl': ['2rem', '2.5rem'] as [fontsize: string, lineHeight: string],\n\t\t'4xl': ['2.5rem', '3rem'] as [fontsize: string, lineHeight: string],\n\t},\n\tlineHeight: {\n\t\txs: '1rem',\n\t\tsm: '1.5rem',\n\t\tbase: '1.5rem',\n\t\tlg: '1.75rem',\n\t\txl: '1.75rem',\n\t\t'2xl': '2rem',\n\t\t'3xl': '2.5rem',\n\t\t'4xl': '3rem',\n\t},\n};\n","export default {\n\twidth: {\n\t\tunset: 'unset',\n\t\tinherit: 'inherit',\n\n\t\t// default variant\n\t\t'content-mobile': '100%',\n\t\t'content-1280': '62rem',\n\t\t'content-1440': '71rem',\n\t\t'content-1536': '77rem',\n\t\t'content-1680': '83rem',\n\n\t\t// login variant\n\t\t'sidebar-desktop-login': '100%',\n\t\t'content-desktop-login': '21rem',\n\t},\n};\n","export default {\n\t'floating-menu': '190',\n\tdropdown: '200',\n\n\t'navbar-topbar': '280',\n\t'navbar-backdrop': '290',\n\tnavbar: '300',\n\n\tbackdrop: '490',\n\n\tdrawer: '500',\n\t'drawer-header': '501',\n\n\tmodal: '600',\n\n\ttooltip: '601',\n\n\ttoast: '700',\n};\n","const hover = ({ addVariant }) => {\n\t// Hover media queries\n\taddVariant('has-hover', '@media (hover: hover)');\n\taddVariant('no-hover', '@media (hover: none)');\n\t// Applied on hover if supported, never applied otherwise\n\taddVariant('hover-never', '@media (hover: hover) { &:hover }');\n\taddVariant(\n\t\t'group-hover-never',\n\t\t'@media (hover: hover) { :merge(.group):hover & }'\n\t);\n\taddVariant(\n\t\t'peer-hover-never',\n\t\t'@media (hover: hover) { :merge(.peer):hover & }'\n\t);\n\t// Applied on hover if supported, always applied otherwise\n\taddVariant('hover-always', [\n\t\t'@media (hover: hover) { &:hover }',\n\t\t'@media (hover: none)',\n\t]);\n\taddVariant('group-hover-always', [\n\t\t'@media (hover: hover) { :merge(.group):hover & }',\n\t\t'@media (hover: none)',\n\t]);\n\taddVariant('peer-hover-always', [\n\t\t'@media (hover: hover) { :merge(.peer):hover & }',\n\t\t'@media (hover: none)',\n\t]);\n};\n\nexport default hover;\n","const safeArea = ({ addUtilities }) => {\n\tconst utilities = {\n\t\t'.m-safe': {\n\t\t\tmarginTop: 'env(safe-area-inset-top)',\n\t\t\tmarginRight: 'env(safe-area-inset-right)',\n\t\t\tmarginBottom: 'env(safe-area-inset-bottom)',\n\t\t\tmarginLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.mx-safe': {\n\t\t\tmarginRight: 'env(safe-area-inset-right)',\n\t\t\tmarginLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.my-safe': {\n\t\t\tmarginTop: 'env(safe-area-inset-top)',\n\t\t\tmarginBottom: 'env(safe-area-inset-bottom)',\n\t\t},\n\t\t'.mt-safe': {\n\t\t\tmarginTop: 'env(safe-area-inset-top)',\n\t\t},\n\t\t'.mr-safe': {\n\t\t\tmarginRight: 'env(safe-area-inset-right)',\n\t\t},\n\t\t'.mb-safe': {\n\t\t\tmarginBottom: 'env(safe-area-inset-bottom)',\n\t\t},\n\t\t'.ml-safe': {\n\t\t\tmarginLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.p-safe': {\n\t\t\tpaddingTop: 'env(safe-area-inset-top)',\n\t\t\tpaddingRight: 'env(safe-area-inset-right)',\n\t\t\tpaddingBottom: 'env(safe-area-inset-bottom)',\n\t\t\tpaddingLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.px-safe': {\n\t\t\tpaddingRight: 'env(safe-area-inset-right)',\n\t\t\tpaddingLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.py-safe': {\n\t\t\tpaddingTop: 'env(safe-area-inset-top)',\n\t\t\tpaddingBottom: 'env(safe-area-inset-bottom)',\n\t\t},\n\t\t'.pt-safe': {\n\t\t\tpaddingTop: 'env(safe-area-inset-top)',\n\t\t},\n\t\t'.pr-safe': {\n\t\t\tpaddingRight: 'env(safe-area-inset-right)',\n\t\t},\n\t\t'.pb-safe': {\n\t\t\tpaddingBottom: 'env(safe-area-inset-bottom)',\n\t\t},\n\t\t'.pl-safe': {\n\t\t\tpaddingLeft: 'env(safe-area-inset-left)',\n\t\t},\n\t\t'.min-h-screen': {\n\t\t\tminHeight: '100vh',\n\t\t},\n\t\t'.min-h-screen-safe': {\n\t\t\tminHeight:\n\t\t\t\t'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',\n\t\t},\n\t\t'.max-h-screen': {\n\t\t\tmaxHeight: '100vh',\n\t\t},\n\t\t'.max-h-screen-safe': {\n\t\t\tmaxHeight:\n\t\t\t\t'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',\n\t\t},\n\t\t'.h-screen-safe': {\n\t\t\theight: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',\n\t\t},\n\t\t'.min-w-screen': {\n\t\t\tminWidth: '100vw',\n\t\t},\n\t\t'.min-w-screen-safe': {\n\t\t\tminWidth:\n\t\t\t\t'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',\n\t\t},\n\t\t'.max-w-screen': {\n\t\t\tmaxWidth: '100vw',\n\t\t},\n\t\t'.max-w-screen-safe': {\n\t\t\tmaxWidth:\n\t\t\t\t'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',\n\t\t},\n\t\t'.w-screen-safe': {\n\t\t\twidth: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',\n\t\t},\n\t};\n\n\taddUtilities(utilities);\n};\n\n// eslint-disable-next-line unicorn/prefer-module\nexport default safeArea;\n","import plugin from 'tailwindcss/plugin';\n\nimport animation from './theme/animation';\nimport colors from './theme/colors';\nimport height from './theme/height';\nimport rotate from './theme/rotate';\nimport scale from './theme/scale';\nimport screens from './theme/screens';\nimport shadows from './theme/shadows';\nimport spacing from './theme/spacing';\nimport typeograhpy from './theme/typography';\nimport width from './theme/width';\nimport zIndex from './theme/z-index';\n\nimport hover from './plugins/hover';\nimport safeArea from './plugins/safe-area';\n\nexport const paperless = plugin(\n\tpluginAPI => {\n\t\tsafeArea(pluginAPI);\n\t\thover(pluginAPI);\n\t},\n\t{\n\t\ttheme: {\n\t\t\tcolors,\n\t\t\tboxShadow: shadows,\n\t\t\tdropShadow: shadows,\n\t\t\textend: {\n\t\t\t\tkeyframs: animation.keyframes,\n\t\t\t\tanimation: animation.animation,\n\t\t\t\tfontFamily: {\n\t\t\t\t\tgeist: ['Geist', 'serif'],\n\t\t\t\t\tambit: ['Ambit', 'sans-serif'],\n\t\t\t\t},\n\t\t\t\tscale,\n\t\t\t\trotate,\n\t\t\t\tfontSize: typeograhpy.fontSize,\n\t\t\t\tlineHeight: typeograhpy.lineHeight,\n\t\t\t\tzIndex,\n\t\t\t\tscreens,\n\t\t\t\twidth: width.width,\n\t\t\t\theight: height.height,\n\t\t\t\tspacing,\n\t\t\t\taspectRatio: {\n\t\t\t\t\tbranding: '23/24',\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t\tplugins: [\n\t\t\trequire('@tailwindcss/aspect-ratio'),\n\t\t\trequire('tailwindcss-animate'),\n\t\t\trequire('tailwind-scrollbar-hide'),\n\t\t\tsafeArea,\n\t\t\thover,\n\t\t],\n\t}\n);\n"],"version":3}