winduum 2.2.8 → 2.2.10

package/src/utilities/ripple/index.js

@@ -5,21 +5,21 @@
  * @returns void
  */
 export const showRipple = ({ currentTarget, offsetX, offsetY }, rippleElement = currentTarget.querySelector('.ripple')) => {
-    if (!rippleElement) {
-        currentTarget.insertAdjacentHTML('beforeend', '<div class="ripple"></div>')
-        rippleElement = currentTarget.querySelector('.ripple')
-    }
+  if (!rippleElement) {
+    currentTarget.insertAdjacentHTML('beforeend', '<div class="ripple"></div>')
+    rippleElement = currentTarget.querySelector('.ripple')
+  }
 
-    rippleElement.classList.remove('animation-[ripple]')
+  rippleElement.classList.remove('animation-[ripple]')
 
-    if (rippleElement.clientWidth === 0 && rippleElement.clientHeight === 0) {
-        const d = Math.max(currentTarget.offsetWidth, currentTarget.offsetHeight)
+  if (rippleElement.clientWidth === 0 && rippleElement.clientHeight === 0) {
+    const d = Math.max(currentTarget.offsetWidth, currentTarget.offsetHeight)
 
-        rippleElement.style.width = d + 'px'
-        rippleElement.style.height = d + 'px'
-    }
+    rippleElement.style.width = d + 'px'
+    rippleElement.style.height = d + 'px'
+  }
 
-    rippleElement.style.top = offsetY - (rippleElement.clientHeight / 2) + 'px'
-    rippleElement.style.left = offsetX - (rippleElement.clientWidth / 2) + 'px'
-    rippleElement.classList.add('animation-[ripple]')
+  rippleElement.style.top = offsetY - (rippleElement.clientHeight / 2) + 'px'
+  rippleElement.style.left = offsetX - (rippleElement.clientWidth / 2) + 'px'
+  rippleElement.classList.add('animation-[ripple]')
 }

package/src/utilities/skeleton/props/default.css

@@ -1,4 +1,5 @@
-:root, :host {
+:root,
+:host {
   --skeleton-opacity: 50%;
   --skeleton-gradient-from: color-mix(in var(--default-color-space), var(--color-body) 50%, var(--color-main));
   --skeleton-gradient-to: color-mix(in var(--default-color-space), var(--color-body) 80%, var(--color-main));

package/src/utilities/spinner/default.css

@@ -4,10 +4,10 @@
   border-radius: 50%;
   border-width: var(--spinner-border-width, 2px);
   border-color:
-    color-mix(in var(--default-color-space), currentColor var(--spinner-border-block-start-color-opacity, 100%), transparent)
-    color-mix(in var(--default-color-space), currentColor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
-    color-mix(in var(--default-color-space), currentColor var(--spinner-border-block-end-color-opacity, 100%), transparent)
-    color-mix(in var(--default-color-space), currentColor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
+    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-start-color-opacity, 100%), transparent)
+    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
+    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-end-color-opacity, 100%), transparent)
+    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
   border-style: solid;
   animation: linear var(--spinner-animation-duration, 1s) infinite spin;
 }

package/src/utilities/spinner/ring.css

@@ -10,6 +10,6 @@
     stroke-linecap: round;
     animation: spinner-ring-stretch calc(var(--spinner-animation-duration) * 0.75) ease-in-out infinite;
     fill: none;
-    stroke: currentColor;
+    stroke: currentcolor;
   }
 }

package/src/utilities/swap/index.js

@@ -4,9 +4,9 @@
  * @returns void
  */
 export const toggleSwap = (element) => {
-    const ariaVisible = element.querySelector('[aria-hidden="false"]')
-    const ariaHidden = element.querySelector('[aria-hidden="true"]')
+  const ariaVisible = element.querySelector('[aria-hidden="false"]')
+  const ariaHidden = element.querySelector('[aria-hidden="true"]')
 
-    ariaVisible.ariaHidden = 'true'
-    ariaHidden.ariaHidden = 'false'
+  ariaVisible.ariaHidden = 'true'
+  ariaHidden.ariaHidden = 'false'
 }

package/tailwind.config.js

@@ -1,21 +1,20 @@
 import winduum from './plugin/index.js'
-import containerQueries from '@tailwindcss/container-queries'
+import process from 'node:process'
 
 export default {
-    darkMode: 'class',
-    content: [
-        './src/**/*.{js,html}',
-        process.argv.includes('vite.config.prod.js') ? './playground/tailwind.html' : './playground/**/*.{js,html,vue}'
-    ],
-    plugins: [
-        winduum({
-            settings: {
-                rgb: false
-            }
-        }),
-        containerQueries
-    ],
-    future: {
-        hoverOnlyWhenSupported: true
-    }
+  darkMode: 'class',
+  content: [
+    './src/**/*.{js,html}',
+    process.argv.includes('vite.config.prod.js') ? './playground/tailwind.html' : './playground/**/*.{js,html,vue}',
+  ],
+  plugins: [
+    winduum({
+      settings: {
+        rgb: false,
+      },
+    }),
+  ],
+  future: {
+    hoverOnlyWhenSupported: true,
+  },
 }

package/tailwindcss/base/defaults.css

@@ -1,9 +1,10 @@
-::after, ::before {
+::after,
+::before {
   --tw-content: "";
 }
 
 :where(*),
 :where(*)::before,
 :where(*)::after {
-  border: 0 solid currentColor;
+  border: 0 solid currentcolor;
 }

package/tailwindcss/theme/config/transition.css

@@ -13,7 +13,8 @@
 }
 
 @media (prefers-reduced-motion) {
-  :root, :host {
+  :root,
+  :host {
     --default-transition-duration: 0;
     --view-transition-main-duration: 0;
   }

package/tailwindcss/theme/default.css

@@ -1,5 +1,5 @@
 @theme {
-  --default-color-space: sRGB;
+  --default-color-space: srgb;
   --default-color-scheme: light;
   --color-accent: var(--color-primary);
   --color-accent-foreground: var(--color-primary-foreground);

package/tailwindcss/utilities/divider.css

@@ -7,7 +7,8 @@
     gap: var(--divider-gap, calc(var(--spacing) * 3));
   }
 
-  &::before, &::after {
+  &::before,
+  &::after {
     content: "";
     flex-grow: 1;
     border: 0;
@@ -23,7 +24,8 @@
 @utility divider-vertical {
   flex-direction: column;
 
-  &::before, &::after {
+  &::before,
+  &::after {
     border: 0;
     border-inline-start:
       1px solid color-mix(

package/tailwindcss/utilities/dot.css

@@ -3,7 +3,7 @@
   inline-size: 0.5rem;
   block-size: 0.5rem;
   border-radius: var(--radius-full);
-  background-color: currentColor;
+  background-color: currentcolor;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;

package/tailwindcss/utilities/spinner.css

@@ -4,10 +4,10 @@
   border-radius: 50%;
   border-width: var(--spinner-border-width, 2px);
   border-color:
-    color-mix(in var(--default-color-space), currentColor var(--spinner-border-block-start-color-opacity, 100%), transparent)
-    color-mix(in var(--default-color-space), currentColor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
-    color-mix(in var(--default-color-space), currentColor var(--spinner-border-block-end-color-opacity, 100%), transparent)
-    color-mix(in var(--default-color-space), currentColor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
+    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-start-color-opacity, 100%), transparent)
+    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-end-color-opacity, 100%), transparent)
+    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-block-end-color-opacity, 100%), transparent)
+    color-mix(in var(--default-color-space), currentcolor var(--spinner-border-inline-start-color-opacity, 0%), transparent);
   border-style: solid;
   animation: linear var(--spinner-animation-duration, 1s) infinite spin;
 }
@@ -30,6 +30,6 @@
     stroke-linecap: round;
     animation: spinner-ring-stretch calc(var(--spinner-animation-duration) * 0.75) ease-in-out infinite;
     fill: none;
-    stroke: currentColor;
+    stroke: currentcolor;
   }
 }

package/types/index.d.ts

@@ -107,7 +107,7 @@ declare module 'winduum/src/components/dialog' {
 		openAttribute?: string
 		closedAttribute?: string
 		contentSelector?: string
-		scrollbarWidthProperty?: string
+		scrollbarWidthProperty?: string | null
 	}
 
 	export const defaultOptions: DefaultOptions
@@ -131,6 +131,8 @@ declare module 'winduum/src/components/drawer' {
 	export function showDrawer(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top'): void
 	export function closeDrawer(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top'): void
 	export function scrollInitDrawer(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top'): void
+	export function toggleDrawerAttributes(element: HTMLDialogElement | Element, state?: 'open' | 'close', snapClass?: string): void
+	export function scrollDrawerState(scrollState: number, scrollDirection: number): boolean
 	export function scrollDrawer(element: HTMLDialogElement | Element, options?: ScrollDrawerOptions): void
 
 	export {};

package/types/index.d.ts.map

@@ -34,6 +34,8 @@
 		"showDrawer",
 		"closeDrawer",
 		"scrollInitDrawer",
+		"toggleDrawerAttributes",
+		"scrollDrawerState",
 		"scrollDrawer",
 		"ValidateFormOptions",
 		"ValidateFieldOptions",
@@ -93,6 +95,6 @@
 		null,
 		null
 	],
-	"mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;yBAEFC,YAAYA;;;;;;kBCxBnBC,sBAAsBA;;;;;;;;kBAQtBC,yBAAyBA;;;;;;kBAMzBC,qBAAqBA;;;;;;;;kBAQrBC,uBAAuBA;;;;;kBAKvBC,mBAAmBA;;;;iBAIpBC,UAAUA;iBACVC,UAAUA;iBACVC,QAAQA;iBACRC,YAAYA;iBACZC,eAAeA;iBACfC,cAAcA;iBACdC,kBAAkBA;iBAClBC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCvCXC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;kBCPXC,cAAcA;;;;;cAKlBC,cAAcA;iBACXC,WAAWA;iBACXC,YAAYA;iBACZC,aAAaA;;;;;;kBCRZJ,cAAcA;;;;;;;;;;cAUlBC,cAAcA;iBACXI,UAAUA;iBACVC,WAAWA;;;;;;kBCZVC,mBAAmBA;;;;;;;;;;iBAUpBC,UAAUA;iBACVC,WAAWA;iBACXC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCbXC,mBAAmBA;;;;;;;;kBAQnBC,oBAAoBA;;;;;;;;;;;;;;;;;;;iBAmBrBC,YAAYA;iBACZC,aAAaA;;;;;;WC5BnBC,gBAAgBA;;;;;iBAKVC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;;iBAMlBC,UAAUA;iBACVC,SAASA;;;;;;kBCdRF,iBAAiBA;;;;;iBAKlBG,YAAYA;;;;;;;kBCHXC,kBAAkBA;;;;;;;;;;;kBAWlBC,kBAAkBA;;;;iBAInBC,WAAWA;iBACXC,WAAWA;iBACXC,aAAaA;;;;;;kBCnBZC,uBAAuBA;;;;;;;kBAOvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;kBCnBbC,eAAeA;;;;;;iBAMhBC,UAAUA;;;;;;iBCNVC,UAAUA",
+	"mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;yBAEFC,YAAYA;;;;;;kBCxBnBC,sBAAsBA;;;;;;;;kBAQtBC,yBAAyBA;;;;;;kBAMzBC,qBAAqBA;;;;;;;;kBAQrBC,uBAAuBA;;;;;kBAKvBC,mBAAmBA;;;;iBAIpBC,UAAUA;iBACVC,UAAUA;iBACVC,QAAQA;iBACRC,YAAYA;iBACZC,eAAeA;iBACfC,cAAcA;iBACdC,kBAAkBA;iBAClBC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCvCXC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;kBCPXC,cAAcA;;;;;cAKlBC,cAAcA;iBACXC,WAAWA;iBACXC,YAAYA;iBACZC,aAAaA;;;;;;kBCRZJ,cAAcA;;;;;;;;;;cAUlBC,cAAcA;iBACXI,UAAUA;iBACVC,WAAWA;;;;;;kBCZVC,mBAAmBA;;;;;;;;;;iBAUpBC,UAAUA;iBACVC,WAAWA;iBACXC,gBAAgBA;iBAChBC,sBAAsBA;iBACtBC,iBAAiBA;iBACjBC,YAAYA;;;;;;kBCfXC,mBAAmBA;;;;;;;;kBAQnBC,oBAAoBA;;;;;;;;;;;;;;;;;;;iBAmBrBC,YAAYA;iBACZC,aAAaA;;;;;;WC5BnBC,gBAAgBA;;;;;iBAKVC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;;iBAMlBC,UAAUA;iBACVC,SAASA;;;;;;kBCdRF,iBAAiBA;;;;;iBAKlBG,YAAYA;;;;;;;kBCHXC,kBAAkBA;;;;;;;;;;;kBAWlBC,kBAAkBA;;;;iBAInBC,WAAWA;iBACXC,WAAWA;iBACXC,aAAaA;;;;;;kBCnBZC,uBAAuBA;;;;;;;kBAOvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;kBCnBbC,eAAeA;;;;;;iBAMhBC,UAAUA;;;;;;iBCNVC,UAAUA",
 	"ignoreList": []
 }