@evolve.ui/core-components 1.0.0

package/mixins-D56ptENc.cjs

@@ -0,0 +1,282 @@
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let _evolve_ui_theme_system_themes_common = require("@evolve.ui/theme-system/themes/common");
+//#region src/mixins/propMixins.ts
+const themeKeys = [
+	"xxxl",
+	"xxl",
+	"xl",
+	"lg",
+	"md",
+	"sm",
+	"xs",
+	"xxs",
+	"xxxs"
+];
+/**
+* Maps theme spacing key names to their Tailwind token equivalents.
+* There is no shared source for this mapping because the runtime theme has no
+* concept of Tailwind token names.
+*/
+const SPACING_TO_TAILWIND = {
+	lg: "lg",
+	md: "md",
+	sm: "sm",
+	xl: "xl",
+	xs: "xs",
+	xxl: "2xl",
+	xxs: "2xs",
+	xxxl: "3xl",
+	xxxs: "3xs"
+};
+/**
+* Static Tailwind tokens used by `getMixinClasses` for named spacing values.
+* Keep these literal strings in source so Tailwind content scanning can include
+* the named mixin classes in production CSS.
+*/
+const MIXIN_TAILWIND_STATIC_CLASSES = [
+	"p-3xl",
+	"p-2xl",
+	"p-xl",
+	"p-lg",
+	"p-md",
+	"p-sm",
+	"p-xs",
+	"p-2xs",
+	"p-3xs",
+	"pb-3xl",
+	"pb-2xl",
+	"pb-xl",
+	"pb-lg",
+	"pb-md",
+	"pb-sm",
+	"pb-xs",
+	"pb-2xs",
+	"pb-3xs",
+	"pl-3xl",
+	"pl-2xl",
+	"pl-xl",
+	"pl-lg",
+	"pl-md",
+	"pl-sm",
+	"pl-xs",
+	"pl-2xs",
+	"pl-3xs",
+	"pr-3xl",
+	"pr-2xl",
+	"pr-xl",
+	"pr-lg",
+	"pr-md",
+	"pr-sm",
+	"pr-xs",
+	"pr-2xs",
+	"pr-3xs",
+	"pt-3xl",
+	"pt-2xl",
+	"pt-xl",
+	"pt-lg",
+	"pt-md",
+	"pt-sm",
+	"pt-xs",
+	"pt-2xs",
+	"pt-3xs",
+	"m-3xl",
+	"m-2xl",
+	"m-xl",
+	"m-lg",
+	"m-md",
+	"m-sm",
+	"m-xs",
+	"m-2xs",
+	"m-3xs",
+	"mb-3xl",
+	"mb-2xl",
+	"mb-xl",
+	"mb-lg",
+	"mb-md",
+	"mb-sm",
+	"mb-xs",
+	"mb-2xs",
+	"mb-3xs",
+	"ml-3xl",
+	"ml-2xl",
+	"ml-xl",
+	"ml-lg",
+	"ml-md",
+	"ml-sm",
+	"ml-xs",
+	"ml-2xs",
+	"ml-3xs",
+	"mr-3xl",
+	"mr-2xl",
+	"mr-xl",
+	"mr-lg",
+	"mr-md",
+	"mr-sm",
+	"mr-xs",
+	"mr-2xs",
+	"mr-3xs",
+	"mt-3xl",
+	"mt-2xl",
+	"mt-xl",
+	"mt-lg",
+	"mt-md",
+	"mt-sm",
+	"mt-xs",
+	"mt-2xs",
+	"mt-3xs",
+	"line-clamp-1",
+	"line-clamp-2",
+	"line-clamp-3",
+	"line-clamp-4",
+	"line-clamp-5",
+	"line-clamp-6"
+];
+const SPACING_PX = {
+	lg: _evolve_ui_theme_system_themes_common.spacing.lgValue,
+	md: _evolve_ui_theme_system_themes_common.spacing.mdValue,
+	sm: _evolve_ui_theme_system_themes_common.spacing.smValue,
+	xl: _evolve_ui_theme_system_themes_common.spacing.xlValue,
+	xs: _evolve_ui_theme_system_themes_common.spacing.xsValue,
+	xxl: _evolve_ui_theme_system_themes_common.spacing.xxlValue,
+	xxs: _evolve_ui_theme_system_themes_common.spacing.xxsValue,
+	xxxl: _evolve_ui_theme_system_themes_common.spacing.xxxlValue,
+	xxxs: _evolve_ui_theme_system_themes_common.spacing.xxxsValue
+};
+const splitRegex = /([+-])/;
+const isThemeSpacing = (value) => themeKeys.includes(value);
+const resolveArithmeticSpacing = (styles) => {
+	const trimmedFirst = styles.trim();
+	if (isThemeSpacing(trimmedFirst)) return `${SPACING_PX[trimmedFirst]}px`;
+	const splitStyles = styles.split(splitRegex);
+	if (splitStyles.length <= 1) return styles;
+	const trimmedFirstValue = splitStyles[0].trim();
+	if (!isThemeSpacing(trimmedFirstValue)) return styles;
+	let acc = SPACING_PX[trimmedFirstValue];
+	for (let i = 2; i < splitStyles.length; i += 2) {
+		const trimmedValue = splitStyles[i].trim();
+		if (!isThemeSpacing(trimmedValue)) return styles;
+		if (splitStyles[i - 1] === "+") acc += SPACING_PX[trimmedValue];
+		else acc -= SPACING_PX[trimmedValue];
+	}
+	return `${acc}px`;
+};
+/**
+* Converts a spacing prop value to a Tailwind class.
+*
+* - Named key (`sm`, `md`, etc.) -> `{twShorthand}-{tailwindToken}` (e.g. `p-sm`, `mt-2xl`)
+* - Arithmetic (`sm+md`) -> resolved pixel value as a Tailwind arbitrary class (e.g. `[padding:40px]`)
+* - Arbitrary (`auto 3px`, `calc(10vw + 3px)`) -> Tailwind arbitrary class with spaces escaped to `_`
+*/
+const spacingToClass = (twShorthand, cssProp, value) => {
+	const trimmed = value.trim();
+	if (isThemeSpacing(trimmed)) return `${twShorthand}-${SPACING_TO_TAILWIND[trimmed]}`;
+	return `[${cssProp}:${resolveArithmeticSpacing(trimmed).replace(/\s+/g, "_")}]`;
+};
+/**
+* Converts `GenericCSSMixinProps` to a Tailwind class string using `cn()`.
+*
+* Use this in place of the removed `genericCSSMixins` CSS-in-JS template to apply
+* spacing, grid-area, and line-clamp props in plain components.
+*/
+const getMixinClasses = ({ $gridLocation, $lineClamp, $margin, $marginBottom, $marginLeft, $marginRight, $marginTop, $padding, $paddingBottom, $paddingLeft, $paddingRight, $paddingTop }) => (0, _evolve_ui_theme_system.cn)($padding && $padding.length > 0 && spacingToClass("p", "padding", $padding), $paddingBottom && $paddingBottom.length > 0 && spacingToClass("pb", "padding-bottom", $paddingBottom), $paddingLeft && $paddingLeft.length > 0 && spacingToClass("pl", "padding-left", $paddingLeft), $paddingRight && $paddingRight.length > 0 && spacingToClass("pr", "padding-right", $paddingRight), $paddingTop && $paddingTop.length > 0 && spacingToClass("pt", "padding-top", $paddingTop), $margin && $margin.length > 0 && spacingToClass("m", "margin", $margin), $marginBottom && $marginBottom.length > 0 && spacingToClass("mb", "margin-bottom", $marginBottom), $marginLeft && $marginLeft.length > 0 && spacingToClass("ml", "margin-left", $marginLeft), $marginRight && $marginRight.length > 0 && spacingToClass("mr", "margin-right", $marginRight), $marginTop && $marginTop.length > 0 && spacingToClass("mt", "margin-top", $marginTop), $gridLocation && `[grid-area:${$gridLocation}]`, $lineClamp !== void 0 && `line-clamp-${$lineClamp}`);
+/**
+* @deprecated Use `getMixinClasses` with `cn()` in plain components instead.
+*
+* Kept for type-level reference only. Consumers using CSS-in-JS template mixins
+* should migrate to `cn(getMixinClasses(props), ...)` in a non-styled component.
+*/
+const genericCSSMixins = "";
+/**
+* @deprecated Use `getMixinClasses` with `cn()` in plain components instead.
+* @see genericCSSMixins
+*/
+const paddingMixin = "";
+/**
+* @deprecated Use `getMixinClasses` with `cn()` in plain components instead.
+* @see genericCSSMixins
+*/
+const marginMixin = "";
+/**
+* @deprecated Use `getMixinClasses` with `cn()` in plain components instead.
+* @see genericCSSMixins
+*/
+const locationMixin = "";
+/**
+* @deprecated Use `getMixinClasses` with `cn()` in plain components instead.
+* @see genericCSSMixins
+*/
+const lineClampMixin = "";
+/**
+* Parses a spacing prop string against a theme spacing object.
+*
+* @deprecated Prefer `getMixinClasses` for Tailwind-based components.
+* Kept for backward compatibility where a theme spacing object is available.
+*/
+const themeSpacingParser = (themeSpacing, styles) => {
+	if (isThemeSpacing(styles)) return themeSpacing[styles];
+	const splitStyles = styles.split(splitRegex);
+	if (splitStyles.length > 1) {
+		const trimmedFirstValue = splitStyles[0].trim();
+		if (!isThemeSpacing(trimmedFirstValue)) return styles;
+		let acc = themeSpacing[`${trimmedFirstValue}Value`];
+		for (let i = 2; i < splitStyles.length; i += 2) {
+			const trimmedValue = splitStyles[i].trim();
+			if (!isThemeSpacing(trimmedValue)) return styles;
+			if (splitStyles[i - 1] === "+") acc += themeSpacing[`${trimmedValue}Value`];
+			else acc -= themeSpacing[`${trimmedValue}Value`];
+		}
+		return `${acc}px`;
+	}
+	return styles;
+};
+//#endregion
+Object.defineProperty(exports, "MIXIN_TAILWIND_STATIC_CLASSES", {
+	enumerable: true,
+	get: function() {
+		return MIXIN_TAILWIND_STATIC_CLASSES;
+	}
+});
+Object.defineProperty(exports, "genericCSSMixins", {
+	enumerable: true,
+	get: function() {
+		return genericCSSMixins;
+	}
+});
+Object.defineProperty(exports, "getMixinClasses", {
+	enumerable: true,
+	get: function() {
+		return getMixinClasses;
+	}
+});
+Object.defineProperty(exports, "lineClampMixin", {
+	enumerable: true,
+	get: function() {
+		return lineClampMixin;
+	}
+});
+Object.defineProperty(exports, "locationMixin", {
+	enumerable: true,
+	get: function() {
+		return locationMixin;
+	}
+});
+Object.defineProperty(exports, "marginMixin", {
+	enumerable: true,
+	get: function() {
+		return marginMixin;
+	}
+});
+Object.defineProperty(exports, "paddingMixin", {
+	enumerable: true,
+	get: function() {
+		return paddingMixin;
+	}
+});
+Object.defineProperty(exports, "themeSpacingParser", {
+	enumerable: true,
+	get: function() {
+		return themeSpacingParser;
+	}
+});
+
+//# sourceMappingURL=mixins-D56ptENc.cjs.map

package/mixins-D56ptENc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins-D56ptENc.cjs","names":["spacing"],"sources":["../src/mixins/propMixins.ts"],"sourcesContent":["import type { CleanTheme, Theme } from '@evolve.ui/theme-system/themes/themeType';\n\nimport { cn } from '@evolve.ui/theme-system';\nimport { spacing } from '@evolve.ui/theme-system/themes/common';\n\nexport type LocationProp = { $gridLocation?: string };\n\nexport type LineClampProp = { $lineClamp?: number };\n\nexport type PaddingProps = {\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     *\n     * If it matches a key in the spacing scale, it will use the corresponding Tailwind token.\n     * IE if set to `sm` it would produce `p-sm`.\n     *\n     * If it matches multiple keys separated by `+` or `-`, it will compute the result and\n     * emit a Tailwind arbitrary value. IE `sm+md` -> `[padding:40px]`.\n     *\n     * Otherwise, it will emit a Tailwind arbitrary value directly. IE `auto 3px` -> `[padding:auto_3px]`.\n     */\n    $padding?: string;\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $paddingBottom?: string;\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $paddingLeft?: string;\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $paddingRight?: string;\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $paddingTop?: string;\n};\n\nexport type MarginProps = {\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $margin?: string;\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $marginBottom?: string;\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $marginLeft?: string;\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $marginRight?: string;\n    /**\n     * String used for formatting.\n     *\n     * Quick reference (px): `xxxs(2)` `xxs(4)` `xs(8)` `sm(16)` `md(24)` `lg(32)` `xl(48)` `xxl(64)` `xxxl(128)`\n     */\n    $marginTop?: string;\n};\n\ntype ThemeSpacings = keyof Theme['spacing'];\nexport type SimplifiedThemeSpacings = Extract<\n    ThemeSpacings,\n    'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxl' | 'xxs' | 'xxxl' | 'xxxs'\n>;\n\nconst themeKeys: SimplifiedThemeSpacings[] = ['xxxl', 'xxl', 'xl', 'lg', 'md', 'sm', 'xs', 'xxs', 'xxxs'];\n\n/**\n * Maps theme spacing key names to their Tailwind token equivalents.\n * There is no shared source for this mapping because the runtime theme has no\n * concept of Tailwind token names.\n */\nconst SPACING_TO_TAILWIND: Record<SimplifiedThemeSpacings, string> = {\n    lg: 'lg',\n    md: 'md',\n    sm: 'sm',\n    xl: 'xl',\n    xs: 'xs',\n    xxl: '2xl',\n    xxs: '2xs',\n    xxxl: '3xl',\n    xxxs: '3xs',\n};\n\n/**\n * Static Tailwind tokens used by `getMixinClasses` for named spacing values.\n * Keep these literal strings in source so Tailwind content scanning can include\n * the named mixin classes in production CSS.\n */\nexport const MIXIN_TAILWIND_STATIC_CLASSES = [\n    'p-3xl',\n    'p-2xl',\n    'p-xl',\n    'p-lg',\n    'p-md',\n    'p-sm',\n    'p-xs',\n    'p-2xs',\n    'p-3xs',\n    'pb-3xl',\n    'pb-2xl',\n    'pb-xl',\n    'pb-lg',\n    'pb-md',\n    'pb-sm',\n    'pb-xs',\n    'pb-2xs',\n    'pb-3xs',\n    'pl-3xl',\n    'pl-2xl',\n    'pl-xl',\n    'pl-lg',\n    'pl-md',\n    'pl-sm',\n    'pl-xs',\n    'pl-2xs',\n    'pl-3xs',\n    'pr-3xl',\n    'pr-2xl',\n    'pr-xl',\n    'pr-lg',\n    'pr-md',\n    'pr-sm',\n    'pr-xs',\n    'pr-2xs',\n    'pr-3xs',\n    'pt-3xl',\n    'pt-2xl',\n    'pt-xl',\n    'pt-lg',\n    'pt-md',\n    'pt-sm',\n    'pt-xs',\n    'pt-2xs',\n    'pt-3xs',\n    'm-3xl',\n    'm-2xl',\n    'm-xl',\n    'm-lg',\n    'm-md',\n    'm-sm',\n    'm-xs',\n    'm-2xs',\n    'm-3xs',\n    'mb-3xl',\n    'mb-2xl',\n    'mb-xl',\n    'mb-lg',\n    'mb-md',\n    'mb-sm',\n    'mb-xs',\n    'mb-2xs',\n    'mb-3xs',\n    'ml-3xl',\n    'ml-2xl',\n    'ml-xl',\n    'ml-lg',\n    'ml-md',\n    'ml-sm',\n    'ml-xs',\n    'ml-2xs',\n    'ml-3xs',\n    'mr-3xl',\n    'mr-2xl',\n    'mr-xl',\n    'mr-lg',\n    'mr-md',\n    'mr-sm',\n    'mr-xs',\n    'mr-2xs',\n    'mr-3xs',\n    'mt-3xl',\n    'mt-2xl',\n    'mt-xl',\n    'mt-lg',\n    'mt-md',\n    'mt-sm',\n    'mt-xs',\n    'mt-2xs',\n    'mt-3xs',\n    'line-clamp-1',\n    'line-clamp-2',\n    'line-clamp-3',\n    'line-clamp-4',\n    'line-clamp-5',\n    'line-clamp-6',\n] as const;\n\nconst SPACING_PX: Record<SimplifiedThemeSpacings, number> = {\n    lg: spacing.lgValue,\n    md: spacing.mdValue,\n    sm: spacing.smValue,\n    xl: spacing.xlValue,\n    xs: spacing.xsValue,\n    xxl: spacing.xxlValue,\n    xxs: spacing.xxsValue,\n    xxxl: spacing.xxxlValue,\n    xxxs: spacing.xxxsValue,\n};\n\nconst splitRegex = /([+-])/;\n\nconst isThemeSpacing = (value: string): value is SimplifiedThemeSpacings =>\n    themeKeys.includes(value as SimplifiedThemeSpacings);\n\nconst resolveArithmeticSpacing = (styles: string): string => {\n    const trimmedFirst = styles.trim();\n\n    if (isThemeSpacing(trimmedFirst)) {\n        return `${SPACING_PX[trimmedFirst]}px`;\n    }\n\n    const splitStyles = styles.split(splitRegex);\n    if (splitStyles.length <= 1) {\n        return styles;\n    }\n\n    const trimmedFirstValue = splitStyles[0].trim();\n    if (!isThemeSpacing(trimmedFirstValue)) {\n        return styles;\n    }\n\n    let acc = SPACING_PX[trimmedFirstValue];\n\n    for (let i = 2; i < splitStyles.length; i += 2) {\n        const trimmedValue = splitStyles[i].trim();\n        if (!isThemeSpacing(trimmedValue)) {\n            return styles;\n        }\n\n        if (splitStyles[i - 1] === '+') {\n            acc += SPACING_PX[trimmedValue];\n        } else {\n            acc -= SPACING_PX[trimmedValue];\n        }\n    }\n\n    return `${acc}px`;\n};\n\n/**\n * Converts a spacing prop value to a Tailwind class.\n *\n * - Named key (`sm`, `md`, etc.) -> `{twShorthand}-{tailwindToken}` (e.g. `p-sm`, `mt-2xl`)\n * - Arithmetic (`sm+md`) -> resolved pixel value as a Tailwind arbitrary class (e.g. `[padding:40px]`)\n * - Arbitrary (`auto 3px`, `calc(10vw + 3px)`) -> Tailwind arbitrary class with spaces escaped to `_`\n */\nconst spacingToClass = (twShorthand: string, cssProp: string, value: string): string => {\n    const trimmed = value.trim();\n\n    if (isThemeSpacing(trimmed)) {\n        return `${twShorthand}-${SPACING_TO_TAILWIND[trimmed]}`;\n    }\n\n    const resolved = resolveArithmeticSpacing(trimmed);\n    const escaped = resolved.replace(/\\s+/g, '_');\n    return `[${cssProp}:${escaped}]`;\n};\n\n/**\n * Converts `GenericCSSMixinProps` to a Tailwind class string using `cn()`.\n *\n * Use this in place of the removed `genericCSSMixins` CSS-in-JS template to apply\n * spacing, grid-area, and line-clamp props in plain components.\n */\nexport const getMixinClasses = ({\n    $gridLocation,\n    $lineClamp,\n    $margin,\n    $marginBottom,\n    $marginLeft,\n    $marginRight,\n    $marginTop,\n    $padding,\n    $paddingBottom,\n    $paddingLeft,\n    $paddingRight,\n    $paddingTop,\n}: GenericCSSMixinProps): string =>\n    cn(\n        $padding && $padding.length > 0 && spacingToClass('p', 'padding', $padding),\n        $paddingBottom && $paddingBottom.length > 0 && spacingToClass('pb', 'padding-bottom', $paddingBottom),\n        $paddingLeft && $paddingLeft.length > 0 && spacingToClass('pl', 'padding-left', $paddingLeft),\n        $paddingRight && $paddingRight.length > 0 && spacingToClass('pr', 'padding-right', $paddingRight),\n        $paddingTop && $paddingTop.length > 0 && spacingToClass('pt', 'padding-top', $paddingTop),\n        $margin && $margin.length > 0 && spacingToClass('m', 'margin', $margin),\n        $marginBottom && $marginBottom.length > 0 && spacingToClass('mb', 'margin-bottom', $marginBottom),\n        $marginLeft && $marginLeft.length > 0 && spacingToClass('ml', 'margin-left', $marginLeft),\n        $marginRight && $marginRight.length > 0 && spacingToClass('mr', 'margin-right', $marginRight),\n        $marginTop && $marginTop.length > 0 && spacingToClass('mt', 'margin-top', $marginTop),\n        $gridLocation && `[grid-area:${$gridLocation}]`,\n        $lineClamp !== undefined && `line-clamp-${$lineClamp}`\n    );\n\nexport type GenericCSSMixinProps = LocationProp & PaddingProps & MarginProps & LineClampProp;\n\n/**\n * @deprecated Use `getMixinClasses` with `cn()` in plain components instead.\n *\n * Kept for type-level reference only. Consumers using CSS-in-JS template mixins\n * should migrate to `cn(getMixinClasses(props), ...)` in a non-styled component.\n */\nexport const genericCSSMixins = '';\n\n/**\n * @deprecated Use `getMixinClasses` with `cn()` in plain components instead.\n * @see genericCSSMixins\n */\nexport const paddingMixin = '';\n\n/**\n * @deprecated Use `getMixinClasses` with `cn()` in plain components instead.\n * @see genericCSSMixins\n */\nexport const marginMixin = '';\n\n/**\n * @deprecated Use `getMixinClasses` with `cn()` in plain components instead.\n * @see genericCSSMixins\n */\nexport const locationMixin = '';\n\n/**\n * @deprecated Use `getMixinClasses` with `cn()` in plain components instead.\n * @see genericCSSMixins\n */\nexport const lineClampMixin = '';\n\n/**\n * Parses a spacing prop string against a theme spacing object.\n *\n * @deprecated Prefer `getMixinClasses` for Tailwind-based components.\n * Kept for backward compatibility where a theme spacing object is available.\n */\nexport const themeSpacingParser = (themeSpacing: CleanTheme['spacing'], styles: string): string => {\n    if (isThemeSpacing(styles)) {\n        return themeSpacing[styles];\n    }\n\n    const splitStyles = styles.split(splitRegex);\n    if (splitStyles.length > 1) {\n        const trimmedFirstValue = splitStyles[0].trim();\n        if (!isThemeSpacing(trimmedFirstValue)) {\n            return styles;\n        }\n\n        let acc = themeSpacing[`${trimmedFirstValue}Value`];\n        for (let i = 2; i < splitStyles.length; i += 2) {\n            const trimmedValue = splitStyles[i].trim();\n            if (!isThemeSpacing(trimmedValue)) {\n                return styles;\n            }\n\n            if (splitStyles[i - 1] === '+') {\n                acc += themeSpacing[`${trimmedValue}Value`];\n            } else {\n                acc -= themeSpacing[`${trimmedValue}Value`];\n            }\n        }\n\n        return `${acc}px`;\n    }\n\n    return styles;\n};\n"],"mappings":"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"}

package/mixins.cjs

@@ -0,0 +1,13 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_mixins = require("./mixins-D56ptENc.cjs");
+exports.MIXIN_TAILWIND_STATIC_CLASSES = require_mixins.MIXIN_TAILWIND_STATIC_CLASSES;
+exports.genericCSSMixins = require_mixins.genericCSSMixins;
+exports.getMixinClasses = require_mixins.getMixinClasses;
+exports.lineClampMixin = require_mixins.lineClampMixin;
+exports.locationMixin = require_mixins.locationMixin;
+exports.marginMixin = require_mixins.marginMixin;
+exports.paddingMixin = require_mixins.paddingMixin;
+exports.themeSpacingParser = require_mixins.themeSpacingParser;

package/mixins.d.cts

@@ -0,0 +1,2 @@
+import { a as MarginProps, c as genericCSSMixins, d as locationMixin, f as marginMixin, i as MIXIN_TAILWIND_STATIC_CLASSES, l as getMixinClasses, m as themeSpacingParser, n as LineClampProp, o as PaddingProps, p as paddingMixin, r as LocationProp, s as SimplifiedThemeSpacings, t as GenericCSSMixinProps, u as lineClampMixin } from "./index-MX_CgDGs.cjs";
+export { type GenericCSSMixinProps, type LineClampProp, type LocationProp, MIXIN_TAILWIND_STATIC_CLASSES, type MarginProps, type PaddingProps, type SimplifiedThemeSpacings, genericCSSMixins, getMixinClasses, lineClampMixin, locationMixin, marginMixin, paddingMixin, themeSpacingParser };

package/mixins.d.mts

@@ -0,0 +1,2 @@
+import { a as MarginProps, c as genericCSSMixins, d as locationMixin, f as marginMixin, i as MIXIN_TAILWIND_STATIC_CLASSES, l as getMixinClasses, m as themeSpacingParser, n as LineClampProp, o as PaddingProps, p as paddingMixin, r as LocationProp, s as SimplifiedThemeSpacings, t as GenericCSSMixinProps, u as lineClampMixin } from "./index-MX_CgDGs.mjs";
+export { type GenericCSSMixinProps, type LineClampProp, type LocationProp, MIXIN_TAILWIND_STATIC_CLASSES, type MarginProps, type PaddingProps, type SimplifiedThemeSpacings, genericCSSMixins, getMixinClasses, lineClampMixin, locationMixin, marginMixin, paddingMixin, themeSpacingParser };

package/mixins.mjs

@@ -0,0 +1,2 @@
+import { a as locationMixin, c as themeSpacingParser, i as lineClampMixin, n as genericCSSMixins, o as marginMixin, r as getMixinClasses, s as paddingMixin, t as MIXIN_TAILWIND_STATIC_CLASSES } from "./mixins-CoXneD1m.mjs";
+export { MIXIN_TAILWIND_STATIC_CLASSES, genericCSSMixins, getMixinClasses, lineClampMixin, locationMixin, marginMixin, paddingMixin, themeSpacingParser };

package/modal/components.cjs

@@ -0,0 +1,16 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_providers = require("../providers.cjs");
+const require_components = require("../components-CL4KcKF0.cjs");
+exports.BackButton = require_components.BackButton;
+exports.CloseButton = require_components.CloseButton;
+exports.ModalActions = require_components.ModalActions;
+exports.ModalContent = require_components.ModalContent;
+exports.ModalHeader = require_components.ModalHeader;
+exports.ModalProgressSteps = require_components.ModalProgressSteps;
+exports.ModalSubTitle = require_components.ModalSubTitle;
+exports.ModalTarget = require_providers.ModalTarget;
+exports.ModalTitle = require_components.ModalTitle;

package/modal/components.d.cts

@@ -0,0 +1,3 @@
+import { t as ModalTarget } from "../ModalTarget-CD0Nmzfb.cjs";
+import { a as ModalContent, c as BackButton, i as ModalHeader, n as ModalSubTitle, o as ModalActions, r as ModalProgressSteps, s as CloseButton, t as ModalTitle } from "../index-ojxI7tqs.cjs";
+export { BackButton, CloseButton, ModalActions, ModalContent, ModalHeader, ModalProgressSteps, ModalSubTitle, ModalTarget, ModalTitle };

package/modal/components.d.mts

@@ -0,0 +1,3 @@
+import { t as ModalTarget } from "../ModalTarget-CD0Nmzfb.mjs";
+import { a as ModalContent, c as BackButton, i as ModalHeader, n as ModalSubTitle, o as ModalActions, r as ModalProgressSteps, s as CloseButton, t as ModalTitle } from "../index-ByZJ4iMT2.mjs";
+export { BackButton, CloseButton, ModalActions, ModalContent, ModalHeader, ModalProgressSteps, ModalSubTitle, ModalTarget, ModalTitle };

package/modal/components.mjs

@@ -0,0 +1,4 @@
+'use client';
+import { ModalTarget } from "../providers.mjs";
+import { a as ModalContent, c as BackButton, i as ModalHeader, n as ModalSubTitle, o as ModalActions, r as ModalProgressSteps, s as CloseButton, t as ModalTitle } from "../components-BPFB_cmZ.mjs";
+export { BackButton, CloseButton, ModalActions, ModalContent, ModalHeader, ModalProgressSteps, ModalSubTitle, ModalTarget, ModalTitle };

package/modal/context.cjs

@@ -0,0 +1,26 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let react = require("react");
+let jotai_utils = require("jotai/utils");
+//#region src/Modal/context.ts
+const defaultModalContext = {
+	closeModalOnBackdropClickAtom: (0, jotai_utils.atomWithReset)(true),
+	isMobileKeyboardOpen: (0, jotai_utils.atomWithReset)(false),
+	modalAnimationAtom: (0, jotai_utils.atomWithReset)(""),
+	modalFullScreenAtom: (0, jotai_utils.atomWithReset)(false),
+	modalHasFooterAtom: (0, jotai_utils.atomWithReset)(false),
+	modalHasProgressStepsAtom: (0, jotai_utils.atomWithReset)(false),
+	modalRefAtom: (0, jotai_utils.atomWithReset)({ current: null }),
+	scrollTopAtom: (0, jotai_utils.atomWithReset)(0),
+	showBottomScrollHintAtom: (0, jotai_utils.atomWithReset)(false),
+	showTopScrollHintAtom: (0, jotai_utils.atomWithReset)(false)
+};
+const ModalContext = (0, react.createContext)(defaultModalContext);
+//#endregion
+exports.ModalContext = ModalContext;
+exports.defaultModalContext = defaultModalContext;
+
+//# sourceMappingURL=context.cjs.map

package/modal/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","names":[],"sources":["../../src/Modal/context.ts"],"sourcesContent":["import { atomWithReset } from 'jotai/utils';\nimport { createContext } from 'react';\n\ntype ModalContextType = {\n    closeModalOnBackdropClickAtom: ReturnType<typeof atomWithReset<boolean>>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- hammer-parity: handleCloseData is an arbitrary consumer-defined payload forwarded verbatim to handleClose\n    handleClose?: (handleCloseData?: any) => void;\n    isMobileKeyboardOpen: ReturnType<typeof atomWithReset<boolean>>;\n    modalAnimationAtom: ReturnType<typeof atomWithReset<'opening' | 'closing' | ''>>;\n    modalFullScreenAtom: ReturnType<typeof atomWithReset<boolean>>;\n    modalHasFooterAtom: ReturnType<typeof atomWithReset<boolean>>;\n    modalHasProgressStepsAtom: ReturnType<typeof atomWithReset<boolean>>;\n    modalRefAtom: ReturnType<typeof atomWithReset<{ current: HTMLDialogElement | null }>>;\n    onModalCloseAnimationEnd?: () => void;\n    scrollTopAtom: ReturnType<typeof atomWithReset<number>>;\n    showBottomScrollHintAtom: ReturnType<typeof atomWithReset<boolean>>;\n    showTopScrollHintAtom: ReturnType<typeof atomWithReset<boolean>>;\n};\n\nexport const defaultModalContext: ModalContextType = {\n    closeModalOnBackdropClickAtom: atomWithReset(true),\n    isMobileKeyboardOpen: atomWithReset<boolean>(false),\n    modalAnimationAtom: atomWithReset<'opening' | 'closing' | ''>(''),\n    modalFullScreenAtom: atomWithReset<boolean>(false),\n    modalHasFooterAtom: atomWithReset<boolean>(false),\n    modalHasProgressStepsAtom: atomWithReset<boolean>(false),\n    modalRefAtom: atomWithReset<{ current: HTMLDialogElement | null }>({ current: null }),\n    scrollTopAtom: atomWithReset(0),\n    showBottomScrollHintAtom: atomWithReset<boolean>(false),\n    showTopScrollHintAtom: atomWithReset<boolean>(false),\n};\n\nexport const ModalContext = createContext<ModalContextType>(defaultModalContext);\n"],"mappings":";;;;;;;AAmBA,MAAa,sBAAwC;CACjD,gCAAA,GAAA,YAAA,cAAA,CAA6C,IAAI;CACjD,uBAAA,GAAA,YAAA,cAAA,CAA6C,KAAK;CAClD,qBAAA,GAAA,YAAA,cAAA,CAA8D,EAAE;CAChE,sBAAA,GAAA,YAAA,cAAA,CAA4C,KAAK;CACjD,qBAAA,GAAA,YAAA,cAAA,CAA2C,KAAK;CAChD,4BAAA,GAAA,YAAA,cAAA,CAAkD,KAAK;CACvD,eAAA,GAAA,YAAA,cAAA,CAAmE,EAAE,SAAS,KAAK,CAAC;CACpF,gBAAA,GAAA,YAAA,cAAA,CAA6B,CAAC;CAC9B,2BAAA,GAAA,YAAA,cAAA,CAAiD,KAAK;CACtD,wBAAA,GAAA,YAAA,cAAA,CAA8C,KAAK;AACvD;AAEA,MAAa,gBAAA,GAAA,MAAA,cAAA,CAA+C,mBAAmB"}

package/modal/context.d.cts

@@ -0,0 +1,2 @@
+import { n as defaultModalContext, t as ModalContext } from "../context--_0mDNFa.cjs";
+export { ModalContext, defaultModalContext };

package/modal/context.d.mts

@@ -0,0 +1,2 @@
+import { n as defaultModalContext, t as ModalContext } from "../context--_0mDNFa.mjs";
+export { ModalContext, defaultModalContext };

package/modal/context.mjs

@@ -0,0 +1,21 @@
+'use client';
+import { createContext } from "react";
+import { atomWithReset } from "jotai/utils";
+//#region src/Modal/context.ts
+const defaultModalContext = {
+	closeModalOnBackdropClickAtom: atomWithReset(true),
+	isMobileKeyboardOpen: atomWithReset(false),
+	modalAnimationAtom: atomWithReset(""),
+	modalFullScreenAtom: atomWithReset(false),
+	modalHasFooterAtom: atomWithReset(false),
+	modalHasProgressStepsAtom: atomWithReset(false),
+	modalRefAtom: atomWithReset({ current: null }),
+	scrollTopAtom: atomWithReset(0),
+	showBottomScrollHintAtom: atomWithReset(false),
+	showTopScrollHintAtom: atomWithReset(false)
+};
+const ModalContext = createContext(defaultModalContext);
+//#endregion
+export { ModalContext, defaultModalContext };
+
+//# sourceMappingURL=context.mjs.map

package/modal/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../src/Modal/context.ts"],"sourcesContent":["import { atomWithReset } from 'jotai/utils';\nimport { createContext } from 'react';\n\ntype ModalContextType = {\n    closeModalOnBackdropClickAtom: ReturnType<typeof atomWithReset<boolean>>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- hammer-parity: handleCloseData is an arbitrary consumer-defined payload forwarded verbatim to handleClose\n    handleClose?: (handleCloseData?: any) => void;\n    isMobileKeyboardOpen: ReturnType<typeof atomWithReset<boolean>>;\n    modalAnimationAtom: ReturnType<typeof atomWithReset<'opening' | 'closing' | ''>>;\n    modalFullScreenAtom: ReturnType<typeof atomWithReset<boolean>>;\n    modalHasFooterAtom: ReturnType<typeof atomWithReset<boolean>>;\n    modalHasProgressStepsAtom: ReturnType<typeof atomWithReset<boolean>>;\n    modalRefAtom: ReturnType<typeof atomWithReset<{ current: HTMLDialogElement | null }>>;\n    onModalCloseAnimationEnd?: () => void;\n    scrollTopAtom: ReturnType<typeof atomWithReset<number>>;\n    showBottomScrollHintAtom: ReturnType<typeof atomWithReset<boolean>>;\n    showTopScrollHintAtom: ReturnType<typeof atomWithReset<boolean>>;\n};\n\nexport const defaultModalContext: ModalContextType = {\n    closeModalOnBackdropClickAtom: atomWithReset(true),\n    isMobileKeyboardOpen: atomWithReset<boolean>(false),\n    modalAnimationAtom: atomWithReset<'opening' | 'closing' | ''>(''),\n    modalFullScreenAtom: atomWithReset<boolean>(false),\n    modalHasFooterAtom: atomWithReset<boolean>(false),\n    modalHasProgressStepsAtom: atomWithReset<boolean>(false),\n    modalRefAtom: atomWithReset<{ current: HTMLDialogElement | null }>({ current: null }),\n    scrollTopAtom: atomWithReset(0),\n    showBottomScrollHintAtom: atomWithReset<boolean>(false),\n    showTopScrollHintAtom: atomWithReset<boolean>(false),\n};\n\nexport const ModalContext = createContext<ModalContextType>(defaultModalContext);\n"],"mappings":";;;AAmBA,MAAa,sBAAwC;CACjD,+BAA+B,cAAc,IAAI;CACjD,sBAAsB,cAAuB,KAAK;CAClD,oBAAoB,cAA0C,EAAE;CAChE,qBAAqB,cAAuB,KAAK;CACjD,oBAAoB,cAAuB,KAAK;CAChD,2BAA2B,cAAuB,KAAK;CACvD,cAAc,cAAqD,EAAE,SAAS,KAAK,CAAC;CACpF,eAAe,cAAc,CAAC;CAC9B,0BAA0B,cAAuB,KAAK;CACtD,uBAAuB,cAAuB,KAAK;AACvD;AAEA,MAAa,eAAe,cAAgC,mBAAmB"}

package/modal/useCloseModal.cjs

@@ -0,0 +1,103 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_nodeEnv = require("../nodeEnv-BdQ-HyQz.cjs");
+const require_modal_context = require("./context.cjs");
+let react = require("react");
+let jotai = require("jotai");
+let jotai_utils = require("jotai/utils");
+//#region src/Modal/hooks/useCloseModal.ts
+/**
+* Closes the modal without an animation.
+*
+* If possible, use `useCloseModal` instead.
+*
+* @param handleCloseData Data that will be passed to the `handleClose` function on the modal.
+* By default, the close button calls with `"close"` and the backdrop calls with `"backdrop"`.
+* @returns A function that closes the modal instantly.
+*/
+const useForceCloseModal = (handleCloseData) => {
+	const modalContext = (0, react.useContext)(require_modal_context.ModalContext);
+	if (modalContext === require_modal_context.defaultModalContext) throw new Error("useForceCloseModal must be used within a Modal. If you need to programmatically close a modal, change show to false instead.");
+	const { handleClose, modalAnimationAtom, modalHasFooterAtom, onModalCloseAnimationEnd, scrollTopAtom, showBottomScrollHintAtom, showTopScrollHintAtom } = modalContext;
+	const resetShowBottomScrollHint = (0, jotai_utils.useResetAtom)(showBottomScrollHintAtom);
+	const resetShowTopScrollHint = (0, jotai_utils.useResetAtom)(showTopScrollHintAtom);
+	const resetScrollTop = (0, jotai_utils.useResetAtom)(scrollTopAtom);
+	const resetModalHasFooter = (0, jotai_utils.useResetAtom)(modalHasFooterAtom);
+	const resetIsClosingModal = (0, jotai_utils.useResetAtom)(modalAnimationAtom);
+	return (0, react.useCallback)(() => {
+		resetShowBottomScrollHint();
+		resetShowTopScrollHint();
+		resetScrollTop();
+		resetModalHasFooter();
+		resetIsClosingModal();
+		handleClose?.(handleCloseData);
+		if (require_nodeEnv.nodeEnv === "test") onModalCloseAnimationEnd?.();
+	}, [
+		resetShowBottomScrollHint,
+		resetShowTopScrollHint,
+		resetScrollTop,
+		resetModalHasFooter,
+		onModalCloseAnimationEnd,
+		resetIsClosingModal,
+		handleClose,
+		handleCloseData
+	]);
+};
+/**
+* Closes the modal with an animation.
+*
+* If the animation does not finish, the modal will not be closed.
+*
+* If you want to close the modal without an animation, use `useForceCloseModal` instead.
+*
+* @param handleCloseData Data that will be passed to the `handleClose` function on the modal.
+* By default, the close button calls with `"close"` and the backdrop calls with `"backdrop"`.
+* @returns A function that closes the modal.
+*/
+const useCloseModal = (handleCloseData) => {
+	const { modalAnimationAtom } = (0, react.useContext)(require_modal_context.ModalContext);
+	const forceCloseModal = useForceCloseModal(handleCloseData);
+	const setModalAnimation = (0, jotai.useSetAtom)(modalAnimationAtom);
+	const isTestEnv = require_nodeEnv.nodeEnv === "test";
+	/* istanbul ignore next */
+	return (0, react.useCallback)(async () => {
+		if (typeof document === "undefined") return;
+		let storedResolve;
+		let storedReject;
+		const promiseWeAwait = new Promise((resolve, reject) => {
+			storedResolve = resolve;
+			storedReject = reject;
+		});
+		const timeout = setTimeout(() => {
+			console.error("Modal reached error state: Modal show was set to `false` out of order. To fix, make sure you are using useCloseModal (and waiting for the animation to finish) or useForceCloseModal");
+			storedReject();
+		}, 450);
+		const backdrop = document.querySelector(".hui-modal-backdrop");
+		const container = document.querySelector(".hui-modal-container");
+		if (isTestEnv) {
+			clearTimeout(timeout);
+			forceCloseModal();
+			return;
+		}
+		if (!backdrop || !container) return;
+		setModalAnimation("closing");
+		container.addEventListener("animationend", () => {
+			clearTimeout(timeout);
+			forceCloseModal();
+			storedResolve();
+		});
+		await promiseWeAwait;
+	}, [
+		forceCloseModal,
+		setModalAnimation,
+		isTestEnv
+	]);
+};
+//#endregion
+exports.useCloseModal = useCloseModal;
+exports.useForceCloseModal = useForceCloseModal;
+
+//# sourceMappingURL=useCloseModal.cjs.map

package/modal/useCloseModal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseModal.cjs","names":["ModalContext","defaultModalContext","nodeEnv"],"sources":["../../src/Modal/hooks/useCloseModal.ts"],"sourcesContent":["import { useSetAtom } from 'jotai';\nimport { useResetAtom } from 'jotai/utils';\nimport { useCallback, useContext } from 'react';\n\nimport { nodeEnv } from '../../utils/nodeEnv';\nimport { defaultModalContext, ModalContext } from '../context';\n\n/**\n * Closes the modal without an animation.\n *\n * If possible, use `useCloseModal` instead.\n *\n * @param handleCloseData Data that will be passed to the `handleClose` function on the modal.\n * By default, the close button calls with `\"close\"` and the backdrop calls with `\"backdrop\"`.\n * @returns A function that closes the modal instantly.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- hammer-parity: handleCloseData is an arbitrary consumer-defined payload forwarded verbatim to handleClose\nexport const useForceCloseModal = (handleCloseData?: any) => {\n    const modalContext = useContext(ModalContext);\n\n    if (modalContext === defaultModalContext) {\n        throw new Error(\n            'useForceCloseModal must be used within a Modal. If you need to programmatically close a modal, change show to false instead.'\n        );\n    }\n\n    const {\n        handleClose,\n        modalAnimationAtom,\n        modalHasFooterAtom,\n        onModalCloseAnimationEnd,\n        scrollTopAtom,\n        showBottomScrollHintAtom,\n        showTopScrollHintAtom,\n    } = modalContext;\n    const resetShowBottomScrollHint = useResetAtom(showBottomScrollHintAtom);\n    const resetShowTopScrollHint = useResetAtom(showTopScrollHintAtom);\n    const resetScrollTop = useResetAtom(scrollTopAtom);\n    const resetModalHasFooter = useResetAtom(modalHasFooterAtom);\n    const resetIsClosingModal = useResetAtom(modalAnimationAtom);\n\n    return useCallback(() => {\n        resetShowBottomScrollHint();\n        resetShowTopScrollHint();\n        resetScrollTop();\n        resetModalHasFooter();\n        resetIsClosingModal();\n        handleClose?.(handleCloseData);\n\n        // if we are in a test environment, we want to call the onModalCloseAnimationEnd callback since it is not called by the animation end event\n        if (nodeEnv === 'test') {\n            onModalCloseAnimationEnd?.();\n        }\n    }, [\n        resetShowBottomScrollHint,\n        resetShowTopScrollHint,\n        resetScrollTop,\n        resetModalHasFooter,\n        onModalCloseAnimationEnd,\n        resetIsClosingModal,\n        handleClose,\n        handleCloseData,\n    ]);\n};\n\n/**\n * Closes the modal with an animation.\n *\n * If the animation does not finish, the modal will not be closed.\n *\n * If you want to close the modal without an animation, use `useForceCloseModal` instead.\n *\n * @param handleCloseData Data that will be passed to the `handleClose` function on the modal.\n * By default, the close button calls with `\"close\"` and the backdrop calls with `\"backdrop\"`.\n * @returns A function that closes the modal.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- hammer-parity: handleCloseData is an arbitrary consumer-defined payload forwarded verbatim to handleClose\nexport const useCloseModal = (handleCloseData?: any) => {\n    const { modalAnimationAtom } = useContext(ModalContext);\n    const forceCloseModal = useForceCloseModal(handleCloseData);\n    const setModalAnimation = useSetAtom(modalAnimationAtom);\n    const isTestEnv = nodeEnv === 'test';\n\n    /* istanbul ignore next */\n    return useCallback(async () => {\n        if (typeof document === 'undefined') {\n            return;\n        }\n\n        let storedResolve: () => void;\n        let storedReject: () => void;\n        const promiseWeAwait = new Promise<void>((resolve, reject) => {\n            storedResolve = resolve;\n            storedReject = reject;\n        });\n\n        const timeout = setTimeout(() => {\n            // eslint-disable-next-line no-console\n            console.error(\n                'Modal reached error state: Modal show was set to `false` out of order. To fix, make sure you are using useCloseModal (and waiting for the animation to finish) or useForceCloseModal'\n            );\n            storedReject();\n        }, 450);\n\n        // These are hard coded in those components. Lets us use less refs.\n        const backdrop = document.querySelector('.hui-modal-backdrop') as HTMLElement | null;\n        const container = document.querySelector('.hui-modal-container') as HTMLElement | null;\n\n        if (isTestEnv) {\n            clearTimeout(timeout);\n            forceCloseModal();\n            return;\n        }\n\n        if (!backdrop || !container) {\n            return;\n        }\n\n        // If we are in a test environment, we want to close the modal immediately.\n\n        setModalAnimation('closing');\n\n        container.addEventListener('animationend', () => {\n            clearTimeout(timeout);\n            forceCloseModal();\n            storedResolve();\n        });\n\n        // Wait for the animation to finish.\n\n        await promiseWeAwait;\n    }, [forceCloseModal, setModalAnimation, isTestEnv]);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,MAAa,sBAAsB,oBAA0B;CACzD,MAAM,gBAAA,GAAA,MAAA,WAAA,CAA0BA,sBAAAA,YAAY;CAE5C,IAAI,iBAAiBC,sBAAAA,qBACjB,MAAM,IAAI,MACN,8HACJ;CAGJ,MAAM,EACF,aACA,oBACA,oBACA,0BACA,eACA,0BACA,0BACA;CACJ,MAAM,6BAAA,GAAA,YAAA,aAAA,CAAyC,wBAAwB;CACvE,MAAM,0BAAA,GAAA,YAAA,aAAA,CAAsC,qBAAqB;CACjE,MAAM,kBAAA,GAAA,YAAA,aAAA,CAA8B,aAAa;CACjD,MAAM,uBAAA,GAAA,YAAA,aAAA,CAAmC,kBAAkB;CAC3D,MAAM,uBAAA,GAAA,YAAA,aAAA,CAAmC,kBAAkB;CAE3D,QAAA,GAAA,MAAA,YAAA,OAAyB;EACrB,0BAA0B;EAC1B,uBAAuB;EACvB,eAAe;EACf,oBAAoB;EACpB,oBAAoB;EACpB,cAAc,eAAe;EAG7B,IAAIC,gBAAAA,YAAY,QACZ,2BAA2B;CAEnC,GAAG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAC;AACL;;;;;;;;;;;;AAcA,MAAa,iBAAiB,oBAA0B;CACpD,MAAM,EAAE,wBAAA,GAAA,MAAA,WAAA,CAAkCF,sBAAAA,YAAY;CACtD,MAAM,kBAAkB,mBAAmB,eAAe;CAC1D,MAAM,qBAAA,GAAA,MAAA,WAAA,CAA+B,kBAAkB;CACvD,MAAM,YAAYE,gBAAAA,YAAY;;CAG9B,QAAA,GAAA,MAAA,YAAA,CAAmB,YAAY;EAC3B,IAAI,OAAO,aAAa,aACpB;EAGJ,IAAI;EACJ,IAAI;EACJ,MAAM,iBAAiB,IAAI,SAAe,SAAS,WAAW;GAC1D,gBAAgB;GAChB,eAAe;EACnB,CAAC;EAED,MAAM,UAAU,iBAAiB;GAE7B,QAAQ,MACJ,sLACJ;GACA,aAAa;EACjB,GAAG,GAAG;EAGN,MAAM,WAAW,SAAS,cAAc,qBAAqB;EAC7D,MAAM,YAAY,SAAS,cAAc,sBAAsB;EAE/D,IAAI,WAAW;GACX,aAAa,OAAO;GACpB,gBAAgB;GAChB;EACJ;EAEA,IAAI,CAAC,YAAY,CAAC,WACd;EAKJ,kBAAkB,SAAS;EAE3B,UAAU,iBAAiB,sBAAsB;GAC7C,aAAa,OAAO;GACpB,gBAAgB;GAChB,cAAc;EAClB,CAAC;EAID,MAAM;CACV,GAAG;EAAC;EAAiB;EAAmB;CAAS,CAAC;AACtD"}

package/modal/useCloseModal.d.cts

@@ -0,0 +1,2 @@
+import { n as useForceCloseModal, t as useCloseModal } from "../useCloseModal-CIPrwKwM.cjs";
+export { useCloseModal, useForceCloseModal };

package/modal/useCloseModal.d.mts

@@ -0,0 +1,2 @@
+import { n as useForceCloseModal, t as useCloseModal } from "../useCloseModal-CIPrwKwM.mjs";
+export { useCloseModal, useForceCloseModal };