winduum 2.2.20 → 3.0.0-next.1

package/tailwindcss/utilities/position.css

@@ -0,0 +1,179 @@
+@utility bottom {
+  position-area: block-end center;
+  position-try-fallbacks: flip-block;
+
+  > * {
+    transform-origin: top;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: bottom;
+    }
+  }
+}
+
+@utility bottom-start {
+  position-area: block-end span-inline-end;
+  position-try-fallbacks: flip-block;
+
+  > * {
+    transform-origin: top left;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: bottom left;
+    }
+  }
+}
+
+@utility bottom-end {
+  position-area: block-end span-inline-start;
+  position-try-fallbacks: flip-block;
+
+  > * {
+    transform-origin: top right;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: bottom right;
+    }
+  }
+}
+
+@utility top {
+  position-area: block-start center;
+  position-try-fallbacks: flip-block;
+
+  > * {
+    transform-origin: bottom;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: top;
+    }
+  }
+}
+
+@utility top-start {
+  position-area: block-start span-inline-end;
+  position-try-fallbacks: flip-block;
+
+  > * {
+    transform-origin: bottom left;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: top left;
+    }
+  }
+}
+
+@utility top-end {
+  position-area: block-start span-inline-start;
+  position-try-fallbacks: flip-block;
+
+  > * {
+    transform-origin: bottom right;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: top right;
+    }
+  }
+}
+
+@utility left {
+  position-area: inline-start center;
+  position-try-fallbacks: flip-inline;
+
+  > * {
+    transform-origin: right;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: left;
+    }
+  }
+}
+
+@utility left-start {
+  position-area: inline-start span-block-end;
+  position-try-fallbacks: flip-inline;
+
+  > * {
+    transform-origin: right top;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: left top;
+    }
+  }
+}
+
+@utility left-end {
+  position-area: inline-start span-block-start;
+  position-try-fallbacks: flip-inline;
+
+  > * {
+    transform-origin: right bottom;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: left bottom;
+    }
+  }
+}
+
+@utility right {
+  position-area: inline-end center;
+  position-try-fallbacks: flip-inline;
+
+  > * {
+    transform-origin: left;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: right;
+    }
+  }
+}
+
+@utility right-start {
+  position-area: inline-end span-block-end;
+  position-try-fallbacks: flip-inline;
+
+  > * {
+    transform-origin: left top;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: right top;
+    }
+  }
+}
+
+@utility right-end {
+  position-area: inline-end span-block-start;
+  position-try-fallbacks: flip-inline;
+
+  > * {
+    transform-origin: left bottom;
+  }
+
+  @container anchored(fallback: flip-block) {
+    > * {
+      transform-origin: right bottom;
+    }
+  }
+}

package/types/index.d.ts

@@ -85,34 +85,7 @@ declare module 'winduum/src/components/compare' {
 	export {};
 }
 
-declare module 'winduum/src/components/details' {
-	export interface DefaultOptions {
-		selector?: string
-		summarySelector?: string
-	}
-
-	export const defaultOptions: DefaultOptions
-	export function showDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>
-	export function closeDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>
-	export function toggleDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>
-
-	export {};
-}
-
 declare module 'winduum/src/components/dialog' {
-	export interface DefaultOptions {
-		remove?: boolean | null
-		closable?: boolean | null
-		modal?: boolean
-		openAttribute?: string
-		closedAttribute?: string
-		contentSelector?: string
-		scrollbarWidthProperty?: string | null
-	}
-
-	export const defaultOptions: DefaultOptions
-	export function showDialog(element: HTMLDialogElement | HTMLElement, options?: DefaultOptions): Promise<void>
-	export function closeDialog(element: HTMLDialogElement | HTMLElement, options?: DefaultOptions): Promise<void>
 
 	export {};
 }
@@ -215,25 +188,21 @@ declare module 'winduum/src/components/toaster' {
 }
 
 declare module 'winduum/src/components/popover' {
-	import type { FlipOptions, Middleware, OffsetOptions, Placement, ShiftOptions } from '@floating-ui/dom';
-	export interface ShowPopoverOptions {
-		anchorSelector: string,
-		openAttribute?: string
-		compute?: boolean
-		placement?: Placement
-		middleware?: Array<Middleware | null | undefined | false>
-		offset?: OffsetOptions
-		flip?: FlipOptions
-		shift?: ShiftOptions
-	}
-
-	export interface HidePopoverOptions {
-		openAttribute?: string
-	}
-
-	export function showPopover(element: HTMLElement | Element, options?: ShowPopoverOptions): Promise<void>
-	export function hidePopover(element: HTMLElement | Element): Promise<void>
-	export function togglePopover(element: HTMLElement | Element, options?: ShowPopoverOptions): Promise<void>
+	import type { ComputePositionConfig } from '@floating-ui/dom';
+	import type { Placement } from '@floating-ui/utils';
+  export function computePositionPopover(
+	referenceElement: HTMLElement,
+	floatingElement: HTMLElement & { $currentPlacement?: string },
+	placement: Placement,
+	options?: ComputePositionConfig | boolean
+  ): Promise<void>
+
+  export function autoUpdatePopover(
+	referenceElement: HTMLElement,
+	floatingElement: HTMLElement,
+	placement: Placement,
+	options?: ComputePositionConfig | boolean
+  ): Promise<() => void>
 
 	export {};
 }

package/types/index.d.ts.map

@@ -23,13 +23,6 @@
 		"setPosition",
 		"setKeyboardStep",
 		"setMouseStep",
-		"DefaultOptions",
-		"defaultOptions",
-		"showDetails",
-		"closeDetails",
-		"toggleDetails",
-		"showDialog",
-		"closeDialog",
 		"ScrollDrawerOptions",
 		"showDrawer",
 		"closeDrawer",
@@ -48,11 +41,8 @@
 		"closeToast",
 		"showToast",
 		"closeToaster",
-		"ShowPopoverOptions",
-		"HidePopoverOptions",
-		"showPopover",
-		"hidePopover",
-		"togglePopover",
+		"computePositionPopover",
+		"autoUpdatePopover",
 		"SetTrackPropertyOptions",
 		"SetValueOptions",
 		"SetOutputOptions",
@@ -67,8 +57,6 @@
 		"../plugin/index.d.ts",
 		"../src/components/carousel/index.d.ts",
 		"../src/components/compare/index.d.ts",
-		"../src/components/details/index.d.ts",
-		"../src/components/dialog/index.d.ts",
 		"../src/components/drawer/index.d.ts",
 		"../src/components/form/index.d.ts",
 		"../src/components/tabs/index.d.ts",
@@ -91,10 +79,8 @@
 		null,
 		null,
 		null,
-		null,
-		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,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",
+	"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,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;;;;;;;;kBCFJC,sBAAsBA;;;;;;;kBAOtBC,iBAAiBA;;;;;;;;;;;kBCVxBC,uBAAuBA;;;;;;;kBAOvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;kBCnBbC,eAAeA;;;;;;iBAMhBC,UAAUA;;;;;;iBCNVC,UAAUA",
 	"ignoreList": []
 }

package/src/components/details/index.d.ts

@@ -1,9 +0,0 @@
-export interface DefaultOptions {
-    selector?: string
-    summarySelector?: string
-}
-
-export const defaultOptions: DefaultOptions
-export function showDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>
-export function closeDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>
-export function toggleDetails(selector: HTMLInputElement | HTMLElement, options?: DefaultOptions): Promise<void>

package/src/components/details/index.js

@@ -1,78 +0,0 @@
-/**
- * @type {import("./").DefaultOptions}
- */
-export const defaultOptions = {
-  selector: 'details',
-  summarySelector: 'summary',
-}
-
-/**
- * @param {HTMLInputElement | HTMLElement} element
- * @param {import("./").DefaultOptions} options
- * @returns Promise<void>
- */
-export const showDetails = async (element, options = {}) => {
-  options = {
-    ...defaultOptions,
-    ...options,
-  }
-
-  const details = element.closest(options.selector)
-  const { down } = await import('slide-element')
-  const content = details.querySelector(options.summarySelector).nextElementSibling
-
-  details._isHiding = false
-  details.open = true
-
-  await down(content, {
-    display: '',
-  })
-}
-
-/**
- * @param {HTMLInputElement | HTMLElement} element
- * @param {import("./").DefaultOptions} options
- * @returns Promise<void>
- */
-export const closeDetails = async (element, options = {}) => {
-  options = {
-    ...defaultOptions,
-    ...options,
-  }
-
-  const details = element.closest(options.selector)
-  const { up } = await import('slide-element')
-  const content = details.querySelector(options.summarySelector).nextElementSibling
-
-  details._isHiding = true
-
-  await up(content, {
-    display: '',
-  })
-
-  details._isHiding && (details.open = false)
-  details._isHiding = false
-}
-
-/**
- * @param {HTMLInputElement | HTMLElement} element
- * @param {import("./").DefaultOptions} options
- * @returns Promise<void>
- */
-export const toggleDetails = async (element, options = {}) => {
-  options = {
-    ...defaultOptions,
-    ...options,
-  }
-
-  const details = element.closest(options.selector)
-
-  if (details._isHiding && !element.checked) return
-
-  if (element.checked ?? !details.open) {
-    await showDetails(element, options)
-  }
-  else {
-    await closeDetails(element, options)
-  }
-}

package/src/components/dialog/index.d.ts

@@ -1,13 +0,0 @@
-export interface DefaultOptions {
-    remove?: boolean | null
-    closable?: boolean | null
-    modal?: boolean
-    openAttribute?: string
-    closedAttribute?: string
-    contentSelector?: string
-    scrollbarWidthProperty?: string | null
-}
-
-export const defaultOptions: DefaultOptions
-export function showDialog(element: HTMLDialogElement | HTMLElement, options?: DefaultOptions): Promise<void>
-export function closeDialog(element: HTMLDialogElement | HTMLElement, options?: DefaultOptions): Promise<void>