@stamcat/craftsman 0.0.27-alpha.8 → 0.0.27

package/src/utilities/types.d.ts

@@ -52,6 +52,8 @@ export type TextInputExclusions = z.infer<typeof zTextInputExclusions>;
 export declare const zTextInputTypes: readonly ["color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week", "radio", "checkbox"];
 export declare const zTextInputType: z.ZodEnum<{
     number: "number";
+    search: "search";
+    month: "month";
     text: "text";
     checkbox: "checkbox";
     radio: "radio";
@@ -62,11 +64,9 @@ export declare const zTextInputType: z.ZodEnum<{
     file: "file";
     hidden: "hidden";
     image: "image";
-    month: "month";
     password: "password";
     range: "range";
     reset: "reset";
-    search: "search";
     submit: "submit";
     tel: "tel";
     time: "time";
@@ -83,6 +83,18 @@ export declare const zLabelPosition: z.ZodEnum<{
     inside: "inside";
 }>;
 export type LabelPosition = z.infer<typeof zLabelPosition>;
+export declare const zCheckboxLabelPosition: z.ZodEnum<{
+    top: "top";
+    left: "left";
+    bottom: "bottom";
+    right: "right";
+}>;
+export type CheckboxLabelPosition = z.infer<typeof zCheckboxLabelPosition>;
+export declare const zRadioLabelPosition: z.ZodEnum<{
+    left: "left";
+    right: "right";
+}>;
+export type RadioLabelPosition = z.infer<typeof zRadioLabelPosition>;
 export declare const ButtonType: z.ZodEnum<{
     text: "text";
     primary: "primary";
@@ -109,10 +121,23 @@ export declare const TextType: z.ZodEnum<{
 }>;
 export type TextType = z.infer<typeof TextType>;
 export declare const TextSize: z.ZodEnum<{
+    small: "small";
     xlarge: "xlarge";
     large: "large";
     medium: "medium";
-    small: "small";
     xsmall: "xsmall";
 }>;
 export type TextSize = z.infer<typeof TextSize>;
+export declare const CarouselPageType: z.ZodEnum<{
+    dots: "dots";
+    numbers: "numbers";
+}>;
+export type CarouselPageType = z.infer<typeof CarouselPageType>;
+export declare const NoticeType: z.ZodEnum<{
+    help: "help";
+    info: "info";
+    success: "success";
+    error: "error";
+    none: "none";
+}>;
+export type NoticeType = z.infer<typeof NoticeType>;

package/src/utilities/types.esm.js

@@ -49,11 +49,11 @@ var t = e.enum(["gutter", "column"]), n = e.enum([
 	"right",
 	"inside",
 	"hidden"
-]), u = e.enum([
+]), u = l.exclude(["inside", "hidden"]), d = l.extract(["left", "right"]), f = e.enum([
 	"primary",
 	"default",
 	"text"
-]), d = e.enum([
+]), p = e.enum([
 	"h1",
 	"h2",
 	"h3",
@@ -62,18 +62,24 @@ var t = e.enum(["gutter", "column"]), n = e.enum([
 	"p",
 	"span",
 	"div"
-]), f = e.enum([
+]), m = e.enum([
 	"display",
 	"heading",
 	"paragraph",
 	"caption",
 	"small-title"
-]), p = e.enum([
+]), h = e.enum([
 	"xlarge",
 	"large",
 	"medium",
 	"small",
 	"xsmall"
+]), g = e.enum(["dots", "numbers"]), _ = e.enum([
+	"help",
+	"info",
+	"success",
+	"error",
+	"none"
 ]);
 //#endregion
-export { t as BaseWidthSchema, i as BreakpointSchema, u as ButtonType, a as LayoutWidthsSchema, r as MaxScreenWidthSchema, n as ScreenWidthSchema, p as TextSize, d as TextTags, f as TextType, l as zLabelPosition, o as zTextInputExclusions, c as zTextInputType, s as zTextInputTypes };
+export { t as BaseWidthSchema, i as BreakpointSchema, f as ButtonType, g as CarouselPageType, a as LayoutWidthsSchema, r as MaxScreenWidthSchema, _ as NoticeType, n as ScreenWidthSchema, h as TextSize, p as TextTags, m as TextType, u as zCheckboxLabelPosition, l as zLabelPosition, d as zRadioLabelPosition, o as zTextInputExclusions, c as zTextInputType, s as zTextInputTypes };

package/src/utilities/validations.d.ts

@@ -1,2 +1,7 @@
+import { DateTimePickerProps } from 'react-datetime-picker';
 export declare function isEmpty(value: unknown): boolean;
 export declare function validateEmail(value: string): boolean;
+export declare const getUnitLabel: (locale: Intl.LocalesArgument, unit: Intl.NumberFormatOptions["unit"], override?: string) => string;
+export declare const is24HourFormat: (locale: Intl.LocalesArgument) => boolean;
+export declare const getAmPmLabels: (locale: Intl.LocalesArgument) => [string, string];
+export declare const formatTime: (value: DateTimePickerProps["value"], locale: Intl.LocalesArgument) => string;

package/src/utilities/validations.esm.js

@@ -5,5 +5,23 @@ function e(e) {
 function t(e) {
 	return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
+var n = (e, t, n) => n ?? new Intl.NumberFormat(e, {
+	style: "unit",
+	unit: t,
+	unitDisplay: "long"
+}).formatToParts(1).find((e) => e.type === "unit")?.value ?? String(t), r = (e) => {
+	let t = new Intl.DateTimeFormat(e, { hour: "numeric" }).resolvedOptions();
+	return t.hourCycle === "h23" || t.hourCycle === "h24";
+}, i = (e) => {
+	let t = new Intl.DateTimeFormat(e, {
+		hour: "numeric",
+		hour12: !0
+	});
+	return [t.formatToParts(new Date(2e3, 0, 1, 9)).find((e) => e.type === "dayPeriod")?.value ?? "AM", t.formatToParts(new Date(2e3, 0, 1, 21)).find((e) => e.type === "dayPeriod")?.value ?? "PM"];
+}, a = (e, t) => e instanceof Date ? new Intl.DateTimeFormat(t, {
+	hour: "2-digit",
+	minute: "2-digit",
+	hour12: !1
+}).format(e) : "--:--";
 //#endregion
-export { e as isEmpty, t as validateEmail };
+export { a as formatTime, i as getAmPmLabels, n as getUnitLabel, r as is24HourFormat, e as isEmpty, t as validateEmail };

package/src/components/Input/Checkbox.d.ts

@@ -1,7 +0,0 @@
-import { InputProps } from './Input';
-type CheckboxProps = InputProps & {
-    type?: "checkbox";
-    labelPosition?: "left" | "right" | "top" | "bottom";
-};
-export declare const Checkbox: React.FC<CheckboxProps>;
-export {};

package/src/components/Input/Checkbox.esm.js

@@ -1,11 +0,0 @@
-"use client";
-import { Input as e } from "./Input.esm.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/Input/Checkbox.tsx
-var n = ({ type: n = "checkbox", labelPosition: r = "right", ...i }) => /* @__PURE__ */ t(e, {
-	type: n,
-	labelPosition: r,
-	...i
-});
-//#endregion
-export { n as Checkbox };

package/src/components/Input/Input.esm.js

@@ -1,34 +0,0 @@
-"use client";
-import { isEmpty as e } from "../../utilities/validations.esm.js";
-import t from "./Input.module.esm.js";
-import { InputWrapper as n } from "./InputWrapper.esm.js";
-import r from "clsx";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useId as o } from "react";
-//#region src/components/Input/Input.tsx
-var s = ({ label: s, id: c, labelPosition: l = "top", required: u = !1, type: d = "text", error: f, endAdornment: p, style: m, className: h, ...g }) => {
-	let _ = o(), v = c || _;
-	return /* @__PURE__ */ i(n, {
-		className: h,
-		label: s,
-		labelPosition: l,
-		error: f,
-		required: u,
-		style: m,
-		children: /* @__PURE__ */ a("span", {
-			className: t.inputField,
-			"data-has-end-adornment": !e(p),
-			children: [/* @__PURE__ */ i("input", {
-				id: v,
-				type: d,
-				className: r(t.input, d),
-				...g
-			}), !e(p) && /* @__PURE__ */ i("span", {
-				className: t.inputAdornment,
-				children: p
-			})]
-		})
-	});
-};
-//#endregion
-export { s as Input };

package/src/components/Input/Input.module.css

@@ -1 +0,0 @@
-@layer craftsman-base{._wrapper_1xyh8_2[data-label-position=inside]{--react-international-phone-height:50px;--react-international-phone-border-radius:8px;--react-international-phone-border-color:silver;position:relative}}._wrapper_1xyh8_2 label ._inputLabel_1xyh8_9{margin-bottom:calc(var(--w-gutter) * .25)}._wrapper_1xyh8_2[data-required=true] label ._inputLabel_1xyh8_9:after{content:"*";color:var(--red700)}._wrapper_1xyh8_2[data-label-position=left] label{align-items:center;display:inline-flex}._wrapper_1xyh8_2[data-label-position=left] label ._inputLabel_1xyh8_9{width:fit-content;margin-right:calc(var(--w-gutter) * .75)}._wrapper_1xyh8_2[data-label-position=left]._textarea_1xyh8_24 label{align-items:flex-start}._wrapper_1xyh8_2[data-label-position=bottom] label{flex-direction:column-reverse;align-items:flex-start;display:inline-flex}._wrapper_1xyh8_2[data-label-position=bottom] label ._inputLabel_1xyh8_9{margin-bottom:0;margin-top:calc(var(--w-gutter) * .25)}._wrapper_1xyh8_2[data-label-position=right] label{flex-direction:row-reverse;align-items:baseline;display:inline-flex}._wrapper_1xyh8_2[data-label-position=right] label ._inputLabel_1xyh8_9{margin-left:calc(var(--w-gutter) * .25);margin-bottom:0}._wrapper_1xyh8_2[data-label-position=inside] ._inputLabel_1xyh8_9{background-color:var(--white);z-index:1;width:fit-content;top:calc(var(--w-gutter) * .25);left:calc(var(--w-gutter) * .25);pointer-events:none;padding:0 5px;transition:top .15s,left .15s,font-size .15s,color .15s;position:absolute}._wrapper_1xyh8_2[data-label-position=inside]>label>._inputField_1xyh8_56>._input_1xyh8_9,._wrapper_1xyh8_2[data-label-position=inside]>._input_1xyh8_9{transition:border-color .2s}._wrapper_1xyh8_2[data-label-position=inside]:focus-within ._inputLabel_1xyh8_9{top:-.5rem;left:calc(var(--w-gutter) * .125);font-size:calc(var(--w-text) * .75);color:var(--blue500)}._wrapper_1xyh8_2[data-label-position=inside]:focus-within ._input_1xyh8_9{border-color:var(--blue500)}._wrapper_1xyh8_2[data-label-position=inside]:focus-within ._input_1xyh8_9::placeholder{opacity:1}._wrapper_1xyh8_2[data-label-position=inside][data-has-input=true] ._inputLabel_1xyh8_9{top:-.5rem;left:calc(var(--w-gutter) * .125);font-size:calc(var(--w-text) * .75)}._wrapper_1xyh8_2[data-label-position=inside]:has(._input_1xyh8_9:not(:placeholder-shown)) ._inputLabel_1xyh8_9{top:-.5rem;left:calc(var(--w-gutter) * .125);font-size:calc(var(--w-text) * .75)}._wrapper_1xyh8_2[data-label-position=inside]:has(._input_1xyh8_9:-webkit-autofill) ._inputLabel_1xyh8_9{top:-.5rem;left:calc(var(--w-gutter) * .125);font-size:calc(var(--w-text) * .75)}._wrapper_1xyh8_2[data-label-position=inside] ._input_1xyh8_9[type=tel]{width:100%}._wrapper_1xyh8_2[data-label-position=inside] ._input_1xyh8_9::placeholder{opacity:0;transition:opacity .2s}._inputField_1xyh8_56{align-items:center;display:inline-flex;position:relative}._inputField_1xyh8_56[data-has-end-adornment=true]>._input_1xyh8_9{width:100%;padding-right:calc(var(--w-gutter) * 1.5)}._inputAdornment_1xyh8_95{right:calc(var(--w-gutter) * .5);z-index:1;align-items:center;margin-top:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}._error_1xyh8_106{margin-top:calc(var(--w-gutter) * .25);font-size:calc(var(--w-text) * .75);color:var(--red600)}._inputViewToggle_1xyh8_112{align-items:"center";padding:0;line-height:1;display:inline-flex}

package/src/components/Input/Input.module.esm.js

@@ -1,13 +0,0 @@
-import './Input.module.css';//#region src/components/Input/Input.module.scss
-var e = "_wrapper_1xyh8_2", t = "_inputLabel_1xyh8_9", n = "_textarea_1xyh8_24", r = "_inputField_1xyh8_56", i = "_input_1xyh8_9", a = "_inputAdornment_1xyh8_95", o = "_error_1xyh8_106", s = "_inputViewToggle_1xyh8_112", c = {
-	wrapper: e,
-	inputLabel: t,
-	textarea: n,
-	inputField: r,
-	input: i,
-	inputAdornment: a,
-	error: o,
-	inputViewToggle: s
-};
-//#endregion
-export { c as default, o as error, i as input, a as inputAdornment, r as inputField, t as inputLabel, s as inputViewToggle, n as textarea, e as wrapper };

package/src/components/Input/Input.module.scss

@@ -1,165 +0,0 @@
-@use "../../styles/global/components/input";
-@use "../../styles/utilities/functions" as u;
-
-
-@mixin inside-input-label-floating {
-top: -0.5rem;
-left: #{u.width("gutter", 0.125)};
-font-size: #{u.width("text", 0.75)};
-}
-
-.wrapper {
-    label {
-        .inputLabel {
-            margin-bottom: #{u.width("gutter", 0.25)};
-        }
-    }
-
-    &[data-required="true"] {
-        label {
-            .inputLabel {
-                &::after {
-                    content: "*";
-                    color: var(--red700);
-                }
-            }
-        }
-    }
-
-    &[data-label-position="left"] {
-        label {
-            display: inline-flex;
-            align-items: center;
-
-            .inputLabel {
-                width: fit-content;
-                margin-right: #{u.width("gutter", 0.75)};
-            }
-        }
-        &.textarea {
-            label {
-                align-items: flex-start;
-            }
-        }
-    }
-
-    &[data-label-position="bottom"] {
-        label {
-            display: inline-flex;
-            flex-direction: column-reverse;
-            align-items: flex-start;
-
-            .inputLabel {
-                margin-bottom: 0;
-                margin-top: #{u.width("gutter", 0.25)};
-            }
-        }
-    }
-
-    &[data-label-position="right"] {
-        label {
-            display: inline-flex;
-            flex-direction: row-reverse;
-            align-items: baseline;
-
-            .inputLabel {
-                margin-left: #{u.width("gutter", 0.25)};
-                margin-bottom: 0;
-            }
-        }
-    }
-
-    &[data-label-position="inside"] {
-        @extend %inside-input-label-base;
-
-        .inputLabel {
-            position: absolute;
-            background-color: var(--white);
-            z-index: 1;
-            width: fit-content;
-            padding: 0 5px;
-            top: #{u.width(gutter, 0.25)};
-            left: #{u.width(gutter, 0.25)};
-            pointer-events: none;
-            transition:
-                top 150ms ease,
-                left 150ms ease,
-                font-size 150ms ease,
-                color 150ms ease;
-        }
-
-        > label > .inputField > .input,
-        > .input {
-            transition: border-color 200ms ease;
-        }
-
-        &:focus-within {
-            .inputLabel {
-                @include inside-input-label-floating;
-                color: var(--blue500);
-            }
-
-            .input {
-                border-color: var(--blue500);
-            }
-
-            .input::placeholder {
-                opacity: 1;
-            }
-        }
-
-        &:has(.input:not(:placeholder-shown)),
-        &:has(.input:-webkit-autofill),
-        &[data-has-input="true"] {
-            .inputLabel {
-                @include inside-input-label-floating;
-            }
-        }
-
-        .input[type="tel"] {
-            width: 100%;
-        }
-
-        .input::placeholder {
-            opacity: 0;
-            transition: opacity 200ms ease;
-        }
-    }
-
-}
-
-.inputField {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-
-    &[data-has-end-adornment="true"] {
-        > .input {
-            width: 100%;
-            padding-right: #{u.width("gutter", 1.5)};;
-        }
-    }
-}
-
-.inputAdornment {
-    position: absolute;
-    right: #{u.width("gutter", 0.5)};;
-    top: 50%;
-    transform: translateY(-50%);
-    margin-top: 0;
-    z-index: 1;
-    display: inline-flex;
-    align-items: center;
-}
-
-.error {
-    margin-top: #{u.width("gutter", 0.25)};;
-    font-size: #{u.width("text", 0.75)};;
-    color: var(--red600);
-}
-.inputViewToggle {
-    padding: 0;
-    display: inline-flex;
-    align-items: "center";
-    line-height: 1;
-};

package/src/components/Input/InputPassword.esm.js

@@ -1,29 +0,0 @@
-"use client";
-import { Button as e } from "../Button/Button.esm.js";
-import t from "./Input.module.esm.js";
-import { Input as n } from "./Input.esm.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useState as i } from "react";
-import { ImEye as a, ImEyeBlocked as o } from "react-icons/im";
-//#region src/components/Input/InputPassword.tsx
-var s = ({ visible: n, onToggle: i }) => /* @__PURE__ */ r(e, {
-	type: "button",
-	variant: "text",
-	onClick: i,
-	"aria-label": n ? "Hide password" : "Show password",
-	"aria-pressed": n,
-	className: t.inputViewToggle,
-	children: r(n ? a : o, { size: 16 })
-}), c = ({ type: e = "password", ...t }) => {
-	let [a, o] = i(!1), c = a ? "text" : e;
-	return /* @__PURE__ */ r(n, {
-		...t,
-		type: c,
-		endAdornment: /* @__PURE__ */ r(s, {
-			visible: a,
-			onToggle: () => o((e) => !e)
-		})
-	});
-};
-//#endregion
-export { c as InputPassword };

package/src/components/Input/RadioButton.d.ts

@@ -1,7 +0,0 @@
-import { InputProps } from './Input';
-type RadioButtonProps = InputProps & {
-    type?: "radio";
-    labelPosition?: "left" | "right";
-};
-export declare const RadioButton: React.FC<RadioButtonProps>;
-export {};

package/src/components/Input/RadioButton.esm.js

@@ -1,11 +0,0 @@
-"use client";
-import { Input as e } from "./Input.esm.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/Input/RadioButton.tsx
-var n = ({ type: n = "radio", labelPosition: r = "right", ...i }) => /* @__PURE__ */ t(e, {
-	type: n,
-	labelPosition: r,
-	...i
-});
-//#endregion
-export { n as RadioButton };

package/src/components/Input/Textarea.esm.js

@@ -1,25 +0,0 @@
-"use client";
-import e from "./Input.module.esm.js";
-import { InputWrapper as t } from "./InputWrapper.esm.js";
-import n from "clsx";
-import { jsx as r } from "react/jsx-runtime";
-import { useId as i } from "react";
-//#region src/components/Input/Textarea.tsx
-var a = ({ labelPosition: a = "top", id: o, label: s, error: c, required: l, className: u, style: d, ...f }) => {
-	let p = i(), m = o || p;
-	return /* @__PURE__ */ r(t, {
-		label: s,
-		className: n(e.textarea, u),
-		labelPosition: a,
-		error: c,
-		required: l,
-		style: d,
-		children: /* @__PURE__ */ r("textarea", {
-			id: m,
-			className: n(e.input),
-			...f
-		})
-	});
-};
-//#endregion
-export { a as Textarea };

package/src/components/Modal/Modal.esm.js

@@ -1,53 +0,0 @@
-"use client";
-import { color as e } from "../../styles/utilities/color.esm.js";
-import { Button as t } from "../Button/Button.esm.js";
-import n from "./Modal.module.esm.js";
-import r from "clsx";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "react";
-import { LuX as c } from "react-icons/lu";
-//#region src/components/Modal/Modal.tsx
-var l = class extends s.PureComponent {
-	state = { isClosing: !1 };
-	onDismiss = () => {
-		this.props.onDismiss && (this.setState({ isClosing: !0 }), setTimeout(() => {
-			this.props.onDismiss && this.props.onDismiss(), this.setState({ isClosing: !1 });
-		}, 280));
-	};
-	onClickBackground = () => {
-		(this.props.backgroundDismiss ?? !0) === !0 && this.onDismiss();
-	};
-	render() {
-		let s = this.props.type || "dialog";
-		return this.props.visible ? /* @__PURE__ */ o("div", {
-			className: r([n.wrapper, this.props.className]),
-			style: this.props.style,
-			children: [/* @__PURE__ */ o("div", {
-				className: r(n.content, n[s]),
-				"data-is-closing": this.state.isClosing,
-				children: [
-					/* @__PURE__ */ o("header", { children: [this.props.header && /* @__PURE__ */ a(i, { children: this.props.header }), !this.props.hideDismissIcon && /* @__PURE__ */ a(t, {
-						variant: "primary",
-						className: n.closeModal,
-						onClick: this.onDismiss,
-						children: /* @__PURE__ */ a(c, {
-							fill: e("white"),
-							size: 18
-						})
-					})] }),
-					/* @__PURE__ */ a("section", { children: this.props.children }),
-					this.props.footer && /* @__PURE__ */ a("footer", {
-						className: n.actionContainer,
-						children: this.props.footer
-					})
-				]
-			}), /* @__PURE__ */ a("div", {
-				className: n.background,
-				"data-is-closing": this.state.isClosing,
-				onClick: this.onClickBackground
-			})]
-		}) : /* @__PURE__ */ a(i, {});
-	}
-};
-//#endregion
-export { l as Modal };

package/src/components/Modal/Modal.module.css

@@ -1 +0,0 @@
-._wrapper_3m995_1,._background_3m995_1{width:100%;height:100%;position:fixed;inset:0}@keyframes _fadeIn_3m995_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_3m995_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_3m995_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideOut_3m995_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._wrapper_3m995_1{z-index:1000;justify-content:center;align-items:center;display:flex}._background_3m995_1{z-index:1001;background-color:#00000080;animation-fill-mode:forwards}._background_3m995_1[data-is-closing=true]{animation:.3s ease-in-out _fadeOut_3m995_1}._background_3m995_1[data-is-closing=false]{animation:.3s ease-in-out _fadeIn_3m995_1}._content_3m995_62{padding:var(--w-gutter);z-index:1002;background-color:var(--white);-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:80vh;animation-fill-mode:forwards;overflow-y:auto}._content_3m995_62[data-is-closing=true]{animation:.3s ease-in-out _slideOut_3m995_1}._content_3m995_62[data-is-closing=false]{animation:.3s ease-in-out _slideIn_3m995_1}._content_3m995_62._panel_3m995_78{height:100%;position:fixed;top:0;right:0}._content_3m995_62._dialog_3m995_84{border-radius:8px}._content_3m995_62>header{width:100%;margin-bottom:calc(var(--w-gutter) * .5);justify-content:space-between;display:inline-flex}._content_3m995_62>header>button:only-child{margin-left:auto}._actionContainer_3m995_97{margin-top:calc(var(--w-gutter) * 2);background-color:var(--white);gap:var(--w-gutter);height:fit-content;display:flex}._closeModal_3m995_105{border-radius:50%;justify-content:center;width:30px;height:30px;padding:0;text-decoration:none;display:inline-flex}@media (width>=0) and (width<=660px){._content_3m995_62._panel_3m995_78,._content_3m995_62._dialog_3m995_84{width:100%;height:100%}}@media (width>=660px){._content_3m995_62._panel_3m995_78{width:calc((var(--w-column) * 4) + (var(--w-gutter) * 3))}._content_3m995_62._dialog_3m995_84{width:calc((var(--w-column) * 6) + (var(--w-gutter) * 5))}}@media (width>=1040px){._content_3m995_62._dialog_3m995_84{width:calc((var(--w-column) * 8) + (var(--w-gutter) * 7))}}

package/src/components/Modal/Modal.module.esm.js

@@ -1,16 +0,0 @@
-import './Modal.module.css';//#region src/components/Modal/Modal.module.scss
-var e = "_wrapper_3m995_1", t = "_background_3m995_1", n = "_fadeOut_3m995_1", r = "_fadeIn_3m995_1", i = "_content_3m995_62", a = "_slideOut_3m995_1", o = "_slideIn_3m995_1", s = "_panel_3m995_78", c = "_dialog_3m995_84", l = "_actionContainer_3m995_97", u = "_closeModal_3m995_105", d = {
-	wrapper: e,
-	background: t,
-	fadeOut: n,
-	fadeIn: r,
-	content: i,
-	slideOut: a,
-	slideIn: o,
-	panel: s,
-	dialog: c,
-	actionContainer: l,
-	closeModal: u
-};
-//#endregion
-export { l as actionContainer, t as background, u as closeModal, i as content, d as default, c as dialog, r as fadeIn, n as fadeOut, s as panel, o as slideIn, a as slideOut, e as wrapper };