@paperless/core 2.13.10 → 2.14.1

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

@@ -2846,7 +2846,7 @@ const Cropper = class {
         const themeColor = state.theme === 'dark'
             ? 'rgba(70, 75, 84, 0.5)'
             : 'rgba(255, 255, 255, 0.5)';
-        return (h(ThemedHost, { key: '8de79414d99c04fce4f0c7b640bed695e4cc5853' }, this._loaded && (h("cropper-canvas", { key: '1180efdfdae579c524e03c6d5318d98a8882554f', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, h("cropper-image", { key: '27f2096a8780043674bfcedbc80124d7a7616874', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '9f8680d14c514aded609bf4b3fc15ca2f958fc32', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: '101c1b6e1856da2900416d169820cc24d4ac03d6', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '17db2d8220c79692a96adee92c73f2e11b6a5f46', action: 'move', plain: true }))), h("p-range", { key: 'e29991c21cb4034b4fcc47c4bbf7b8f6a1e1567d', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
+        return (h(ThemedHost, { key: '3b353db13602263b101450c6a57637e3369273a8' }, this._loaded && (h("cropper-canvas", { key: '028d136a13857f99d3ee6847f7cedf94f26ee150', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-off-white-700 bg-white dark:border-hurricane-200', onAction: () => this._onAction() }, h("cropper-image", { key: '680fbd3b0d5b7231b8bafec0af30859619cb5b58', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, translatable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'ef618b557fe0d7d6bb383a28b448da102c1c9c4e', class: 'aspect-branding rounded-full', "theme-color": themeColor, hidden: true }), h("cropper-selection", { key: 'e2d9c2efa1b2ad549a29ccad80a28467138cd9aa', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '138289e12ad4741750b6599e472734c049ecf30f', action: 'move', plain: true }))), h("p-range", { key: '010ccb2dec0cf21aca4c6569d2f64662d85f7c60', class: 'w-full px-14 tablet:max-w-xs tablet:px-1', value: this._currentScale, onValueChange: ev => this._onInput(ev.detail) })));
     }
     _setImageRef(ref) {
         if (this._imageRef) {

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

@@ -3065,7 +3065,7 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (h("p-dropdown", { key: 'f983f9d70e2b514c06a184c762ce6fd41b45108f', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown, isDatepicker: true }, h("p-field", { key: '5d88f082d3bfdc690c2ed8749f5223c51a96a369', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '4dfd8ae95b8d50d05975eda44c94f056c73d62f3', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
+        return (h("p-dropdown", { key: 'a3946a47842e6a337eeb7a06c6d7bcdffc6d6fb7', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown, isDatepicker: true }, h("p-field", { key: 'c2bc8883ca1ceb807d3402afcf6a708f176611b9', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, autoShowError: false, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '64b46bd7ad4423a4d8e67098836a3a7f790e85ef', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value &&
                 format(this._value, 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? locale$1 : locale,
                 }), min: this.minDate &&
@@ -3074,7 +3074,7 @@ const Datepicker = class {
                 }), max: this.maxDate &&
                 format(new Date(this.maxDate), 'yyyy-MM-dd', {
                     locale: state.locale === 'nl' ? locale$1 : locale,
-                }) })), h("div", { key: 'ede64561a07572a013c66e9129869673f32c05a8', slot: 'items' }, h("p-calendar", { key: '6350cc968146649a6c2c23820aafe6cafff0d972', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
+                }) })), h("div", { key: '997c17e44f5fa4e053ec79dd558a467a82ca2bc0', slot: 'items' }, h("p-calendar", { key: 'de48e13b9be3b7a412d8dd64ffc4bc8afc92ab34', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

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

@@ -40,12 +40,12 @@ const Divider = class {
     get _el() { return getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (h(ThemedHost, { key: 'a521baf944bae9068d43b9fdd63276379dd97904' }, h("div", { key: 'bf62b9634acbfa39a8184b5470eee2210166f6df', class: cn(content({
+        return (h(ThemedHost, { key: 'a3febd41c0e7e36c15689897b59ada29cf0b9c6f' }, h("div", { key: '0cb923ae247091a57bdc8127860362184f6898d7', class: cn(content({
                 variant: this.variant,
                 alignContent: this.alignContent,
             }), {
                 'text-off-white-700 dark:text-hurricane-400': !this._el.className.includes('text'),
-            }) }, h("div", { key: 'd13a8066101a46d43045e606d7c282da84f8b66a', class: 'flex items-center px-2 text-sm font-medium text-storm-400 empty:px-0 dark:text-hurricane-200' }, hasContent && h("slot", { key: 'bdd937e5b5acdd85b795c6ecf02a58c9f4586ea2' })))));
+            }) }, h("div", { key: '1e359cf9bae486fc782b06bb3ebe6813450e474a', class: 'flex items-center px-2 text-sm font-medium text-storm-400 empty:px-0 dark:text-hurricane-200' }, hasContent && h("slot", { key: 'b92fc0143d0a4cc15a0e4b9d3de3064ffeb45f9f' })))));
     }
 };
 Divider.style = dividerComponentCss;

package/dist/esm/p-drawer-body_3.entry.js

@@ -12,7 +12,7 @@ const DrawerBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: 'ad1b99c5aebbb4134066f14216f3b71b45c24eeb' });
+        return h("slot", { key: '194ec84d52cf81cf3a328ab077448b0e018ba055' });
     }
 };
 DrawerBody.style = drawerBodyComponentCss;
@@ -42,9 +42,9 @@ const DrawerContainer = class {
      */
     closing = false;
     render() {
-        return (h(ThemedHost, { key: '6f5f2850bf8c1d74a288f08d9fa135569fd8b2ca' }, h("div", { key: '5077adee44ac5299591828e2c8a1c731a2169b45', class: container({
+        return (h(ThemedHost, { key: 'e18acf1c203a721cb586fba77ace45ca9ec9d51a' }, h("div", { key: 'e01fff020922c8a7f58fac3508f46931742b9f63', class: container({
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '2e3a1f72fb1b24ee97d80fc8b83f001bd341efe1' }))));
+            }) }, h("slot", { key: '241fa219ecc19876547feeb9e3c538023e955a4d' }))));
     }
 };
 DrawerContainer.style = drawerContainerComponentCss;
@@ -75,7 +75,7 @@ const DrawerHeader = class {
      */
     close;
     render() {
-        return (h(ThemedHost, { key: 'd5f922cb1c1d339a5b85045d543de6618ae276d7' }, h("div", { key: '86cd6653facfb82037fef8dfca64f4da8f828e0b', class: header() }, h("div", { key: '8d0bd32d49b81e0483c66da2f87f830bc0810c49', class: content() }, this.showClose && (h("p-button", { key: 'd0fabf1e593a17f5d7935ea03f31d645de309665', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), h("div", { key: 'a3767307ab476e1fb64dbec272071426034eb56b', class: title() }, h("slot", { key: '8221ca5d5b6766caf2d5f9ad31c0cc898441e44a' })), this.showClose && h("div", { key: '301b580b43559b19d7647fcfe4b66b83746f77c1', class: 'size-8' })), h("p-smile", { key: '3a349866a7953b32cd6751bf44ac7f9df88f47d8', class: 'dark:text-hurricane-400' }))));
+        return (h(ThemedHost, { key: '890bcf998d1ee3b7bb8ad3999322632fe3f03c8b' }, h("div", { key: 'f5445a9c4783d7914e5bf99cc3c32e2b52640c60', class: header() }, h("div", { key: 'f2f9a335666b5759565797d898cc36647e6ba1a0', class: content() }, this.showClose && (h("p-button", { key: '07af744356fc424ee1bde678b230702c9050c713', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), h("div", { key: '1c1fd5c12f5b6a10559ea2ad166f3a91cbb76032', class: title() }, h("slot", { key: '1c6b72c6f06a6ae363203dd1004eda2aa564574a' })), this.showClose && h("div", { key: '51f7c34efa726cb1f8d5d7f2c4534146c1cfd32f', class: 'size-8' })), h("p-smile", { key: '672dacc70079079f20ea46aa2cc9ead8c36ddac2', class: 'dark:text-hurricane-400' }))));
     }
 };
 DrawerHeader.style = drawerHeaderComponentCss;

package/dist/esm/p-dropdown-menu-item.p-pagination-pages-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-dropdown-menu-item.p-pagination-pages-item.entry.js","sources":["src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx","src/components/atoms/pagination/pages-item/pagination-pages-item.component.css?tag=p-pagination-pages-item&encapsulation=shadow","src/components/atoms/pagination/pages-item/pagination-pages-item.component.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex gap-2 text-sm group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tstorm: null,\n\t\t\t\tnegative: null,\n\t\t\t\tpagination: 'text-xs px-2 text-storm-300 h-6',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tautoHeight: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tautoHeight: false,\n\t\t\t\tenableTextWrap: true,\n\t\t\t\tclass: 'min-h-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tautoHeight: false,\n\t\t\t\tenableTextWrap: false,\n\t\t\t\tclass: 'h-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['default', 'storm', 'negative'],\n\t\t\t\tclass: 'px-2 py-1 font-medium',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['default', 'pagination'],\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-indigo-50 dark:hover:bg-indigo-600/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-100 dark:bg-indigo-600/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-indigo-50 dark:bg-white/5',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white dark:text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-storm-500 dark:hover:bg-storm-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\tstorm: null,\n\t\t\tnegative: null,\n\t\t\tpagination: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-storm-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-300 group-hover:text-storm-500',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover:text-white',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-100 group-hover:text-white',\n\t\t\t\t'dark:text-storm-300 dark:group-hover:text-storm-500',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass:\n\t\t\t\t'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800 dark:text-negative-red-500',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'storm' | 'negative' | 'pagination' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\t/**\n\t *  wether to auto adjust the height\n\t */\n\t@Prop() autoHeight = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\tdropdownMenuItem({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true),\n\t\t\t\t\t\t\tautoHeight: asBoolean(this.autoHeight ?? false),\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded',\n\t\t\t\tcarousel: 'rounded-full border border-solid',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-off-white-300 dark:bg-hurricane-500 text-storm-400 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass:\n\t\t\t\t\t'hover:text-storm-500 hover:bg-off-white-500 dark:hover:bg-white/15 dark:hover:text-hurricane-100 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-storm-500 bg-off-white-700 dark:bg-hurricane-300 dark:text-white font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'bg-white text-storm-300 border-storm-100',\n\t\t\t\t\t'dark:bg-white/15 dark:border-white/15 dark:text-hurricane-200',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: [\n\t\t\t\t\t'hover:bg-white-600 hover:text-storm-500 active:bg-white-600 active:border-indigo-600 active:ring active:ring-2 active:ring-indigo-100 cursor-pointer',\n\t\t\t\t\t'dark:hover:ring-0 dark:hover:bg-white/25 dark:hover:text-white',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: [\n\t\t\t\t\t'bg-white-600 text-storm-100 border-storm-500/20',\n\t\t\t\t\t'dark:bg-hurricane-500 dark:border-white/5 dark:text-hurricane-300',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n\tshadow: true,\n})\nexport class PaginationPagesItem {\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'carousel' = 'default';\n\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the pagination item has hover\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={item({\n\t\t\t\t\t\tvariant: this.variant ?? 'default',\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\thover: asBoolean(this.hover, true),\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/p-dropdown-menu-item_2.entry.js

@@ -0,0 +1,362 @@
+import { r as registerInstance, h } from './index-Dpmiv2da.js';
+import { c as cva } from './index-CO0T2jO4.js';
+import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
+import { c as cn } from './cn-BniKgfyU.js';
+import { T as ThemedHost } from './themed-host.component-C8HmhEcP.js';
+import './clsx-ChV9xqsO.js';
+import './state-DKMgUotc.js';
+
+const dropdownMenuItemComponentCss = "*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.min-h-8{min-height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-indigo-50{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-storm-600{--tw-bg-opacity:1!important;background-color:rgb(15 22 34/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-500{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-indigo-50:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-storm-500:hover{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-indigo-600\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.2)!important}.dark\\:bg-negative-red-500\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(230,30,30,.15)!important}.dark\\:bg-storm-500\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)!important}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-storm-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-indigo-600\\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)!important}.dark\\:hover\\:bg-negative-red-500\\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(230,30,30,.1)!important}.dark\\:hover\\:bg-storm-500\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.15)!important}.group:hover .dark\\:group-hover\\:text-negative-red-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.group:hover .dark\\:group-hover\\:text-storm-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .dark\\:group-hover\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-indigo-600\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.2)!important}.dark\\:bg-negative-red-500\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(230,30,30,.15)!important}.dark\\:bg-storm-500\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)!important}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-storm-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-storm-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-indigo-600\\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)!important}.dark\\:hover\\:bg-negative-red-500\\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(230,30,30,.1)!important}.dark\\:hover\\:bg-storm-500\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.15)!important}.group:hover .dark\\:group-hover\\:text-negative-red-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.group:hover .dark\\:group-hover\\:text-storm-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.group:hover .dark\\:group-hover\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+
+const dropdownMenuItem = cva([
+    'p-dropdown-menu-item flex gap-2 text-sm group rounded-lg items-center max-w-full',
+], {
+    variants: {
+        variant: {
+            default: null,
+            storm: null,
+            negative: null,
+            pagination: 'text-xs px-2 text-storm-300 h-6',
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: 'cursor-pointer',
+            true: 'cursor-not-allowed',
+        },
+        enableHover: {
+            false: null,
+            true: null,
+        },
+        enableTextWrap: {
+            true: null,
+            false: null,
+        },
+        autoHeight: {
+            true: null,
+            false: null,
+        },
+    },
+    compoundVariants: [
+        {
+            autoHeight: false,
+            enableTextWrap: true,
+            class: 'min-h-8',
+        },
+        {
+            autoHeight: false,
+            enableTextWrap: false,
+            class: 'h-8',
+        },
+        {
+            variant: ['default', 'storm', 'negative'],
+            class: 'px-2 py-1 font-medium',
+        },
+        {
+            variant: ['default', 'pagination'],
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'hover:bg-indigo-50 dark:hover:bg-indigo-600/10',
+        },
+        {
+            variant: 'default',
+            active: true,
+            disabled: false,
+            class: 'bg-indigo-100 dark:bg-indigo-600/20',
+        },
+        {
+            variant: 'default',
+            disabled: false,
+            class: 'text-storm-500 dark:text-white',
+        },
+        {
+            variant: 'default',
+            disabled: true,
+            class: 'text-storm-200 dark:text-hurricane-300',
+        },
+        {
+            variant: 'default',
+            disabled: true,
+            active: true,
+            class: 'bg-indigo-50 dark:bg-white/5',
+        },
+        {
+            variant: 'storm',
+            active: false,
+            enableHover: true,
+            class: 'text-white dark:text-storm-500',
+        },
+        {
+            variant: 'storm',
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'hover:bg-storm-500 dark:hover:bg-storm-500/15',
+        },
+        {
+            variant: 'storm',
+            active: true,
+            class: 'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',
+        },
+        {
+            variant: 'storm',
+            disabled: true,
+            class: 'opacity-40',
+        },
+        {
+            variant: 'negative',
+            active: false,
+            enableHover: true,
+            disabled: false,
+            class: 'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',
+        },
+        {
+            variant: 'negative',
+            active: true,
+            disabled: false,
+            class: 'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',
+        },
+        {
+            variant: 'negative',
+            disabled: true,
+            class: 'text-negative-red-100',
+        },
+        {
+            variant: 'negative',
+            disabled: true,
+            active: true,
+            class: 'bg-negative-red-50',
+        },
+        {
+            enableHover: true,
+            disabled: false,
+            class: 'cursor-pointer',
+        },
+    ],
+});
+const dropdownMenuItemIcon = cva(['text-base'], {
+    variants: {
+        variant: {
+            default: null,
+            storm: null,
+            negative: null,
+            pagination: null,
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'text-storm-100',
+        },
+        wave: {
+            true: 'group-hover:animate-wave',
+            false: null,
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'default',
+            active: false,
+            disabled: false,
+            class: [
+                'text-storm-300 group-hover:text-storm-500',
+                'dark:text-hurricane-200 dark:group-hover:text-white',
+            ],
+        },
+        {
+            variant: 'storm',
+            active: false,
+            disabled: false,
+            class: [
+                'text-storm-100 group-hover:text-white',
+                'dark:text-storm-300 dark:group-hover:text-storm-500',
+            ],
+        },
+        {
+            variant: 'negative',
+            active: false,
+            disabled: false,
+            class: 'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',
+        },
+        {
+            variant: 'negative',
+            active: true,
+            disabled: false,
+            class: 'text-negative-red-800 dark:text-negative-red-500',
+        },
+    ],
+});
+const DropdownMenuItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * Wether the dropdown menu item is active
+     */
+    active = false;
+    /**
+     * Wether the dropdown menu item has a checkbox
+     */
+    checkbox = false;
+    /**
+     * The variant of the item
+     */
+    variant = 'default';
+    /**
+     * Wether to enable the hover state
+     */
+    enableHover = true;
+    /**
+     * Wether to enable wrapping the text to a new line
+     */
+    enableTextWrap = false;
+    /**
+     * Wether the item is disabled
+     */
+    disabled = false;
+    /**
+     * Icon of the navigation item
+     */
+    icon;
+    /**
+     * Wether to apply wave animation to icon
+     */
+    iconWave = false;
+    /**
+     *  wether to use the container for text
+     */
+    useContainer = true;
+    /**
+     *  wether to auto adjust the height
+     */
+    autoHeight = false;
+    render() {
+        return (h(ThemedHost, { key: 'bd02b419750fd41c92e4508042c541eca53e21d3' }, h("div", { key: 'd4d80a953fcf379a0f8b8498a528a7489737b392', class: cn(dropdownMenuItem({
+                variant: this.variant,
+                active: asBoolean(this.active),
+                enableHover: asBoolean(this.enableHover ?? true),
+                autoHeight: asBoolean(this.autoHeight ?? false),
+                enableTextWrap: this.enableTextWrap,
+                disabled: asBoolean(this.disabled),
+            })) }, this.icon && (h("p-icon", { key: '9b2e87b3f8cb61642404acacc0300591802749b8', class: dropdownMenuItemIcon({
+                variant: this.variant,
+                active: asBoolean(this.active),
+                disabled: asBoolean(this.disabled),
+                wave: asBoolean(this.iconWave),
+            }), variant: this.icon })), this.checkbox && (h("p-checkbox", { key: 'e7634995855d4c7d32fbc7513a43db2980387edb', checked: this.active, disabled: this.disabled })), this.useContainer ? (h("div", { class: cn('block w-full overflow-hidden text-start', {
+                'text-ellipsis whitespace-nowrap': !this.enableTextWrap,
+            }) }, h("slot", null))) : (h("slot", null)))));
+    }
+};
+DropdownMenuItem.style = dropdownMenuItemComponentCss;
+
+const paginationPagesItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-500\\/20{border-color:rgba(24,30,41,.2)!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.hover\\:bg-off-white-500:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.active\\:border-indigo-600:active{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.active\\:bg-white-600:active{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.active\\:ring:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-2:active,.active\\:ring:active{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.active\\:ring-2:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.active\\:ring-indigo-100:active{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)!important}.dark\\:border-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.05)!important}.dark\\:bg-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/25:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)!important}.dark\\:hover\\:text-hurricane-100:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.dark\\:hover\\:text-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:ring-0:hover: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)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)!important}.dark\\:border-white\\/5:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.05)!important}.dark\\:bg-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/25:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)!important}.dark\\:hover\\:text-hurricane-100:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.dark\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:ring-0:hover: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)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}";
+
+const item = cva([
+    'p-pagination-item',
+    'text-sm ',
+    'h-6 w-6',
+    'flex items-center justify-center text-center',
+], {
+    variants: {
+        variant: {
+            default: 'rounded',
+            carousel: 'rounded-full border border-solid',
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        hover: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'cursor-not-allowed',
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'default',
+            active: false,
+            class: 'bg-off-white-300 dark:bg-hurricane-500 text-storm-400 dark:text-hurricane-200',
+        },
+        {
+            variant: 'default',
+            active: false,
+            hover: true,
+            class: 'hover:text-storm-500 hover:bg-off-white-500 dark:hover:bg-white/15 dark:hover:text-hurricane-100 cursor-pointer',
+        },
+        {
+            variant: 'default',
+            active: true,
+            class: 'text-storm-500 bg-off-white-700 dark:bg-hurricane-300 dark:text-white font-semibold',
+        },
+        {
+            variant: 'carousel',
+            disabled: false,
+            class: [
+                'bg-white text-storm-300 border-storm-100',
+                'dark:bg-white/15 dark:border-white/15 dark:text-hurricane-200',
+            ],
+        },
+        {
+            variant: 'carousel',
+            disabled: false,
+            hover: true,
+            class: [
+                'hover:bg-white-600 hover:text-storm-500 active:bg-white-600 active:border-indigo-600 active:ring active:ring-2 active:ring-indigo-100 cursor-pointer',
+                'dark:hover:ring-0 dark:hover:bg-white/25 dark:hover:text-white',
+            ],
+        },
+        {
+            variant: 'carousel',
+            disabled: true,
+            class: [
+                'bg-white-600 text-storm-100 border-storm-500/20',
+                'dark:bg-hurricane-500 dark:border-white/5 dark:text-hurricane-300',
+            ],
+        },
+    ],
+});
+const PaginationPagesItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * The variant of the item
+     */
+    variant = 'default';
+    /**
+     * Wether the pagination item is active
+     */
+    active = false;
+    /**
+     * Wether the pagination item has hover
+     */
+    hover = true;
+    /**
+     * Wether the pagination item is disabled
+     */
+    disabled = false;
+    render() {
+        return (h(ThemedHost, { key: '6103faba648355937dd1c9b3146c56a5d3b2f77e' }, h("div", { key: 'fc052a08fad1343827f03bf4dbbeee1565279428', class: item({
+                variant: this.variant ?? 'default',
+                active: asBoolean(this.active),
+                hover: asBoolean(this.hover, true),
+                disabled: asBoolean(this.disabled),
+            }) }, h("slot", { key: '0f1f2c99de238357805489150482887fafbdf0d5' }))));
+    }
+};
+PaginationPagesItem.style = paginationPagesItemComponentCss;
+
+export { DropdownMenuItem as p_dropdown_menu_item, PaginationPagesItem as p_pagination_pages_item };
+//# sourceMappingURL=p-dropdown-menu-item.p-pagination-pages-item.entry.js.map
+
+//# sourceMappingURL=p-dropdown-menu-item_2.entry.js.map

package/dist/esm/p-dropdown-menu-item_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-dropdown-menu-item.p-pagination-pages-item.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx","src/components/atoms/pagination/pages-item/pagination-pages-item.component.css?tag=p-pagination-pages-item&encapsulation=shadow","src/components/atoms/pagination/pages-item/pagination-pages-item.component.tsx"],"sourcesContent":["","import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex gap-2 text-sm group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tstorm: null,\n\t\t\t\tnegative: null,\n\t\t\t\tpagination: 'text-xs px-2 text-storm-300 h-6',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tautoHeight: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tautoHeight: false,\n\t\t\t\tenableTextWrap: true,\n\t\t\t\tclass: 'min-h-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tautoHeight: false,\n\t\t\t\tenableTextWrap: false,\n\t\t\t\tclass: 'h-8',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['default', 'storm', 'negative'],\n\t\t\t\tclass: 'px-2 py-1 font-medium',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['default', 'pagination'],\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-indigo-50 dark:hover:bg-indigo-600/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-indigo-100 dark:bg-indigo-600/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-indigo-50 dark:bg-white/5',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white dark:text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-storm-500 dark:hover:bg-storm-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\tstorm: null,\n\t\t\tnegative: null,\n\t\t\tpagination: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-storm-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-300 group-hover:text-storm-500',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover:text-white',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-100 group-hover:text-white',\n\t\t\t\t'dark:text-storm-300 dark:group-hover:text-storm-500',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass:\n\t\t\t\t'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800 dark:text-negative-red-500',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'storm' | 'negative' | 'pagination' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\t/**\n\t *  wether to auto adjust the height\n\t */\n\t@Prop() autoHeight = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={cn(\n\t\t\t\t\t\tdropdownMenuItem({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true),\n\t\t\t\t\t\t\tautoHeight: asBoolean(this.autoHeight ?? false),\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded',\n\t\t\t\tcarousel: 'rounded-full border border-solid',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-off-white-300 dark:bg-hurricane-500 text-storm-400 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass:\n\t\t\t\t\t'hover:text-storm-500 hover:bg-off-white-500 dark:hover:bg-white/15 dark:hover:text-hurricane-100 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-storm-500 bg-off-white-700 dark:bg-hurricane-300 dark:text-white font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'bg-white text-storm-300 border-storm-100',\n\t\t\t\t\t'dark:bg-white/15 dark:border-white/15 dark:text-hurricane-200',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: [\n\t\t\t\t\t'hover:bg-white-600 hover:text-storm-500 active:bg-white-600 active:border-indigo-600 active:ring active:ring-2 active:ring-indigo-100 cursor-pointer',\n\t\t\t\t\t'dark:hover:ring-0 dark:hover:bg-white/25 dark:hover:text-white',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: [\n\t\t\t\t\t'bg-white-600 text-storm-100 border-storm-500/20',\n\t\t\t\t\t'dark:bg-hurricane-500 dark:border-white/5 dark:text-hurricane-300',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n\tshadow: true,\n})\nexport class PaginationPagesItem {\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'carousel' = 'default';\n\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the pagination item has hover\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={item({\n\t\t\t\t\t\tvariant: this.variant ?? 'default',\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\thover: asBoolean(this.hover, true),\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}