winduum 0.8.0-next.2 → 0.8.0-next.4

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "winduum",
-  "version": "0.8.0-next.2",
+  "version": "0.8.0-next.4",
   "type": "module",
-  "main": "plugin/tailwind.cjs",
-  "module": "plugin/tailwind.js",
+  "types": "types/index.d.ts",
+  "main": "plugin/index.cjs",
+  "module": "plugin/index.js",
   "scripts": {
     "dev": "vite --host",
     "build": "vite build",
@@ -12,7 +13,8 @@
     "eslint-fix": "eslint 'src/**/*.js' --fix",
     "stylelint": "npx stylelint 'src/**/*.css'",
     "stylelint-fix": "npx stylelint 'src/**/*.css' --fix",
-    "tailwind": "rollup plugin/tailwind.js --file plugin/tailwind.cjs -f cjs --exports named",
+    "tailwind": "rollup plugin/index.js --file plugin/index.cjs -f cjs --exports named",
+    "dts": "node dts.js",
     "publish-next": "npm publish --tag next"
   },
   "devDependencies": {
@@ -34,39 +36,53 @@
     "tailwindcss-animate": "^1.0.7",
     "vite": "^5.0.12",
     "vue": "^3.4.15",
-    "slide-element": "^2.3.1"
+    "slide-element": "^2.3.1",
+    "dts-buddy": "^0.4.4"
   },
   "files": [
     "index.js",
     "tailwind.config.js",
     "dist",
     "src",
-    "plugin"
+    "plugin",
+    "types"
   ],
   "exports": {
     ".": {
-      "default": "./plugin/tailwind.js",
-      "require": "./plugin/tailwind.cjs",
-      "import": "./plugin/tailwind.js"
+      "default": "./plugin/index.js",
+      "require": "./plugin/index.cjs",
+      "import": "./plugin/index.js"
     },
     "./src/*": "./src/*",
     "./dist/*": "./dist/*",
     "./plugin/*": "./plugin/*",
-    "./base/*": "./src/base/*",
-    "./components/*": "./src/components/*",
-    "./libraries/*": "./src/libraries/*",
-    "./ui/*": "./src/ui/*",
+    "./src/components/compare": {
+      "default": "./src/components/compare/index.js",
+      "types": "./src/components/compare/index.d.ts"
+    },
+    "./src/components/details": {
+      "default": "./src/components/details/index.js",
+      "types": "./src/components/details/index.d.ts"
+    },
     "./src/components/dialog": {
       "default": "./src/components/dialog/index.js",
-      "types": "./src/components/dialog/types/index.d.ts"
+      "types": "./src/components/dialog/index.d.ts"
     },
     "./src/components/form": {
       "default": "./src/components/form/index.js",
-      "types": "./src/components/form/types/index.d.ts"
+      "types": "./src/components/form/index.d.ts"
+    },
+    "./src/components/toaster": {
+      "default": "./src/components/toaster/index.js",
+      "types": "./src/components/toaster/index.d.ts"
+    },
+    "./src/ui/range": {
+      "default": "./src/ui/range/index.js",
+      "types": "./src/ui/range/index.d.ts"
     }
   },
   "engines": {
-    "node": ">=18.0.0",
+    "node": ">=20.0.0",
     "npm": ">=9.0.0"
   },
   "repository": {

package/plugin/{tailwind.js → index.js}

@@ -7,7 +7,7 @@ import { accentColor, textColor } from './utilities/color.js'
 import { tailwindAnimations, tailwindColors, tailwindPropertyUtilities, tailwindVariables, tailwindVariablesFont } from './utilities/common.js'
 
 /**
- * @type {import('./tailwind').PluginOptions} options.
+ * @type {import('./').PluginOptions} options.
  */
 export const defaultConfig = {
     colors: [
@@ -48,7 +48,7 @@ export const defaultConfig = {
 }
 
 /**
- * @param {import('./tailwind').PluginOptions} userConfig
+ * @param {import('./').PluginOptions} userConfig
  */
 export const createPlugin = (userConfig = {}) => {
     const settings = {

package/src/components/compare/index.js

@@ -1,6 +1,6 @@
 /**
- * @param {import("./types/index").Position} event
- * @param {import("./types/index").PositionOptions} options
+ * @param {import("./").Position} event
+ * @param {import("./").PositionOptions} options
  * @returns void
  */
 export const setPosition = ({ currentTarget }, options = {}) => {
@@ -14,7 +14,7 @@ export const setPosition = ({ currentTarget }, options = {}) => {
 }
 
 /**
- * @param {import("./types/index").KeyboardStep} event
+ * @param {import("./").KeyboardStep} event
  * @param {Number} step
  * @returns void
  */
@@ -25,7 +25,7 @@ export const setKeyboardStep = ({ key, currentTarget }, step = 10) => {
 }
 
 /**
- * @param {import("./types/index").MouseStep} event
+ * @param {import("./").MouseStep} event
  * @param {Number} step
  * @returns void
  */

package/src/components/details/index.js

@@ -1,5 +1,5 @@
 /**
- * @type {import("./types/index").DefaultDetailsOptions}
+ * @type {import("./").DefaultDetailsOptions}
  */
 export const defaultOptions = {
     selector: 'details',
@@ -8,7 +8,7 @@ export const defaultOptions = {
 
 /**
  * @param {HTMLInputElement | HTMLElement} element
- * @param {import("./types/index").DefaultDetailsOptions} options
+ * @param {import("./").DefaultDetailsOptions} options
  * @returns Promise<void>
  */
 export const showDetails = async (element, options = {}) => {
@@ -31,7 +31,7 @@ export const showDetails = async (element, options = {}) => {
 
 /**
  * @param {HTMLInputElement | HTMLElement} element
- * @param {import("./types/index").DefaultDetailsOptions} options
+ * @param {import("./").DefaultDetailsOptions} options
  * @returns Promise<void>
  */
 export const closeDetails = async (element, options = {}) => {
@@ -56,7 +56,7 @@ export const closeDetails = async (element, options = {}) => {
 
 /**
  * @param {HTMLInputElement | HTMLElement} element
- * @param {import("./types/index").DefaultDetailsOptions} options
+ * @param {import("./").DefaultDetailsOptions} options
  * @returns Promise<void>
  */
 export const toggleDetails = async (element, options = {}) => {

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

@@ -0,0 +1,30 @@
+export interface DialogElement extends HTMLDialogElement {
+    _dialogHasEvents: boolean
+}
+
+export interface DefaultOptions {
+    remove?: boolean | null
+    closable?: boolean | null
+    openClass?: string
+    scrollbarWidthProperty?: string
+}
+
+export interface InsertOptions {
+    selector?: string | null
+    class?: string | null
+    append?: boolean | null
+    show?: DefaultOptions
+}
+
+export interface FetchOptions {
+    url: string
+    insert?: InsertOptions
+}
+
+export const defaultOptions: DefaultOptions;
+export function dialogSelector(selector: any): any;
+export function dismissDialog(selector: HTMLDialogElement, options?: DefaultOptions): Promise<void>;
+export function showDialog(selector: DialogElement, options?: DefaultOptions): Promise<void>;
+export function closeDialog(selector: HTMLDialogElement, options?: DefaultOptions): Promise<void>;
+export function insertDialog(content: string, options?: InsertOptions): Promise<void>;
+export function fetchDialog({ url, insert }: FetchOptions): Promise<void>;

package/src/components/dialog/index.js

@@ -1,7 +1,7 @@
 import { animationsFinished } from '../../common.js'
 
 /**
- * @type {import("./types/index").DefaultOptions}
+ * @type {import("./").DefaultOptions}
 */
 export const defaultOptions = {
     openClass: 'visible',
@@ -17,7 +17,7 @@ export const dialogSelector = selector => document.querySelectorAll(selector)[do
 /**
  * Dismisses a dialog.
  * @param {HTMLDialogElement} selector - The dialog element to dismiss.
- * @param {import("./types/index").DefaultOptions} options - The options for closing the dialog.
+ * @param {import("./").DefaultOptions} options - The options for closing the dialog.
  * @returns Promise<void>
  */
 export const dismissDialog = async (selector, options = defaultOptions) => {
@@ -35,8 +35,8 @@ export const dismissDialog = async (selector, options = defaultOptions) => {
 
 /**
  * Shows a dialog.
- * @param {import("./types/index").DialogElement} selector - The dialog element to show.
- * @param {import("./types/index").DefaultOptions} options - The options for showing the dialog.
+ * @param {HTMLDialogElement | import("./").DialogElement} selector - The dialog element to show.
+ * @param {import("./").DefaultOptions} options - The options for showing the dialog.
  * @returns Promise<void>
  */
 export const showDialog = async (selector, options = {}) => {
@@ -76,7 +76,7 @@ export const showDialog = async (selector, options = {}) => {
 /**
  * Closes and dismisses a dialog.
  * @param {HTMLDialogElement} selector - The dialog element to dismiss.
- * @param {import("./types/index").DefaultOptions} options - The options for closing the dialog.
+ * @param {import("./").DefaultOptions} options - The options for closing the dialog.
  * @returns Promise<void>
  */
 export const closeDialog = async (selector, options = {}) => {
@@ -95,7 +95,7 @@ export const closeDialog = async (selector, options = {}) => {
 /**
  * Inserts a dialog into the DOM.
  * @param {string} content - The HTML content to insert into the dialog.
- * @param {import("./types/index").InsertOptions} options - The options for inserting the dialog.
+ * @param {import("./").InsertOptions} options - The options for inserting the dialog.
  * @returns Promise<void>
  */
 export const insertDialog = async (content, options = {}) => {
@@ -123,7 +123,7 @@ export const insertDialog = async (content, options = {}) => {
 
 /**
  * Fetches a dialog from a URL and inserts it into the DOM.
- * @param {import("./types/index").FetchOptions} options - The options for fetching and inserting the dialog.
+ * @param {import("./").FetchOptions} options - The options for fetching and inserting the dialog.
  */
 export const fetchDialog = async ({ url, insert = {} }) => {
     await fetch(url, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })

package/src/components/form/index.js

@@ -1,6 +1,6 @@
 /**
  * @param {Event | SubmitEvent} event
- * @param {import("./types/index").ValidateFormOptions} options
+ * @param {import("./").ValidateFormOptions} options
  * @returns void
  */
 export const validateForm = (event, options = {}) => {
@@ -28,7 +28,7 @@ export const validateForm = (event, options = {}) => {
 
 /**
  * @param {HTMLElement} element
- * @param {import("./types/index").ValidateFieldOptions} options
+ * @param {import("./").ValidateFieldOptions} options
  * @returns void
  */
 export const validateField = (element, options = {}) => {
@@ -98,3 +98,8 @@ export const validateField = (element, options = {}) => {
         }
     }
 }
+
+export default {
+    validateForm,
+    validateField
+}

package/src/components/toaster/index.js

@@ -2,7 +2,7 @@ import { animationsFinished, nextRepaint } from '../../common.js'
 
 /**
  * @param {HTMLElement} element
- * @param {import('./types/index').CloseToastOptions} options
+ * @param {import('./index').CloseToastOptions} options
  * @returns Promise<void>
  */
 export const closeToast = async (element, options = {}) => {
@@ -29,7 +29,7 @@ export const closeToast = async (element, options = {}) => {
 
 /**
  * @param {HTMLElement} element
- * @param {import('./types/index').ShowToastOptions} options
+ * @param {import('./').ShowToastOptions} options
  * @returns Promise<void>
  */
 export const showToast = async (element, options = {}) => {
@@ -56,7 +56,7 @@ export const showToast = async (element, options = {}) => {
 
 /**
  * @param {HTMLElement} element
- * @param {import('./types/index').InsertToasterOptions} options
+ * @param {import('./').InsertToasterOptions} options
  * @returns Promise<void>
  */
 export const insertToaster = async (element, options = {}) => {
@@ -72,7 +72,7 @@ export const insertToaster = async (element, options = {}) => {
 
 /**
  * @param {HTMLElement} element
- * @param {import('./types/index').InsertToastOptions} options
+ * @param {import('./').InsertToastOptions} options
  * @returns Promise<void>
  */
 export const insertToast = async (element, options = {}) => {
@@ -104,7 +104,7 @@ export const insertToast = async (element, options = {}) => {
 
 /**
  * @param {HTMLElement} element
- * @param {import('./types/index').CloseToastOptions} options
+ * @param {import('./').CloseToastOptions} options
  * @returns Promise<void>
  */
 export const closeToaster = (element, options = {}) => {

package/src/ui/range/index.js

@@ -1,5 +1,5 @@
 /**
- * @type {import("./types/index").DefaultOptions}
+ * @type {import("./").DefaultOptions}
  */
 export const defaultOptions = {
     selector: '.ui-range',
@@ -7,7 +7,7 @@ export const defaultOptions = {
 }
 
 /**
- * @param {import("./types/index").TrackOptions} options
+ * @param {import("./").TrackOptions} options
  * @param {'start' | 'end'} track
  * @returns void
  */
@@ -17,7 +17,7 @@ export const setTrackProperty = ({ element, value, max }, track = defaultOptions
 
 /**
  * @param {HTMLInputElement} target
- * @param {import("./types/index").DefaultOptions} options
+ * @param {import("./").DefaultOptions} options
  * @returns void
  */
 export const setValue = (target, options = {}) => {
@@ -55,7 +55,7 @@ export const setValue = (target, options = {}) => {
 
 /**
  * @param {HTMLInputElement} target
- * @param {import("./types/index").OutputOptions} options
+ * @param {import("./").OutputOptions} options
  * @returns void
  */
 export const setOutputValue = (target, options = {}) => {

package/types/index.d.ts

@@ -0,0 +1,155 @@
+declare module 'winduum' {
+	export interface PluginOptions {
+		colors?: string[]
+		fontFamily?: string[],
+		fontWeight?: string[],
+		ease?: string[],
+		zIndex?: string[],
+		fontSize?: string[],
+		spacing?: string[],
+		borderRadius?: string[],
+		animations?: string[],
+		mask?: string[],
+		screens?: {
+			[key: string]: string
+		},
+		settings?: {
+			rgb?: boolean,
+			colorMix?: boolean
+		}
+	}
+}
+
+declare module 'winduum/src/components/compare' {
+	export interface Position {
+		currentTarget: HTMLInputElement | EventTarget
+	}
+
+	export interface KeyboardStep {
+		currentTarget: HTMLInputElement | EventTarget
+		key: string
+	}
+
+	export interface MouseStep {
+		currentTarget: HTMLInputElement | EventTarget
+	}
+
+	export interface PositionOptions {
+		selector?: string
+		positionProperty?: string
+	}
+}
+
+declare module 'winduum/src/components/details' {
+	export interface DefaultDetailsOptions {
+		selector?: string
+		summarySelector?: string
+	}
+}
+
+declare module 'winduum/src/components/dialog' {
+	export interface DialogElement extends HTMLDialogElement {
+		_dialogHasEvents: boolean
+	}
+
+	export interface DefaultOptions {
+		remove?: boolean | null
+		closable?: boolean | null
+		openClass?: string
+		scrollbarWidthProperty?: string
+	}
+
+	export interface InsertOptions {
+		selector?: string | null
+		class?: string | null
+		append?: boolean | null
+		show?: DefaultOptions
+	}
+
+	export interface FetchOptions {
+		url: string
+		insert?: InsertOptions
+	}
+
+	export const defaultOptions: DefaultOptions;
+	export function dialogSelector(selector: any): any;
+	export function dismissDialog(selector: HTMLDialogElement, options?: DefaultOptions): Promise<void>;
+	export function showDialog(selector: DialogElement, options?: DefaultOptions): Promise<void>;
+	export function closeDialog(selector: HTMLDialogElement, options?: DefaultOptions): Promise<void>;
+	export function insertDialog(content: string, options?: InsertOptions): Promise<void>;
+	export function fetchDialog({ url, insert }: FetchOptions): Promise<void>;
+}
+
+declare module 'winduum/src/components/form' {
+	export interface ValidateFormOptions {
+		validateSelectors?: string
+		validateOptions?: ValidateFieldOptions
+		submitterLoadingClass?: string
+	}
+
+	export interface ValidateFieldOptions {
+		validate?: boolean
+		selector?: string
+		ignoreMatch?: string
+		validitySelector?: string
+		infoParentSelector?: string
+		infoSelector?: string
+		infoContent?: string
+		endParentSelector?: string
+		endSelector?: string
+		endContent?: string
+		validClass?: string
+		validIcon?: string
+		invalidClass?: string
+		invalidIcon?: string
+		activeClass?: string
+	}
+}
+
+declare module 'winduum/src/components/toaster' {
+	export interface ShowToastOptions {
+		visibleClass?: string
+		autoHide?: number | null
+		heightProperty?: string
+		close?: CloseToastOptions
+	}
+
+	export interface CloseToastOptions {
+		hiddenClass?: string
+		heightProperty?: string
+	}
+
+	export interface InsertToasterOptions {
+		classes?: string
+	}
+
+	export interface InsertToastOptions {
+		classes?: string
+		title?: string
+		text?: string
+		start?: string
+		end?: string
+		show?: ShowToastOptions
+	}
+}
+
+declare module 'winduum/src/ui/range' {
+	export interface DefaultOptions {
+		selector?: string
+		track?: 'start' | 'end'
+	}
+
+	export interface OutputOptions {
+		element?: HTMLOutputElement
+		lang?: string
+		formatOptions?: Intl.NumberFormatOptions
+	}
+
+	export interface TrackOptions {
+		element: HTMLElement | Element
+		value: string
+		max?: number
+	}
+}
+
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1,50 @@
+{
+	"version": 3,
+	"file": "index.d.ts",
+	"names": [
+		"PluginOptions",
+		"Position",
+		"KeyboardStep",
+		"MouseStep",
+		"PositionOptions",
+		"DefaultDetailsOptions",
+		"DialogElement",
+		"DefaultOptions",
+		"InsertOptions",
+		"FetchOptions",
+		"defaultOptions",
+		"dialogSelector",
+		"dismissDialog",
+		"showDialog",
+		"closeDialog",
+		"insertDialog",
+		"fetchDialog",
+		"ValidateFormOptions",
+		"ValidateFieldOptions",
+		"ShowToastOptions",
+		"CloseToastOptions",
+		"InsertToasterOptions",
+		"InsertToastOptions",
+		"OutputOptions",
+		"TrackOptions"
+	],
+	"sources": [
+		"../plugin/index.d.ts",
+		"../src/components/compare/index.d.ts",
+		"../src/components/details/index.d.ts",
+		"../src/components/dialog/index.d.ts",
+		"../src/components/form/index.d.ts",
+		"../src/components/toaster/index.d.ts",
+		"../src/ui/range/index.d.ts"
+	],
+	"sourcesContent": [
+		null,
+		null,
+		null,
+		null,
+		null,
+		null,
+		null
+	],
+	"mappings": ";kBAAiBA,aAAaA;;;;;;;;;;;;;;;;;;;;;;kBCAbC,QAAQA;;;;kBAIRC,YAAYA;;;;;kBAKZC,SAASA;;;;kBAITC,eAAeA;;;;;;;kBCbfC,qBAAqBA;;;;;;;kBCArBC,aAAaA;;;;kBAIbC,cAAcA;;;;;;;kBAOdC,aAAaA;;;;;;;kBAObC,YAAYA;;;;;cAKhBC,cAAcA;iBACXC,cAAcA;iBACdC,aAAaA;iBACbC,UAAUA;iBACVC,WAAWA;iBACXC,YAAYA;iBACZC,WAAWA;;;;kBC7BVC,mBAAmBA;;;;;;kBAMnBC,oBAAoBA;;;;;;;;;;;;;;;;;;;;kBCNpBC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;kBAKjBC,oBAAoBA;;;;kBAIpBC,kBAAkBA;;;;;;;;;;;kBChBlBf,cAAcA;;;;;kBAKdgB,aAAaA;;;;;;kBAMbC,YAAYA"
+}

package/plugin/tailwind.cjs

@@ -1,320 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var plugin = require('tailwindcss/plugin');
-var flattenColorPalette = require('tailwindcss/src/util/flattenColorPalette');
-var withAlphaVariable = require('tailwindcss/src/util/withAlphaVariable');
-var toColorValue = require('tailwindcss/src/util/toColorValue');
-
-var FlexUtility = {
-    '.flex-center': {
-        display: 'flex',
-        alignItems: 'center',
-        gap: 'var(--spacing-sm)'
-    },
-    '.flex-between': {
-        display: 'flex',
-        justifyContent: 'space-between',
-        gap: 'var(--spacing-sm)'
-    }
-};
-
-var DotUtility = {
-    '.dot': {
-        '--tw-bg-opacity': '1',
-        display: 'inline-flex',
-        width: '0.625rem',
-        height: '0.625rem',
-        borderRadius: 'var(--rounded-full)',
-        backgroundColor: 'color-mix(in srgb, var(--color-accent) calc(var(--tw-bg-opacity) * 100%), transparent)',
-        flexShrink: '0'
-    }
-};
-
-function divideGap ({ theme, e }) {
-    return [
-        ...Object.entries(theme('spacing')).map(([key, value]) => {
-            return {
-                [`.${e(`divide-gap-x-${key}`)}`]: {
-                    '& > :where(*:not(:first-child))': {
-                        paddingLeft: value,
-                        marginLeft: value
-                    }
-                },
-                [`.${e(`divide-gap-y-${key}`)}`]: {
-                    '& > :where(*:not(:first-child))': {
-                        paddingTop: value,
-                        marginTop: value
-                    }
-                }
-            }
-        })
-    ]
-}
-
-const accentColor = ({ value }, settings) => {
-    const matchValue = toColorValue(value).match(/var\((--color-.*?)\)/);
-    const colorProperties = {};
-
-    if (matchValue) {
-        if (settings.rgb) {
-            colorProperties['--color-accent-rgb'] =
-                `var(${matchValue[1].includes('-rgb') ? matchValue[1] : matchValue[1] + '-rgb'})`;
-            colorProperties['--color-accent-foreground-rgb'] =
-                `var(${matchValue[1].includes('-rgb') ? matchValue[1].replace('-rgb', '-foreground-rgb') : matchValue[1] + '-foreground-rgb, var(--color-light-rgb)'})`;
-        }
-
-        if (toColorValue(value).includes('calc(1 * 100%)') || toColorValue(value).includes(' / 1')) {
-            colorProperties['--color-accent'] = matchValue[0].replace('-rgb', '');
-            colorProperties['--color-accent-foreground'] = `var(${matchValue[1].replace('-rgb', '')}-foreground, var(--color-light))`;
-
-            return {
-                ...colorProperties,
-                'accent-color': settings.colorMix ? 'var(--color-accent)' : 'rgb(var(--color-accent))'
-            }
-        } else {
-            if (matchValue[1].includes('-rgb')) {
-                colorProperties['--color-accent'] = toColorValue(value);
-            } else {
-                colorProperties['--color-accent'] = settings.rgb ? `rgb(var(--color-accent-rgb) / ${toColorValue(value).match(/calc\((.*?)\)/)[0]})` : toColorValue(value);
-            }
-
-            colorProperties['--color-accent-foreground'] = settings.rgb ? 'rgb(var(--color-accent-foreground-rgb))' : `var(${matchValue[1]}-foreground, var(--color-light))`;
-
-            return {
-                ...colorProperties,
-                'accent-color': settings.colorMix ? 'var(--color-accent)' : 'rgb(var(--color-accent))'
-            }
-        }
-    }
-
-    return {
-        '--color-accent': toColorValue(value),
-        'accent-color': 'var(--color-accent)'
-    }
-};
-
-const textColor = ({ value, corePlugins }, settings) => {
-    const matchValue = toColorValue(value).match(/var\((--color-.*?)\)/);
-    const withCurrentRgb = {};
-
-    if (matchValue && settings.rgb) {
-        withCurrentRgb['--tw-text-current-rgb'] = matchValue[1].includes('rgb') ? matchValue[0] : `var(${matchValue[1]}-rgb)`;
-    }
-
-    if (!corePlugins('textOpacity')) {
-        return {
-            ...withCurrentRgb,
-            color: toColorValue(value)
-        }
-    }
-
-    return {
-        ...withCurrentRgb,
-        ...withAlphaVariable({
-            color: value,
-            property: 'color',
-            variable: '--tw-text-opacity'
-        })
-    }
-};
-
-/**
- * @param {[]} colors
- * @param {boolean} colorMix
- * @param {boolean} rgb
- * @returns {[]}
- */
-const tailwindColors = (colors = [], colorMix = true, rgb = false) => {
-    colors.forEach(name => {
-        if (rgb) {
-            colors[name + '-rgb'] = `rgb(var(--color-${name}-rgb) / <alpha-value>)`;
-        }
-
-        colors[name] = colorMix
-            ? `color-mix(in var(--space), var(--color-${name}) calc(<alpha-value> * 100%), transparent)`
-            : `rgb(var(--color-${name}) / <alpha-value>)`;
-    });
-
-    return colors
-};
-
-/**
- * @param {string} type
- * @param {string[]} variables
- * @param {Object} values
- * @returns {Object}
- */
-const tailwindVariables = (type, variables = [], values = {}) => {
-    variables.forEach(name => {
-        values[name] = `var(--${type}-${name})`;
-    });
-
-    return values
-};
-
-/**
- * @param {string} type
- * @param {string[]} variables
- * @param {Object} values
- * @returns {Object}
- */
-const tailwindVariablesFont = (type, variables = [], values = {}) => {
-    variables.forEach(name => {
-        values[name] = [`var(--${type}-${name})`, `calc(var(--${type}-${name}) + 0.5rem)`];
-    });
-
-    return values
-};
-
-/**
- * @param {string} type
- * @param {string[]} variables
- * @returns {Object}
- */
-const tailwindPropertyUtilities = (type, variables = []) => {
-    const result = {};
-
-    variables.forEach(name => {
-        result[`.${type}-${name}`] = {
-            [type]: `var(--${type}-${name})`
-        };
-    });
-
-    return result
-};
-
-/**
- * @param {string[]} values
- * @returns {Object}
- */
-const tailwindAnimations = (values) => {
-    const result = {};
-
-    values.forEach(value => {
-        result[`.animation-${value}`] = {
-            'animation-name': value
-        };
-    });
-
-    return result
-};
-
-/**
- * @type {import('./tailwind').PluginOptions} options.
- */
-const defaultConfig = {
-    colors: [
-        'primary', 'accent',
-        'warning', 'error', 'info', 'success', 'light', 'dark',
-        'main', 'main-primary', 'main-secondary', 'main-tertiary',
-        'body', 'body-primary', 'body-secondary', 'body-tertiary',
-        'primary-foreground', 'accent-foreground', 'current-foreground',
-        'warning-foreground', 'error-foreground', 'info-foreground', 'success-foreground', 'light-foreground', 'dark-foreground',
-        'main-foreground', 'main-primary-foreground', 'main-secondary-foreground', 'main-tertiary-foreground',
-        'body-foreground', 'body-primary-foreground', 'body-secondary-foreground', 'body-tertiary-foreground'
-    ],
-    fontFamily: ['primary', 'secondary'],
-    fontWeight: ['light', 'normal', 'medium', 'semibold', 'bold', 'extrabold'],
-    ease: ['linear', 'in', 'out', 'in-out'],
-    zIndex: ['10', '20', '30', '40', '50', '60'],
-    fontSize: ['xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl', '3xl', '3xl', '4xl', '5xl', '6xl', '7xl', '7xl', '8xl', '9xl'],
-    spacing: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl'],
-    borderRadius: ['xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', 'full'],
-    animations: ['fade-in', 'fade-out', 'fade-in-down', 'fade-out-up', 'ripple', 'spin', 'move-indeterminate'],
-    mask: ['check', 'radio', 'angle-up', 'angle-down'],
-    screens: {
-        xs: '22.5em',
-        sm: '26em',
-        md: '48em',
-        lg: '60em',
-        xl: '76em',
-        '2xl': '82em',
-        '3xl': '88em',
-        '4xl': '100em',
-        xxl: '126em',
-        '2xxl': '158em'
-    },
-    settings: {
-        rgb: false,
-        colorMix: true
-    }
-};
-
-/**
- * @param {import('./tailwind').PluginOptions} userConfig
- */
-const createPlugin = (userConfig = {}) => {
-    const settings = {
-        ...defaultConfig.settings,
-        ...userConfig.settings
-    };
-
-    userConfig = {
-        ...defaultConfig,
-        ...userConfig,
-        settings
-    };
-
-    return plugin(({ addComponents, matchUtilities, theme, e, corePlugins }) => {
-        matchUtilities(
-            {
-                accent: value => accentColor({ value }, userConfig.settings)
-            },
-            { values: flattenColorPalette(theme('accentColor')), type: ['color', 'any'] }
-        );
-        matchUtilities(
-            {
-                text: value => textColor({ value, corePlugins }, userConfig.settings)
-            },
-            { values: flattenColorPalette(theme('textColor')), type: ['color', 'any'] }
-        );
-        addComponents(tailwindAnimations(userConfig.animations));
-        addComponents(tailwindPropertyUtilities('mask', userConfig.mask));
-        addComponents(divideGap({ theme, e }));
-        addComponents({
-            ...FlexUtility,
-            ...DotUtility
-        });
-    }, {
-        corePlugins: {
-            preflight: false,
-            textColor: false,
-            accentColor: false
-        },
-        theme: {
-            extend: {
-                transitionProperty: {
-                    DEFAULT: 'var(--transition)'
-                },
-                transitionDuration: {
-                    DEFAULT: 'var(--duration)'
-                },
-                transitionTimingFunction: tailwindVariables('ease', userConfig.ease),
-                colors: tailwindColors(userConfig.colors, settings.colorMix, settings.rgb),
-                fontSize: tailwindVariablesFont('text', userConfig.fontSize),
-                fontFamily: tailwindVariables('font', userConfig.fontFamily),
-                fontWeight: tailwindVariables('font', userConfig.fontWeight),
-                zIndex: tailwindVariables('z', userConfig.zIndex, {
-                    0: 0,
-                    auto: 'auto'
-                }),
-                spacing: tailwindVariables('spacing', userConfig.spacing),
-                borderRadius: tailwindVariables('rounded', userConfig.borderRadius, {
-                    DEFAULT: 'var(--rounded)'
-                }),
-                screens: userConfig.screens
-            }
-        }
-    })
-};
-
-exports.createPlugin = createPlugin;
-exports.default = createPlugin;
-exports.defaultConfig = defaultConfig;
-exports.tailwindAnimations = tailwindAnimations;
-exports.tailwindColors = tailwindColors;
-exports.tailwindPropertyUtilities = tailwindPropertyUtilities;
-exports.tailwindVariables = tailwindVariables;
-exports.tailwindVariablesFont = tailwindVariablesFont;

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

@@ -1,22 +0,0 @@
-export interface DialogElement extends HTMLDialogElement {
-    _dialogHasEvents: boolean
-}
-
-export interface DefaultOptions {
-    remove?: boolean | null
-    closable?: boolean | null
-    openClass?: string
-    scrollbarWidthProperty?: string
-}
-
-export interface InsertOptions {
-    selector?: string | null
-    class?: string | null
-    append?: boolean | null
-    show?: DefaultOptions
-}
-
-export interface FetchOptions {
-    url: string
-    insert?: InsertOptions
-}