@paperless/core 3.8.2 → 3.9.0

package/dist/types/components/molecules/field/field/field.component.d.ts

@@ -64,6 +64,10 @@ export declare class Field {
      * Wether the field is in loading state
      */
     loading: boolean;
+    /**
+     * Wether to enable or disable the password eye toggle
+     */
+    enablePasswordEye: boolean;
     /**
      * The placeholder of the input
      */
@@ -150,6 +154,7 @@ export declare class Field {
     private _el;
     private _focused;
     private _nonce;
+    private _type;
     _internals: ElementInternals;
     private _inputRef;
     private _lastValue;

package/dist/types/components/molecules/field/field/field.stories.d.ts

@@ -44,7 +44,7 @@ export declare const Default: {
     }) => import("lit-html").TemplateResult<1>;
 };
 export declare const OverflowReadOnly: {
-    render: ({ size, type, properties, prefix, suffix, icon, "icon-flip": iconFlip, "icon-rotate": iconRotate, "icon-position": iconPosition, label, loading, placeholder, helper, required, autofocus, error, "error-placement": errorPlacement, disabled, focused, "force-show-tooltip": forceShowTooltip, "select-all-on-focus": selectAllOnFocus, "focus-method": focusMethod, "optional-template": optionalTemplate, }: {
+    render: ({ size, type, properties, prefix, suffix, icon, "icon-flip": iconFlip, "icon-rotate": iconRotate, "icon-position": iconPosition, label, loading, placeholder, helper, required, autofocus, error, "error-placement": errorPlacement, "enable-password-eye": enablePasswordEye, disabled, focused, "force-show-tooltip": forceShowTooltip, "select-all-on-focus": selectAllOnFocus, "focus-method": focusMethod, "optional-template": optionalTemplate, }: {
         size: any;
         type: any;
         properties: any;
@@ -62,6 +62,7 @@ export declare const OverflowReadOnly: {
         autofocus: any;
         error: any;
         "error-placement": any;
+        "enable-password-eye": any;
         disabled: any;
         focused: any;
         "force-show-tooltip": any;

package/dist/types/components.d.ts

@@ -923,6 +923,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Wether to enable or disable the password eye toggle
+          * @default true
+         */
+        "enablePasswordEye": boolean;
         /**
           * The error to display
          */
@@ -4614,6 +4619,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Wether to enable or disable the password eye toggle
+          * @default true
+         */
+        "enablePasswordEye"?: boolean;
         /**
           * The error to display
          */

package/hydrate/index.js

@@ -95159,7 +95159,7 @@ class EmptyState {
     }; }
 }
 
-const fieldComponentCss = () => `*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}`;
+const fieldComponentCss = () => `*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-indigo-300{--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.hover\\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(47 111 240/var(--tw-text-opacity,1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:hover\\:text-indigo-300:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:hover\\:text-indigo-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}`;
 
 const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relative'], {
     variants: {
@@ -95432,6 +95432,10 @@ class Field {
      * Wether the field is in loading state
      */
     loading = false;
+    /**
+     * Wether to enable or disable the password eye toggle
+     */
+    enablePasswordEye = true;
     /**
      * The placeholder of the input
      */
@@ -95515,11 +95519,13 @@ class Field {
     get _el() { return getElement(this); }
     _focused = false;
     _nonce = nonce(5);
+    _type = 'text';
     _internals;
     _inputRef;
     _lastValue;
     componentDidLoad() {
         this._checkAutoFocus();
+        this._type = this.type;
     }
     formResetCallback() {
         this.value = null;
@@ -95533,8 +95539,8 @@ class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (hAsync(ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, hAsync("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), hAsync("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
+        return (hAsync(ThemedHost, { key: '693cc8cf7a010cadfec80e54b8f14d32a4482124' }, hAsync("p-field-container", { key: 'fea01db8d3eb6b88a2a4fbd5b98f075f17d5c5a6', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: '384d89cd1a88280eb15b5cc9f3d8802622982ec1', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: 'd5e65d7c7f012e4170a4564a0309333b4dc07c51', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '021caf77fec150537d3f44fbd1e6b4f8737ae5ff', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: 'd5f26184afc8a5e1246018d7596d44646f501e22', name: 'error', slot: 'error' })), hAsync("div", { key: '10d18154e7596782fa82eefc479a5320db64d8b3', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -95545,7 +95551,7 @@ class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '1d30b1ed73b9ec5a34aeff93fbeb67c553b72958', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -95555,16 +95561,31 @@ class Field {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (hAsync("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix ||
+            (this.type === 'password' && this.enablePasswordEye) ||
+            (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '6a24b43778b4286c657bbfd5cb64ee7e3b0d5a73', class: cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
-                isText: typeof suffix === 'string',
+                isText: typeof suffix === 'string' && this.type !== 'password',
                 isTextarea: this.type === 'textarea',
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: cn('flex', {
+            }), {
+                'cursor-pointer': this.type === 'password' && this.enablePasswordEye,
+                'hover:text-indigo-700 dark:hover:text-indigo-300': this.type === 'password',
+            }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'end') ||
+            (this.type === 'password' && this.enablePasswordEye) ? (hAsync("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (suffix)))))));
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.type === 'password'
+                ? this._type === 'text'
+                    ? 'eye-closed'
+                    : 'eye'
+                : this.icon, onClick: () => {
+                if (this.type !== 'password' || !this.enablePasswordEye) {
+                    return;
+                }
+                this._type = this._type === 'text' ? 'password' : 'text';
+            } })) : (suffix)))))));
     }
     watchvalue(value) {
         if (!this._inputRef) {
@@ -95663,7 +95684,7 @@ class Field {
         if (this.type === 'textarea') {
             return (hAsync("textarea", { ref: ref => this._setInputRef(ref), ...props, ...properties }));
         }
-        return (hAsync("input", { ref: ref => this._setInputRef(ref), type: this.type, ...props, ...properties }));
+        return (hAsync("input", { ref: ref => this._setInputRef(ref), type: this._type, ...props, ...properties }));
     }
     _setInputRef(ref) {
         this._inputRef = ref;
@@ -95728,6 +95749,7 @@ class Field {
             "value": [8],
             "label": [1],
             "loading": [4],
+            "enablePasswordEye": [4, "enable-password-eye"],
             "placeholder": [1],
             "helper": [1],
             "required": [516],
@@ -95745,7 +95767,8 @@ class Field {
             "focusMethod": [1, "focus-method"],
             "optionalTemplate": [16],
             "_focused": [32],
-            "_nonce": [32]
+            "_nonce": [32],
+            "_type": [32]
         },
         "$listeners$": [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"], [2, "keyup", "handleKeyup"], [2, "keydown", "handleKeydown"]],
         "$lazyBundleId$": "-",

package/hydrate/index.mjs

@@ -95157,7 +95157,7 @@ class EmptyState {
     }; }
 }
 
-const fieldComponentCss = () => `*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}`;
+const fieldComponentCss = () => `*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-indigo-300{--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.hover\\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(47 111 240/var(--tw-text-opacity,1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:hover\\:text-indigo-300:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:hover\\:text-indigo-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(187 209 253/var(--tw-text-opacity,1))}`;
 
 const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relative'], {
     variants: {
@@ -95430,6 +95430,10 @@ class Field {
      * Wether the field is in loading state
      */
     loading = false;
+    /**
+     * Wether to enable or disable the password eye toggle
+     */
+    enablePasswordEye = true;
     /**
      * The placeholder of the input
      */
@@ -95513,11 +95517,13 @@ class Field {
     get _el() { return getElement(this); }
     _focused = false;
     _nonce = nonce(5);
+    _type = 'text';
     _internals;
     _inputRef;
     _lastValue;
     componentDidLoad() {
         this._checkAutoFocus();
+        this._type = this.type;
     }
     formResetCallback() {
         this.value = null;
@@ -95531,8 +95537,8 @@ class Field {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (hAsync(ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, hAsync("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), hAsync("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
+        return (hAsync(ThemedHost, { key: '693cc8cf7a010cadfec80e54b8f14d32a4482124' }, hAsync("p-field-container", { key: 'fea01db8d3eb6b88a2a4fbd5b98f075f17d5c5a6', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (hAsync("slot", { key: '384d89cd1a88280eb15b5cc9f3d8802622982ec1', name: 'label', slot: 'label' })), hasHeaderSlot && (hAsync("slot", { key: 'd5e65d7c7f012e4170a4564a0309333b4dc07c51', name: 'header', slot: 'header' })), hasHelperSlot && (hAsync("slot", { key: '021caf77fec150537d3f44fbd1e6b4f8737ae5ff', name: 'helper', slot: 'helper' })), hasErrorSlot && (hAsync("slot", { key: 'd5f26184afc8a5e1246018d7596d44646f501e22', name: 'error', slot: 'error' })), hAsync("div", { key: '10d18154e7596782fa82eefc479a5320db64d8b3', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -95543,7 +95549,7 @@ class Field {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (hAsync("div", { key: '1d30b1ed73b9ec5a34aeff93fbeb67c553b72958', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -95553,16 +95559,31 @@ class Field {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (hAsync("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix ||
+            (this.type === 'password' && this.enablePasswordEye) ||
+            (this.icon && this.iconPosition === 'end')) && (hAsync("div", { key: '6a24b43778b4286c657bbfd5cb64ee7e3b0d5a73', class: cn(prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
-                isText: typeof suffix === 'string',
+                isText: typeof suffix === 'string' && this.type !== 'password',
                 isTextarea: this.type === 'textarea',
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'end' ? (hAsync("p-icon", { class: cn('flex', {
+            }), {
+                'cursor-pointer': this.type === 'password' && this.enablePasswordEye,
+                'hover:text-indigo-700 dark:hover:text-indigo-300': this.type === 'password',
+            }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'end') ||
+            (this.type === 'password' && this.enablePasswordEye) ? (hAsync("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (suffix)))))));
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.type === 'password'
+                ? this._type === 'text'
+                    ? 'eye-closed'
+                    : 'eye'
+                : this.icon, onClick: () => {
+                if (this.type !== 'password' || !this.enablePasswordEye) {
+                    return;
+                }
+                this._type = this._type === 'text' ? 'password' : 'text';
+            } })) : (suffix)))))));
     }
     watchvalue(value) {
         if (!this._inputRef) {
@@ -95661,7 +95682,7 @@ class Field {
         if (this.type === 'textarea') {
             return (hAsync("textarea", { ref: ref => this._setInputRef(ref), ...props, ...properties }));
         }
-        return (hAsync("input", { ref: ref => this._setInputRef(ref), type: this.type, ...props, ...properties }));
+        return (hAsync("input", { ref: ref => this._setInputRef(ref), type: this._type, ...props, ...properties }));
     }
     _setInputRef(ref) {
         this._inputRef = ref;
@@ -95726,6 +95747,7 @@ class Field {
             "value": [8],
             "label": [1],
             "loading": [4],
+            "enablePasswordEye": [4, "enable-password-eye"],
             "placeholder": [1],
             "helper": [1],
             "required": [516],
@@ -95743,7 +95765,8 @@ class Field {
             "focusMethod": [1, "focus-method"],
             "optionalTemplate": [16],
             "_focused": [32],
-            "_nonce": [32]
+            "_nonce": [32],
+            "_type": [32]
         },
         "$listeners$": [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"], [2, "keyup", "handleKeyup"], [2, "keydown", "handleKeydown"]],
         "$lazyBundleId$": "-",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "3.8.2",
+	"version": "3.9.0",
 	"description": "Stencil Component Starter",
 	"type": "module",
 	"main": "dist/index.cjs.js",

package/dist/build/p-187a4dda.entry.js

@@ -1 +0,0 @@
-import{r as t,a as e,d as r,h as a}from"./p-yFtRjnrU.js";import{c as i}from"./p-CBWjHURv.js";import{T as o}from"./p-CSySY6aC.js";import{a as s}from"./p-C5CTp9IA.js";import{c as n}from"./p-xs4N_Y-0.js";import{n as d}from"./p-D9kEjsvZ.js";import{f as h,g as l}from"./p-CwQG70_4.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const c=i(["flex gap-2","w-inherit","rounded-lg border-solid","relative"],{variants:{variant:{read:"flex-wrap items-start hyphens-auto break-normal border-0 leading-6",write:"border px-2"},size:{sm:null,base:null},disabled:{false:null,true:null},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:"items-start"}},compoundVariants:[{size:"sm",variant:"write",isTextarea:!1,class:"h-6"},{size:"base",variant:"write",isTextarea:!1,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:!1,error:!1,class:"\n      border-storm-100\n      dark:border-hurricane-400\n    "},{variant:"write",disabled:!1,focused:!0,error:!1,class:"\n      border-indigo-600 ring ring-indigo-100\n      selection:bg-indigo-500\n      dark:ring-0\n    "},{variant:"write",disabled:!1,class:"\n      bg-white\n      dark:bg-hurricane-500\n    "},{variant:"write",disabled:!0,class:"\n      cursor-not-allowed bg-white-600\n      dark:border-hurricane-500 dark:bg-hurricane-600\n    "},{disabled:!1,error:!0,class:"border-negative-red-500"},{disabled:!1,focused:!0,error:!0,class:"\n      ring ring-negative-red-50\n      selection:bg-negative-red-50\n      dark:ring-0\n    "}]}),m=i(["\n    text-sm\n    placeholder:text-sm placeholder:text-storm-500/40\n    dark:placeholder:text-hurricane-200\n  ","min-w-0 flex-1 border-none bg-transparent p-0","\n    outline-none\n    focus:outline-none\n  ","font-geist"],{variants:{isTextarea:{false:"h-full",true:"mt-1"},disabled:{false:null,true:"cursor-not-allowed"},error:{false:"\n      text-storm-500\n      dark:text-white\n    ",true:"text-negative-red-500"}}}),w=i(["flex flex-shrink-0 items-center justify-center text-center"],{variants:{variant:{read:"leading-6",write:null},disabled:{false:null,true:"\n      text-storm-100\n      dark:text-hurricane-400\n    "},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"},isTextarea:{false:null,true:"mt-2"}},compoundVariants:[{disabled:!1,focused:!1,error:!1,class:"\n      text-storm-300\n      dark:text-hurricane-200\n    "},{disabled:!1,focused:!0,error:!1,class:"\n      text-storm-500\n      dark:text-white\n    "},{disabled:!1,focused:!1,error:!0,class:"text-negative-red-500"},{disabled:!1,focused:!0,error:!0,class:"text-negative-red-800"}]}),p=class{constructor(r){t(this,r),this.valueChange=e(this,"valueChange",3),this.inputRefChange=e(this,"inputRefChange",7),this.add=e(this,"add",3),this.enter=e(this,"enter",3),r.$hostElement$["s-ei"]?this._internals=r.$hostElement$["s-ei"]:(this._internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this._internals)}align="start";variant="write";id;size="base";type="text";properties={};prefix;suffix;icon;iconFlip;iconRotate;iconPosition="start";value;label;loading=!1;placeholder;helper;required=!0;showOptional=!0;showAddOnEmpty=!1;addText="Add";autofocus=!1;error;autoShowError=!0;errorPlacement;disabled=!1;focused=!1;forceShowTooltip=!1;selectAllOnFocus=!0;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;add;enter;get _el(){return r(this)}_focused=!1;_nonce=d(5);_internals;_inputRef;_lastValue;componentDidLoad(){this._checkAutoFocus()}formResetCallback(){this.value=null,this.valueChange.emit(null)}formDisabledCallback(t){this._internals.form&&(this.disabled=t)}render(){const{id:t,prefix:e,suffix:r,hasHeaderSlot:i,hasLabelSlot:d,hasHelperSlot:h,hasErrorSlot:l,hasValueSlot:m}=this._getSlotInfo();return a(o,{key:"d957c15ac5c4fd277a79716e8f7644be5b7e413e"},a("p-field-container",{key:"4ec3f19bf0e3336b652add8730974d890deaf1bc",align:this.align,error:this.error,forceShowTooltip:!!this.error?.length&&!this._focused&&this.autoShowError||!!this.error?.length&&this.forceShowTooltip,helper:this.helper,id:t,label:this.label,loading:this.loading,loadingSize:this.size,required:this.required,showOptional:this.showOptional,variant:this.variant},d&&a("slot",{key:"74c5bf652fa519804b802cb930b764a62a7991aa",name:"label",slot:"label"}),i&&a("slot",{key:"f63069722b80fab8c262646787de0cfda2479def",name:"header",slot:"header"}),h&&a("slot",{key:"3045c36ea36e2d9b81b1fe31955237162ba50c62",name:"helper",slot:"helper"}),l&&a("slot",{key:"a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9",name:"error",slot:"error"}),a("div",{key:"805fc95477292dcf8404eb5f206bbfd576431dd2",class:c({error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:"textarea"===this.type}),slot:"content",title:"read"!==this.variant||m?void 0:`${this.value}`},(this.error?.length||e||this.icon&&"start"===this.iconPosition)&&a("div",{key:"41d8592d1683e02c23742e3fcae5f198e5dac18e",class:w({variant:this.variant,error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,isText:"string"==typeof r,isTextarea:"textarea"===this.type}),onClick:()=>this._focusInput()},this.icon&&"start"===this.iconPosition||this.error?.length?a("p-icon",{class:n("flex",{"mt-1":"read"===this.variant&&"base"===this.size}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.error?.length?"warning":this.icon}):e),this._getContent(m,t),(r||this.icon&&"end"===this.iconPosition)&&a("div",{key:"696e95bfe4ee145a02e4de13f697a01b62bb2678",class:w({variant:this.variant,error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,isText:"string"==typeof r,isTextarea:"textarea"===this.type}),onClick:()=>this._focusInput()},this.icon&&"end"===this.iconPosition?a("p-icon",{class:n("flex",{"mt-1":"read"===this.variant&&"base"===this.size}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.icon}):r))))}watchvalue(t){this._inputRef&&t!==this._lastValue&&(this._lastValue=t,this._inputRef.value=t)}handleFocusIn(){this.disabled||(this._focused=!0,this._selectAll())}handleFocusOut(){this.disabled||(this._focused=!1)}handleKeyup(t){this.disabled?t.preventDefault():this._internals?.form&&"textarea"!==this.type&&"Enter"===t.key&&this._internals.form.requestSubmit()}handleKeydown(t){this.disabled||"Enter"===t.key&&this.enter.emit(this.value)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]'),e=!!this._el.querySelector(':scope > [slot="label"]'),r=!!this._el.querySelector(':scope > [slot="prefix"]'),i=!!this._el.querySelector(':scope > [slot="suffix"]'),o=!!this._el.querySelector(':scope > [slot="header"]'),s=!!this._el.querySelector(':scope > [slot="error"]'),n=!!this._el.querySelector(':scope > [slot="value"]'),d=r?a("slot",{name:"prefix"}):this.prefix,h=i?a("slot",{name:"suffix"}):this.suffix,l=this.error&&"string"==typeof this.error&&"true"!==this.error;return{id:this.id?.length?this.id:this._nonce,hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:i,hasHeaderSlot:o,hasErrorSlot:s,hasValueSlot:n,prefix:d,suffix:h,errorAndErrorIsNotBoolean:l}}_getContent(t=!1,e){if("read"===this.variant)return t?a("slot",{name:"value"}):this.value&&`${this.value}`.length>0?this.value:this.showAddOnEmpty?a("p-button",{icon:"plus",size:"sm",variant:"text",onClick:()=>this.add.emit()},this.addText):"—";if("slot"===this.type)return a("slot",{name:"input"});const r={id:e,class:m({disabled:s(this.disabled),isTextarea:"textarea"===this.type,error:!!this.error?.length}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let i=this.properties??{};return"string"==typeof i&&(i=JSON.parse(this.properties)),"textarea"===this.type?a("textarea",{ref:t=>this._setInputRef(t),...r,...i}):a("input",{ref:t=>this._setInputRef(t),type:this.type,...r,...i})}_setInputRef(t){this._inputRef=t,this.inputRefChange.emit(t)}_focusInput(){this._inputRef?this._inputRef.focus():this._el.querySelector(':scope > [slot="input"]')[this.focusMethod]()}_selectAll(){this._inputRef&&this.selectAllOnFocus&&this._inputRef.select()}_valueChange(t){t.stopPropagation();const e=t.originalTarget??t.target,r=e.value;this._lastValue=r,this.value=r,this.valueChange.emit(r),this._internals.setFormValue(e.value)}_checkAutoFocus(){this.autofocus&&(this._inputRef?this._focusInput():setTimeout((()=>this._checkAutoFocus()),100))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchvalue:0}]}}};p.style="*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}";const b=i(["w-full rounded-lg"],{variants:{variant:{read:null,write:null},size:{base:null,sm:null}},compoundVariants:[{variant:"read",size:"base",class:"h-5"},{variant:"read",size:"sm",class:"h-4"},{variant:"write",size:"base",class:"h-8"},{variant:"write",size:"sm",class:"h-6"}]}),x=class{constructor(r){t(this,r),this.focus=e(this,"focus",7)}_defaultOptionalTemplate=()=>h(this._locales.optional);id;align="start";label;loading=!1;loadingSize="base";variant;helper;required;showOptional=!0;error;errorPlacement;forceShowTooltip=!1;optionalTemplate=this._defaultOptionalTemplate;get _el(){return r(this)}focus;_locales={};componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:r,label:i,errorAndErrorIsNotBoolean:d}=this._getSlotInfo();let h=a("slot",{key:"e795f4695850003f41a5bfb815893affee00e8de",name:"content",slot:"trigger"});return this.loading&&(h=a("p-loader",{key:"1f65c3ca60cefbf0740c9d7235a18a3e69f1c788",class:b({variant:this.variant,size:this.loadingSize}),slot:"trigger",variant:"ghost"})),a(o,{key:"9b4ab7a1d59cead07a2065b0d6bc72be41d24287"},a("label",{key:"ac31d16bdd75b4b236479638efd367f4771627d1",class:n("flex w-inherit flex-col gap-1",{"cursor-auto":"read"===this.variant}),htmlFor:this.id},a("div",{key:"512c7c3162d9a40483f5d43d7fbea5635c40b45d",class:n("\n         flex items-end justify-between gap-1\n         empty:hidden\n       ",{"flex-row-reverse":"end"===this.align})},(!!i?.length||!!r?.length)&&a("div",{key:"77b5887681e6537714b0352a02873a56ab22e304",class:"flex min-w-0 gap-2",onClick:()=>this.focus.emit()},a("span",{key:"786e241b3537a05c4bf12f58333d5c10065879c3",class:"\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         "},i),r&&a("p-helper",{key:"d14700f7a78349ffb1de0a39bcb92ca9833e7f3b",class:"flex flex-shrink-0",placement:"top"},r)),(!s(this.required)&&s(this.showOptional)||t)&&a("div",{key:"a3f63057ac68b62a68cf4d0b31b09039817ea87f",class:"flex items-center gap-1"},!s(this.required)&&s(this.showOptional)&&"write"===this.variant&&a("span",{key:"6e98ac54bcabfe7b4481b1745b7c25fbc0c1e717",class:"\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           "},this.optionalTemplate()),t&&a("slot",{key:"e4b5a07a66a036c619d0a788c959a3d80af2f58c",name:"header"}))),a("p-tooltip",{key:"d482091d838534d3f3e3f177c9f5ccd605e8e519",class:n({"w-full":"write"===this.variant||this.loading,"ml-auto":"end"===this.align,"font-normal":"read"===this.variant,"text-storm-500 dark:text-white":"read"===this.variant}),content:this.error,enableUserInput:!1,placement:this.errorPlacement,show:d&&s(this.forceShowTooltip,!1),variant:"error"},e&&a("slot",{key:"45fc720b8771ffca3ce381fcc98c162947aa1e71",name:"error",slot:"content"}),h)))}async _setLocales(){this._locales=await l(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]'),e=!!this._el.querySelector(':scope > [slot="label"]'),r=!!this._el.querySelector(':scope > [slot="header"]'),i=!!this._el.querySelector(':scope > [slot="error"]');return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:r,hasErrorSlot:i,helper:t?a("slot",{name:"helper"}):this.helper,label:e?a("slot",{name:"label"}):this.label,errorAndErrorIsNotBoolean:i||this.error&&"string"==typeof this.error&&"true"!==this.error}}};x.style="*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";const f=class{constructor(e){t(this,e)}strategy="absolute";placement="top";render(){return a(o,{key:"d7f07b4f232bb43ce0988ea8533353a8d193e7bf"},a("p-tooltip",{key:"df76c8696c9621a6ea5431c5d256eded55de0b57",class:"flex",placement:this.placement,strategy:this.strategy},a("p-icon",{key:"f582de019e9a60ebe2296405354cb48ebfc4ca1f",class:"\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ",size:"sm",slot:"trigger",variant:"question-circle"}),a("div",{key:"1863361d1ec8867f5f403d823290273b77571516",slot:"content"},a("slot",{key:"d876213ee32eb63e77c9074391f8f31fd42ddd69"}))))}};f.style=".inline-flex{display:inline-flex}.h-\\[0\\.875rem\\]{height:.875rem}.w-\\[0\\.875rem\\]{width:.875rem}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.static{position:static}.absolute{position:absolute}.flex{display:flex}.cursor-pointer{cursor:pointer}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:hover\\:text-hurricane-200:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:hover\\:text-hurricane-200:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}";export{p as p_field,x as p_field_container,f as p_helper}

package/dist/components/p-CfkmcUeC.js

@@ -1 +0,0 @@
-import{t,p as e,H as r,c as a,h as i}from"./p-CySg37XO.js";import{c as o}from"./p-CBWjHURv.js";import{T as s}from"./p-Au2WuEGF.js";import{a as n}from"./p-C5CTp9IA.js";import{c as d}from"./p-xs4N_Y-0.js";import{n as h}from"./p-D9kEjsvZ.js";import{d as l}from"./p-DI_ECJzt.js";import{d as c}from"./p-DqcTEpCu.js";import{d as p}from"./p-CQ1UlIQc.js";import{d as w}from"./p-DwJAKJDy.js";import{d as m}from"./p-D8faiybE.js";import{d as b}from"./p-2yaxaWU2.js";const u=o(["flex gap-2","w-inherit","rounded-lg border-solid","relative"],{variants:{variant:{read:"flex-wrap items-start hyphens-auto break-normal border-0 leading-6",write:"border px-2"},size:{sm:null,base:null},disabled:{false:null,true:null},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:"items-start"}},compoundVariants:[{size:"sm",variant:"write",isTextarea:!1,class:"h-6"},{size:"base",variant:"write",isTextarea:!1,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:!1,error:!1,class:"\n      border-storm-100\n      dark:border-hurricane-400\n    "},{variant:"write",disabled:!1,focused:!0,error:!1,class:"\n      border-indigo-600 ring ring-indigo-100\n      selection:bg-indigo-500\n      dark:ring-0\n    "},{variant:"write",disabled:!1,class:"\n      bg-white\n      dark:bg-hurricane-500\n    "},{variant:"write",disabled:!0,class:"\n      cursor-not-allowed bg-white-600\n      dark:border-hurricane-500 dark:bg-hurricane-600\n    "},{disabled:!1,error:!0,class:"border-negative-red-500"},{disabled:!1,focused:!0,error:!0,class:"\n      ring ring-negative-red-50\n      selection:bg-negative-red-50\n      dark:ring-0\n    "}]}),g=o(["\n    text-sm\n    placeholder:text-sm placeholder:text-storm-500/40\n    dark:placeholder:text-hurricane-200\n  ","min-w-0 flex-1 border-none bg-transparent p-0","\n    outline-none\n    focus:outline-none\n  ","font-geist"],{variants:{isTextarea:{false:"h-full",true:"mt-1"},disabled:{false:null,true:"cursor-not-allowed"},error:{false:"\n      text-storm-500\n      dark:text-white\n    ",true:"text-negative-red-500"}}}),f=o(["flex flex-shrink-0 items-center justify-center text-center"],{variants:{variant:{read:"leading-6",write:null},disabled:{false:null,true:"\n      text-storm-100\n      dark:text-hurricane-400\n    "},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"},isTextarea:{false:null,true:"mt-2"}},compoundVariants:[{disabled:!1,focused:!1,error:!1,class:"\n      text-storm-300\n      dark:text-hurricane-200\n    "},{disabled:!1,focused:!0,error:!1,class:"\n      text-storm-500\n      dark:text-white\n    "},{disabled:!1,focused:!1,error:!0,class:"text-negative-red-500"},{disabled:!1,focused:!0,error:!0,class:"text-negative-red-800"}]}),x=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=a(this,"valueChange",3),this.inputRefChange=a(this,"inputRefChange",7),this.add=a(this,"add",3),this.enter=a(this,"enter",3),this._internals=this.attachInternals()}align="start";variant="write";id;size="base";type="text";properties={};prefix;suffix;icon;iconFlip;iconRotate;iconPosition="start";value;label;loading=!1;placeholder;helper;required=!0;showOptional=!0;showAddOnEmpty=!1;addText="Add";autofocus=!1;error;autoShowError=!0;errorPlacement;disabled=!1;focused=!1;forceShowTooltip=!1;selectAllOnFocus=!0;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;add;enter;get _el(){return this}_focused=!1;_nonce=h(5);_internals;_inputRef;_lastValue;componentDidLoad(){this._checkAutoFocus()}formResetCallback(){this.value=null,this.valueChange.emit(null)}formDisabledCallback(t){this._internals.form&&(this.disabled=t)}render(){const{id:t,prefix:e,suffix:r,hasHeaderSlot:a,hasLabelSlot:o,hasHelperSlot:h,hasErrorSlot:l,hasValueSlot:c}=this._getSlotInfo();return i(s,{key:"d957c15ac5c4fd277a79716e8f7644be5b7e413e"},i("p-field-container",{key:"4ec3f19bf0e3336b652add8730974d890deaf1bc",align:this.align,error:this.error,forceShowTooltip:!!this.error?.length&&!this._focused&&this.autoShowError||!!this.error?.length&&this.forceShowTooltip,helper:this.helper,id:t,label:this.label,loading:this.loading,loadingSize:this.size,required:this.required,showOptional:this.showOptional,variant:this.variant},o&&i("slot",{key:"74c5bf652fa519804b802cb930b764a62a7991aa",name:"label",slot:"label"}),a&&i("slot",{key:"f63069722b80fab8c262646787de0cfda2479def",name:"header",slot:"header"}),h&&i("slot",{key:"3045c36ea36e2d9b81b1fe31955237162ba50c62",name:"helper",slot:"helper"}),l&&i("slot",{key:"a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9",name:"error",slot:"error"}),i("div",{key:"805fc95477292dcf8404eb5f206bbfd576431dd2",class:u({error:!!this.error?.length,disabled:n(this.disabled),focused:n(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:"textarea"===this.type}),slot:"content",title:"read"!==this.variant||c?void 0:`${this.value}`},(this.error?.length||e||this.icon&&"start"===this.iconPosition)&&i("div",{key:"41d8592d1683e02c23742e3fcae5f198e5dac18e",class:f({variant:this.variant,error:!!this.error?.length,disabled:n(this.disabled),focused:n(this.focused)||this._focused,isText:"string"==typeof r,isTextarea:"textarea"===this.type}),onClick:()=>this._focusInput()},this.icon&&"start"===this.iconPosition||this.error?.length?i("p-icon",{class:d("flex",{"mt-1":"read"===this.variant&&"base"===this.size}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.error?.length?"warning":this.icon}):e),this._getContent(c,t),(r||this.icon&&"end"===this.iconPosition)&&i("div",{key:"696e95bfe4ee145a02e4de13f697a01b62bb2678",class:f({variant:this.variant,error:!!this.error?.length,disabled:n(this.disabled),focused:n(this.focused)||this._focused,isText:"string"==typeof r,isTextarea:"textarea"===this.type}),onClick:()=>this._focusInput()},this.icon&&"end"===this.iconPosition?i("p-icon",{class:d("flex",{"mt-1":"read"===this.variant&&"base"===this.size}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.icon}):r))))}watchvalue(t){this._inputRef&&t!==this._lastValue&&(this._lastValue=t,this._inputRef.value=t)}handleFocusIn(){this.disabled||(this._focused=!0,this._selectAll())}handleFocusOut(){this.disabled||(this._focused=!1)}handleKeyup(t){this.disabled?t.preventDefault():this._internals?.form&&"textarea"!==this.type&&"Enter"===t.key&&this._internals.form.requestSubmit()}handleKeydown(t){this.disabled||"Enter"===t.key&&this.enter.emit(this.value)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]'),e=!!this._el.querySelector(':scope > [slot="label"]'),r=!!this._el.querySelector(':scope > [slot="prefix"]'),a=!!this._el.querySelector(':scope > [slot="suffix"]'),o=!!this._el.querySelector(':scope > [slot="header"]'),s=!!this._el.querySelector(':scope > [slot="error"]'),n=!!this._el.querySelector(':scope > [slot="value"]'),d=r?i("slot",{name:"prefix"}):this.prefix,h=a?i("slot",{name:"suffix"}):this.suffix,l=this.error&&"string"==typeof this.error&&"true"!==this.error;return{id:this.id?.length?this.id:this._nonce,hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:a,hasHeaderSlot:o,hasErrorSlot:s,hasValueSlot:n,prefix:d,suffix:h,errorAndErrorIsNotBoolean:l}}_getContent(t=!1,e){if("read"===this.variant)return t?i("slot",{name:"value"}):this.value&&`${this.value}`.length>0?this.value:this.showAddOnEmpty?i("p-button",{icon:"plus",size:"sm",variant:"text",onClick:()=>this.add.emit()},this.addText):"—";if("slot"===this.type)return i("slot",{name:"input"});const r={id:e,class:g({disabled:n(this.disabled),isTextarea:"textarea"===this.type,error:!!this.error?.length}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let a=this.properties??{};return"string"==typeof a&&(a=JSON.parse(this.properties)),"textarea"===this.type?i("textarea",{ref:t=>this._setInputRef(t),...r,...a}):i("input",{ref:t=>this._setInputRef(t),type:this.type,...r,...a})}_setInputRef(t){this._inputRef=t,this.inputRefChange.emit(t)}_focusInput(){this._inputRef?this._inputRef.focus():this._el.querySelector(':scope > [slot="input"]')[this.focusMethod]()}_selectAll(){this._inputRef&&this.selectAllOnFocus&&this._inputRef.select()}_valueChange(t){t.stopPropagation();const e=t.originalTarget??t.target,r=e.value;this._lastValue=r,this.value=r,this.valueChange.emit(r),this._internals.setFormValue(e.value)}_checkAutoFocus(){this.autofocus&&(this._inputRef?this._focusInput():setTimeout((()=>this._checkAutoFocus()),100))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchvalue:0}]}}static get style(){return"*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}"}},[833,"p-field",{align:[1],variant:[1],id:[1],size:[1],type:[1],properties:[8],prefix:[1],suffix:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],iconPosition:[1,"icon-position"],value:[8],label:[1],loading:[4],placeholder:[1],helper:[1],required:[516],showOptional:[516,"show-optional"],showAddOnEmpty:[516,"show-add-on-empty"],addText:[513,"add-text"],autofocus:[516],error:[513],autoShowError:[516,"auto-show-error"],errorPlacement:[1,"error-placement"],disabled:[516],focused:[516],forceShowTooltip:[516,"force-show-tooltip"],selectAllOnFocus:[516,"select-all-on-focus"],focusMethod:[1,"focus-method"],optionalTemplate:[16],_focused:[32],_nonce:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"keyup","handleKeyup"],[2,"keydown","handleKeydown"]],{value:[{watchvalue:0}]}]);function v(){"undefined"!=typeof customElements&&["p-field","p-button","p-field-container","p-helper","p-icon","p-loader","p-tooltip"].forEach((e=>{switch(e){case"p-field":customElements.get(t(e))||customElements.define(t(e),x);break;case"p-button":customElements.get(t(e))||l();break;case"p-field-container":customElements.get(t(e))||c();break;case"p-helper":customElements.get(t(e))||p();break;case"p-icon":customElements.get(t(e))||w();break;case"p-loader":customElements.get(t(e))||m();break;case"p-tooltip":customElements.get(t(e))||b()}}))}v();export{x as F,v as d}

package/dist/paperless/p-187a4dda.entry.js

@@ -1 +0,0 @@
-import{r as t,a as e,d as r,h as a}from"./p-yFtRjnrU.js";import{c as i}from"./p-CBWjHURv.js";import{T as o}from"./p-CSySY6aC.js";import{a as s}from"./p-C5CTp9IA.js";import{c as n}from"./p-xs4N_Y-0.js";import{n as d}from"./p-D9kEjsvZ.js";import{f as h,g as l}from"./p-CwQG70_4.js";import"./p-ChV9xqsO.js";import"./p-6XOzWrsN.js";const c=i(["flex gap-2","w-inherit","rounded-lg border-solid","relative"],{variants:{variant:{read:"flex-wrap items-start hyphens-auto break-normal border-0 leading-6",write:"border px-2"},size:{sm:null,base:null},disabled:{false:null,true:null},focused:{false:null,true:null},error:{false:null,true:null},isTextarea:{false:null,true:"items-start"}},compoundVariants:[{size:"sm",variant:"write",isTextarea:!1,class:"h-6"},{size:"base",variant:"write",isTextarea:!1,class:"h-8"},{size:"sm",variant:"read",class:"min-h-4 text-xs"},{size:"base",variant:"read",class:"min-h-5 text-sm"},{variant:"write",focused:!1,error:!1,class:"\n      border-storm-100\n      dark:border-hurricane-400\n    "},{variant:"write",disabled:!1,focused:!0,error:!1,class:"\n      border-indigo-600 ring ring-indigo-100\n      selection:bg-indigo-500\n      dark:ring-0\n    "},{variant:"write",disabled:!1,class:"\n      bg-white\n      dark:bg-hurricane-500\n    "},{variant:"write",disabled:!0,class:"\n      cursor-not-allowed bg-white-600\n      dark:border-hurricane-500 dark:bg-hurricane-600\n    "},{disabled:!1,error:!0,class:"border-negative-red-500"},{disabled:!1,focused:!0,error:!0,class:"\n      ring ring-negative-red-50\n      selection:bg-negative-red-50\n      dark:ring-0\n    "}]}),m=i(["\n    text-sm\n    placeholder:text-sm placeholder:text-storm-500/40\n    dark:placeholder:text-hurricane-200\n  ","min-w-0 flex-1 border-none bg-transparent p-0","\n    outline-none\n    focus:outline-none\n  ","font-geist"],{variants:{isTextarea:{false:"h-full",true:"mt-1"},disabled:{false:null,true:"cursor-not-allowed"},error:{false:"\n      text-storm-500\n      dark:text-white\n    ",true:"text-negative-red-500"}}}),w=i(["flex flex-shrink-0 items-center justify-center text-center"],{variants:{variant:{read:"leading-6",write:null},disabled:{false:null,true:"\n      text-storm-100\n      dark:text-hurricane-400\n    "},focused:{false:null,true:null},error:{false:null,true:null},isText:{false:null,true:"text-sm"},isTextarea:{false:null,true:"mt-2"}},compoundVariants:[{disabled:!1,focused:!1,error:!1,class:"\n      text-storm-300\n      dark:text-hurricane-200\n    "},{disabled:!1,focused:!0,error:!1,class:"\n      text-storm-500\n      dark:text-white\n    "},{disabled:!1,focused:!1,error:!0,class:"text-negative-red-500"},{disabled:!1,focused:!0,error:!0,class:"text-negative-red-800"}]}),p=class{constructor(r){t(this,r),this.valueChange=e(this,"valueChange",3),this.inputRefChange=e(this,"inputRefChange",7),this.add=e(this,"add",3),this.enter=e(this,"enter",3),r.$hostElement$["s-ei"]?this._internals=r.$hostElement$["s-ei"]:(this._internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this._internals)}align="start";variant="write";id;size="base";type="text";properties={};prefix;suffix;icon;iconFlip;iconRotate;iconPosition="start";value;label;loading=!1;placeholder;helper;required=!0;showOptional=!0;showAddOnEmpty=!1;addText="Add";autofocus=!1;error;autoShowError=!0;errorPlacement;disabled=!1;focused=!1;forceShowTooltip=!1;selectAllOnFocus=!0;focusMethod="focus";optionalTemplate;valueChange;inputRefChange;add;enter;get _el(){return r(this)}_focused=!1;_nonce=d(5);_internals;_inputRef;_lastValue;componentDidLoad(){this._checkAutoFocus()}formResetCallback(){this.value=null,this.valueChange.emit(null)}formDisabledCallback(t){this._internals.form&&(this.disabled=t)}render(){const{id:t,prefix:e,suffix:r,hasHeaderSlot:i,hasLabelSlot:d,hasHelperSlot:h,hasErrorSlot:l,hasValueSlot:m}=this._getSlotInfo();return a(o,{key:"d957c15ac5c4fd277a79716e8f7644be5b7e413e"},a("p-field-container",{key:"4ec3f19bf0e3336b652add8730974d890deaf1bc",align:this.align,error:this.error,forceShowTooltip:!!this.error?.length&&!this._focused&&this.autoShowError||!!this.error?.length&&this.forceShowTooltip,helper:this.helper,id:t,label:this.label,loading:this.loading,loadingSize:this.size,required:this.required,showOptional:this.showOptional,variant:this.variant},d&&a("slot",{key:"74c5bf652fa519804b802cb930b764a62a7991aa",name:"label",slot:"label"}),i&&a("slot",{key:"f63069722b80fab8c262646787de0cfda2479def",name:"header",slot:"header"}),h&&a("slot",{key:"3045c36ea36e2d9b81b1fe31955237162ba50c62",name:"helper",slot:"helper"}),l&&a("slot",{key:"a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9",name:"error",slot:"error"}),a("div",{key:"805fc95477292dcf8404eb5f206bbfd576431dd2",class:c({error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,size:this.size,variant:this.variant,isTextarea:"textarea"===this.type}),slot:"content",title:"read"!==this.variant||m?void 0:`${this.value}`},(this.error?.length||e||this.icon&&"start"===this.iconPosition)&&a("div",{key:"41d8592d1683e02c23742e3fcae5f198e5dac18e",class:w({variant:this.variant,error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,isText:"string"==typeof r,isTextarea:"textarea"===this.type}),onClick:()=>this._focusInput()},this.icon&&"start"===this.iconPosition||this.error?.length?a("p-icon",{class:n("flex",{"mt-1":"read"===this.variant&&"base"===this.size}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.error?.length?"warning":this.icon}):e),this._getContent(m,t),(r||this.icon&&"end"===this.iconPosition)&&a("div",{key:"696e95bfe4ee145a02e4de13f697a01b62bb2678",class:w({variant:this.variant,error:!!this.error?.length,disabled:s(this.disabled),focused:s(this.focused)||this._focused,isText:"string"==typeof r,isTextarea:"textarea"===this.type}),onClick:()=>this._focusInput()},this.icon&&"end"===this.iconPosition?a("p-icon",{class:n("flex",{"mt-1":"read"===this.variant&&"base"===this.size}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.icon}):r))))}watchvalue(t){this._inputRef&&t!==this._lastValue&&(this._lastValue=t,this._inputRef.value=t)}handleFocusIn(){this.disabled||(this._focused=!0,this._selectAll())}handleFocusOut(){this.disabled||(this._focused=!1)}handleKeyup(t){this.disabled?t.preventDefault():this._internals?.form&&"textarea"!==this.type&&"Enter"===t.key&&this._internals.form.requestSubmit()}handleKeydown(t){this.disabled||"Enter"===t.key&&this.enter.emit(this.value)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]'),e=!!this._el.querySelector(':scope > [slot="label"]'),r=!!this._el.querySelector(':scope > [slot="prefix"]'),i=!!this._el.querySelector(':scope > [slot="suffix"]'),o=!!this._el.querySelector(':scope > [slot="header"]'),s=!!this._el.querySelector(':scope > [slot="error"]'),n=!!this._el.querySelector(':scope > [slot="value"]'),d=r?a("slot",{name:"prefix"}):this.prefix,h=i?a("slot",{name:"suffix"}):this.suffix,l=this.error&&"string"==typeof this.error&&"true"!==this.error;return{id:this.id?.length?this.id:this._nonce,hasHelperSlot:t,hasLabelSlot:e,hasPrefixSlot:r,hasSuffixSlot:i,hasHeaderSlot:o,hasErrorSlot:s,hasValueSlot:n,prefix:d,suffix:h,errorAndErrorIsNotBoolean:l}}_getContent(t=!1,e){if("read"===this.variant)return t?a("slot",{name:"value"}):this.value&&`${this.value}`.length>0?this.value:this.showAddOnEmpty?a("p-button",{icon:"plus",size:"sm",variant:"text",onClick:()=>this.add.emit()},this.addText):"—";if("slot"===this.type)return a("slot",{name:"input"});const r={id:e,class:m({disabled:s(this.disabled),isTextarea:"textarea"===this.type,error:!!this.error?.length}),value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:t=>this._valueChange(t)};let i=this.properties??{};return"string"==typeof i&&(i=JSON.parse(this.properties)),"textarea"===this.type?a("textarea",{ref:t=>this._setInputRef(t),...r,...i}):a("input",{ref:t=>this._setInputRef(t),type:this.type,...r,...i})}_setInputRef(t){this._inputRef=t,this.inputRefChange.emit(t)}_focusInput(){this._inputRef?this._inputRef.focus():this._el.querySelector(':scope > [slot="input"]')[this.focusMethod]()}_selectAll(){this._inputRef&&this.selectAllOnFocus&&this._inputRef.select()}_valueChange(t){t.stopPropagation();const e=t.originalTarget??t.target,r=e.value;this._lastValue=r,this.value=r,this.valueChange.emit(r),this._internals.setFormValue(e.value)}_checkAutoFocus(){this.autofocus&&(this._inputRef?this._focusInput():setTimeout((()=>this._checkAutoFocus()),100))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchvalue:0}]}}};p.style="*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}";const b=i(["w-full rounded-lg"],{variants:{variant:{read:null,write:null},size:{base:null,sm:null}},compoundVariants:[{variant:"read",size:"base",class:"h-5"},{variant:"read",size:"sm",class:"h-4"},{variant:"write",size:"base",class:"h-8"},{variant:"write",size:"sm",class:"h-6"}]}),x=class{constructor(r){t(this,r),this.focus=e(this,"focus",7)}_defaultOptionalTemplate=()=>h(this._locales.optional);id;align="start";label;loading=!1;loadingSize="base";variant;helper;required;showOptional=!0;error;errorPlacement;forceShowTooltip=!1;optionalTemplate=this._defaultOptionalTemplate;get _el(){return r(this)}focus;_locales={};componentWillLoad(){this._setLocales()}render(){const{hasHeaderSlot:t,hasErrorSlot:e,helper:r,label:i,errorAndErrorIsNotBoolean:d}=this._getSlotInfo();let h=a("slot",{key:"e795f4695850003f41a5bfb815893affee00e8de",name:"content",slot:"trigger"});return this.loading&&(h=a("p-loader",{key:"1f65c3ca60cefbf0740c9d7235a18a3e69f1c788",class:b({variant:this.variant,size:this.loadingSize}),slot:"trigger",variant:"ghost"})),a(o,{key:"9b4ab7a1d59cead07a2065b0d6bc72be41d24287"},a("label",{key:"ac31d16bdd75b4b236479638efd367f4771627d1",class:n("flex w-inherit flex-col gap-1",{"cursor-auto":"read"===this.variant}),htmlFor:this.id},a("div",{key:"512c7c3162d9a40483f5d43d7fbea5635c40b45d",class:n("\n         flex items-end justify-between gap-1\n         empty:hidden\n       ",{"flex-row-reverse":"end"===this.align})},(!!i?.length||!!r?.length)&&a("div",{key:"77b5887681e6537714b0352a02873a56ab22e304",class:"flex min-w-0 gap-2",onClick:()=>this.focus.emit()},a("span",{key:"786e241b3537a05c4bf12f58333d5c10065879c3",class:"\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         "},i),r&&a("p-helper",{key:"d14700f7a78349ffb1de0a39bcb92ca9833e7f3b",class:"flex flex-shrink-0",placement:"top"},r)),(!s(this.required)&&s(this.showOptional)||t)&&a("div",{key:"a3f63057ac68b62a68cf4d0b31b09039817ea87f",class:"flex items-center gap-1"},!s(this.required)&&s(this.showOptional)&&"write"===this.variant&&a("span",{key:"6e98ac54bcabfe7b4481b1745b7c25fbc0c1e717",class:"\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           "},this.optionalTemplate()),t&&a("slot",{key:"e4b5a07a66a036c619d0a788c959a3d80af2f58c",name:"header"}))),a("p-tooltip",{key:"d482091d838534d3f3e3f177c9f5ccd605e8e519",class:n({"w-full":"write"===this.variant||this.loading,"ml-auto":"end"===this.align,"font-normal":"read"===this.variant,"text-storm-500 dark:text-white":"read"===this.variant}),content:this.error,enableUserInput:!1,placement:this.errorPlacement,show:d&&s(this.forceShowTooltip,!1),variant:"error"},e&&a("slot",{key:"45fc720b8771ffca3ce381fcc98c162947aa1e71",name:"error",slot:"content"}),h)))}async _setLocales(){this._locales=await l(this._el)}_getSlotInfo(){const t=!!this._el.querySelector(':scope > [slot="helper"]'),e=!!this._el.querySelector(':scope > [slot="label"]'),r=!!this._el.querySelector(':scope > [slot="header"]'),i=!!this._el.querySelector(':scope > [slot="error"]');return{hasHelperSlot:t,hasLabelSlot:e,hasHeaderSlot:r,hasErrorSlot:i,helper:t?a("slot",{name:"helper"}):this.helper,label:e?a("slot",{name:"label"}):this.label,errorAndErrorIsNotBoolean:i||this.error&&"string"==typeof this.error&&"true"!==this.error}}};x.style="*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}";const f=class{constructor(e){t(this,e)}strategy="absolute";placement="top";render(){return a(o,{key:"d7f07b4f232bb43ce0988ea8533353a8d193e7bf"},a("p-tooltip",{key:"df76c8696c9621a6ea5431c5d256eded55de0b57",class:"flex",placement:this.placement,strategy:this.strategy},a("p-icon",{key:"f582de019e9a60ebe2296405354cb48ebfc4ca1f",class:"\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ",size:"sm",slot:"trigger",variant:"question-circle"}),a("div",{key:"1863361d1ec8867f5f403d823290273b77571516",slot:"content"},a("slot",{key:"d876213ee32eb63e77c9074391f8f31fd42ddd69"}))))}};f.style=".inline-flex{display:inline-flex}.h-\\[0\\.875rem\\]{height:.875rem}.w-\\[0\\.875rem\\]{width:.875rem}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.static{position:static}.absolute{position:absolute}.flex{display:flex}.cursor-pointer{cursor:pointer}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:hover\\:text-hurricane-200:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:hover\\:text-hurricane-200:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}";export{p as p_field,x as p_field_container,f as p_helper}