@plusui/library 0.1.14 → 0.1.16

package/cdn/components/modal/modal.style.js

@@ -2,99 +2,128 @@ import { c as ce } from '../../index-B9iart53.js';
 
 const modalStyle = ce({
     slots: {
-        base: ['plus-modal font-sans antialiased'],
-        modalOverlay: [
-            'modal-overlay fixed inset-0 z-40',
-            'bg-color-overlay/50',
-            'transition-opacity duration-300 ease-in-out',
+        dialog: [
+            'plus-modal fixed inset-0 m-0 p-0 w-full max-w-full h-full max-h-full',
+            'border-none bg-transparent',
+            'backdrop:bg-color-overlay/50',
+            'backdrop:transition-opacity backdrop:duration-300',
         ],
-        modalClass: [
-            'modal fixed z-50 inset-0 overflow-y-auto',
-            'flex items-center justify-center',
-            'transition-all duration-300 ease-in-out',
-            'w-full mx-auto h-fit mt-10',
+        container: [
+            'fixed inset-0 flex items-start justify-center p-4',
+            'overflow-y-auto overscroll-contain',
         ],
-        modalContainer: [
-            'modal-container relative w-full',
-            'bg-color-surface',
-            'shadow-elevation-lg',
-            'text-color-default',
-            'flex flex-col',
-            'rounded-lg max-h-[90vh] mx-4',
+        modal: [
+            'relative bg-color-surface text-color-default',
+            'rounded-lg shadow-elevation-lg',
             'transform transition-all duration-300 ease-in-out',
+            'flex flex-col',
         ],
-        modalHeader: [
-            'modal-header flex justify-between items-center',
+        header: [
+            'flex justify-between items-start',
             'py-3 px-4',
-            'bg-color-base',
+            'bg-color-base text-color-default',
             'font-semibold text-lg',
             'rounded-t-lg',
             'border-b border-color-default',
         ],
-        modalBody: [
-            'modal-body flex-1 p-4',
+        headerContent: [
+            'flex-1 min-w-0 flex items-center gap-2',
+        ],
+        body: [
+            'flex-1 p-4',
             'overflow-y-auto',
         ],
-        modalFooter: [
-            'modal-footer flex justify-end items-center',
+        footer: [
+            'flex justify-end items-center',
             'py-3 px-4 gap-2',
             'rounded-b-lg',
             'bg-color-surface',
             'border-t border-color-default',
         ],
-        modalCloseButtonClass: [
-            'modal-close-button absolute top-2 right-2 p-2',
+        closeButton: [
+            'absolute top-2 right-2 p-2',
             'text-color-default',
             'cursor-pointer',
             'hover:text-color-primary',
             'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-color-primary',
             'transition-colors duration-200 ease-in-out',
             'rounded-full hover:bg-color-default/10',
+            'bg-transparent border-none',
         ],
     },
     variants: {
         size: {
             sm: {
-                modalClass: 'max-w-sm',
+                modal: 'max-w-sm',
             },
             md: {
-                modalClass: 'max-w-md',
+                modal: 'max-w-md',
             },
             lg: {
-                modalClass: 'max-w-lg',
+                modal: 'max-w-lg',
             },
             xl: {
-                modalClass: 'max-w-xl',
+                modal: 'max-w-xl',
             },
             '2xl': {
-                modalClass: 'max-w-2xl',
+                modal: 'max-w-2xl',
             },
             full: {
-                modalClass: 'max-w-[calc(100%-2rem)]',
+                modal: 'max-w-[calc(100%-2rem)]',
             },
         },
-        isOpen: {
+        open: {
             true: {
-                modalClass: 'opacity-100 pointer-events-auto',
-                modalOverlay: 'opacity-100 pointer-events-auto',
-                modalContainer: 'scale-100 opacity-100',
+                modal: 'opacity-100 translate-y-0 scale-100',
             },
             false: {
-                modalClass: 'opacity-0 pointer-events-none',
-                modalOverlay: 'opacity-0 pointer-events-none',
-                modalContainer: 'scale-95 opacity-0',
+                modal: 'opacity-0 -translate-y-4 scale-95',
+            },
+        },
+        placement: {
+            center: {
+                container: 'items-center',
+            },
+            top: {
+                container: 'items-start pt-20',
             },
         },
         fullWidth: {
             true: {
-                modalClass: 'max-w-[calc(100%-2rem)]',
+                modal: 'max-w-[calc(100%-2rem)] w-full',
+            },
+        },
+        fullScreen: {
+            true: {
+                modal: 'rounded-none w-screen h-screen max-w-none max-h-none',
+                container: 'p-0',
+            },
+        },
+        shake: {
+            true: {
+                modal: 'animate-shake',
+            },
+        },
+        noHeader: {
+            true: {
+                header: 'hidden',
+            },
+        },
+        noFooter: {
+            true: {
+                footer: 'hidden',
             },
         },
     },
     defaultVariants: {
         size: 'md',
-        isOpen: false,
+        open: false,
+        placement: 'center',
         fullWidth: false,
+        fullScreen: false,
+        shake: false,
+        noHeader: false,
+        noFooter: false,
     },
 });
 

package/cdn/components/popconfirm/index.js

@@ -7,7 +7,7 @@ import '../../base-Cl6v8-BZ.js';
 import '../../floating-ui.dom-OBaMlALa.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import './popconfirm.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/popconfirm/popconfirm.js

@@ -7,7 +7,7 @@ import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { popconfirmStyle } from './popconfirm.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 var PopconfirmTrigger;

package/cdn/components/popover/index.js

@@ -7,7 +7,7 @@ import '../../base-Cl6v8-BZ.js';
 import '../../floating-ui.dom-OBaMlALa.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import './popover.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/popover/popover.js

@@ -7,7 +7,7 @@ import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { popoverStyle } from './popover.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 var PopoverTrigger;

package/cdn/components/radio/index.js

@@ -6,7 +6,7 @@ import '../../query-CHb9Ft_d.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import './radio.style.js';
 import '../../index-B9iart53.js';
 import '../../style-map-DC_vNus2.js';

package/cdn/components/radio/radio.js

@@ -7,7 +7,7 @@ import Tailwind from '../base/tailwind-base.js';
 import { radioStyle } from './radio.style.js';
 import { o } from '../../style-map-DC_vNus2.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 import '../../directive-DZCF8pFJ.js';
 

package/cdn/components/radio-group/index.js

@@ -3,7 +3,7 @@ import '../../property-DiPQx9S3.js';
 import '../../lit-element-ByzbtpGk.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import './radio-group.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/radio-group/radio-group.js

@@ -3,7 +3,7 @@ import { x } from '../../lit-element-ByzbtpGk.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { radioGroupStyle } from './radio-group.style.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 class PlusRadioGroup extends Tailwind {

package/cdn/components/rating/index.js

@@ -10,7 +10,7 @@ import '../../index-B9iart53.js';
 import '../label/label.style.js';
 import '../caption/caption.style.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../utils/boolean-converter.js';
 
 customElements.define('plus-rating', PlusRating);

package/cdn/components/rating/rating.js

@@ -10,7 +10,7 @@ import { labelStyle } from '../label/label.style.js';
 import { captionStyle } from '../caption/caption.style.js';
 import '../../directive-DZCF8pFJ.js';
 import '../../index-B9iart53.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 
 /**
  * @tag plus-rating

package/cdn/components/segmented-picker/index.js

@@ -2,7 +2,7 @@ import PlusSegmentedPicker from './segmented-picker.component.js';
 import '../../property-DiPQx9S3.js';
 import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
 import './segmented-picker.style.js';

package/cdn/components/segmented-picker/segmented-picker.component.js

@@ -3,7 +3,7 @@ import { x } from '../../lit-element-ByzbtpGk.js';
 import Tailwind from '../base/tailwind-base.js';
 import { o } from '../../query-assigned-elements-B8Evmg7O.js';
 import { segmentedPickerStyle } from './segmented-picker.style.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/segmented-picker-item/index.js

@@ -2,7 +2,7 @@ import PlusSegmentedPickerItem from './segmented-picker-item.component.js';
 import '../../property-DiPQx9S3.js';
 import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../state-D1d5Sfj8.js';
 import '../../utils/boolean-converter.js';
 import './segmented-picker-item.style.js';

package/cdn/components/segmented-picker-item/segmented-picker-item.component.js

@@ -4,7 +4,7 @@ import Tailwind from '../base/tailwind-base.js';
 import { r } from '../../state-D1d5Sfj8.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import { segmentedPickerItemStyle } from './segmented-picker-item.style.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/components/select/index.js

@@ -5,7 +5,7 @@ import '../../state-D1d5Sfj8.js';
 import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../floating-ui.dom-OBaMlALa.js';
 import './select.style.js';
 import '../../index-B9iart53.js';

package/cdn/components/select/select.js

@@ -7,7 +7,7 @@ import { c as computePosition, o as offset, s as shift, f as flip, b as autoUpda
 import { selectStyle } from './select.style.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/components/select-item/index.js

@@ -2,7 +2,7 @@ import PlusSelectItem from './select-item.js';
 import '../../property-DiPQx9S3.js';
 import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../if-defined-D-m3dgRf.js';
 import '../../live-BOAtKRUN.js';
 import '../../directive-DZCF8pFJ.js';

package/cdn/components/select-item/select-item.js

@@ -4,7 +4,7 @@ import { x } from '../../lit-element-ByzbtpGk.js';
 import { o } from '../../if-defined-D-m3dgRf.js';
 import { l } from '../../live-BOAtKRUN.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../directive-DZCF8pFJ.js';
 
 /**

package/cdn/components/service/index.js

@@ -7,7 +7,7 @@ import '../toast-container/toast-container.style.js';
 import '../../index-B9iart53.js';
 import '../../services/toast.service.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../toast/toast.js';
 import '../toast/toast.style.js';
 import '../../controllers/slot-controller.js';

package/cdn/components/service/service.js

@@ -6,7 +6,7 @@ import '../toast-container/toast-container.style.js';
 import '../../index-B9iart53.js';
 import '../../services/toast.service.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../toast/toast.js';
 import '../toast/toast.style.js';
 import '../../controllers/slot-controller.js';

package/cdn/components/tab/index.js

@@ -3,7 +3,7 @@ import '../../property-DiPQx9S3.js';
 import '../../lit-element-ByzbtpGk.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import './styles.js';
 import '../../index-B9iart53.js';
 import '../../style-map-DC_vNus2.js';

package/cdn/components/tab/tab.js

@@ -4,7 +4,7 @@ import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { tabStyle } from './styles.js';
 import { o } from '../../style-map-DC_vNus2.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 import '../../directive-DZCF8pFJ.js';
 

package/cdn/components/tab-group/index.js

@@ -6,7 +6,7 @@ import '../../query-CHb9Ft_d.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../tab/styles.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/tab-group/tab-group.js

@@ -6,7 +6,7 @@ import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { tabStyle } from '../tab/styles.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/components/tab-panel/index.js

@@ -3,7 +3,7 @@ import '../../property-DiPQx9S3.js';
 import '../../lit-element-ByzbtpGk.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../tab/styles.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/tab-panel/tab-panel.js

@@ -3,7 +3,7 @@ import { i, x } from '../../lit-element-ByzbtpGk.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
 import { tabStyle } from '../tab/styles.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/components/tag/index.js

@@ -3,7 +3,7 @@ import '../../property-DiPQx9S3.js';
 import '../../lit-element-ByzbtpGk.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import './tag.style.js';
 import '../../index-B9iart53.js';
 import '../../style-map-DC_vNus2.js';

package/cdn/components/tag/tag.js

@@ -4,7 +4,7 @@ import Tailwind from '../base/tailwind-base.js';
 import { i, x } from '../../lit-element-ByzbtpGk.js';
 import { tagStyle } from './tag.style.js';
 import { o } from '../../style-map-DC_vNus2.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 import '../../directive-DZCF8pFJ.js';
 

package/cdn/components/text/index.js

@@ -2,7 +2,7 @@ import { PlusText } from './text.js';
 import '../../property-DiPQx9S3.js';
 import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import './text.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/text/text.js

@@ -2,7 +2,7 @@ import { _ as __decorate, n as n$1 } from '../../property-DiPQx9S3.js';
 import { x } from '../../lit-element-ByzbtpGk.js';
 import Tailwind from '../base/tailwind-base.js';
 import { textStyle } from './text.style.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/components/textarea/index.js

@@ -6,7 +6,7 @@ import '../../query-CHb9Ft_d.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../if-defined-D-m3dgRf.js';
 import '../../live-BOAtKRUN.js';
 import '../../directive-DZCF8pFJ.js';

package/cdn/components/textarea/textarea.js

@@ -10,7 +10,7 @@ import { textareaStyle } from './textarea.style.js';
 import { labelStyle } from '../label/label.style.js';
 import { captionStyle } from '../caption/caption.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../directive-DZCF8pFJ.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/toast/index.js

@@ -4,7 +4,7 @@ import '../../lit-element-ByzbtpGk.js';
 import './toast.style.js';
 import '../../index-B9iart53.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../controllers/slot-controller.js';
 import '../../utils/boolean-converter.js';
 

package/cdn/components/toast/toast.js

@@ -5,7 +5,7 @@ import Tailwind from '../base/tailwind-base.js';
 import { SlotController } from '../../controllers/slot-controller.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import '../../index-B9iart53.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 
 /**
  * @tag plus-toast

package/cdn/components/toast-container/index.js

@@ -6,7 +6,7 @@ import './toast-container.style.js';
 import '../../index-B9iart53.js';
 import '../../services/toast.service.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../toast/toast.js';
 import '../toast/toast.style.js';
 import '../../controllers/slot-controller.js';

package/cdn/components/toast-container/toast-container.js

@@ -6,7 +6,7 @@ import { ToastService } from '../../services/toast.service.js';
 import Tailwind from '../base/tailwind-base.js';
 import '../toast/toast.js';
 import '../../index-B9iart53.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../toast/toast.style.js';
 import '../../controllers/slot-controller.js';
 import '../../utils/boolean-converter.js';

package/cdn/components/toggle/index.js

@@ -7,7 +7,7 @@ import '../../base-Cl6v8-BZ.js';
 import '../../live-BOAtKRUN.js';
 import '../../directive-DZCF8pFJ.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../caption/caption.style.js';
 import '../../index-B9iart53.js';
 import '../label/label.style.js';

package/cdn/components/toggle/toggle.js

@@ -12,7 +12,7 @@ import { o } from '../../style-map-DC_vNus2.js';
 import { booleanConverter } from '../../utils/boolean-converter.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../directive-DZCF8pFJ.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/components/tooltip/index.js

@@ -6,7 +6,7 @@ import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
 import '../../floating-ui.dom-OBaMlALa.js';
 import '../base/tailwind-base.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import './tooltip.style.js';
 import '../../index-B9iart53.js';
 

package/cdn/components/tooltip/tooltip.js

@@ -6,7 +6,7 @@ import { c as computePosition, o as offset, s as shift, f as flip, a as arrow, b
 import Tailwind from '../base/tailwind-base.js';
 import { tooltipStyle } from './tooltip.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-8uGSRUk7.js';
+import '../../global-m-W73pez.js';
 import '../../index-B9iart53.js';
 
 /**

package/cdn/factory/tailwind-factory.js

@@ -1,5 +1,5 @@
 import { r, a as r$1, i } from '../lit-element-ByzbtpGk.js';
-import { c as css_248z } from '../global-8uGSRUk7.js';
+import { c as css_248z } from '../global-m-W73pez.js';
 
 const createTailwind = (customCss) => {
     var _a;