@stamcat/craftsman 0.0.27-alpha.2 → 0.0.27-alpha.21

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

@@ -1,11 +0,0 @@
-import './Input.module.css';//#region src/components/Input.module.scss
-var e = "_wrapper_h3ihm_1", t = "_inputLabel_h3ihm_8", n = "_input_h3ihm_8", r = "_inputField_h3ihm_58", i = "_inputAdornment_h3ihm_89", a = "_error_h3ihm_100", o = {
-	wrapper: e,
-	inputLabel: t,
-	input: n,
-	inputField: r,
-	inputAdornment: i,
-	error: a
-};
-//#endregion
-export { o as default, a as error, n as input, i as inputAdornment, r as inputField, t as inputLabel, e as wrapper };

package/src/components/Input.module.scss

@@ -1,141 +0,0 @@
-@use "../styles/global/components/input";
-
-.wrapper {
-  label {
-    .inputLabel {
-      margin-bottom: calc(var(--w-gutter, 16px) * 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: calc(var(--w-gutter, 16px) * 0.75);
-      }
-    }
-  }
-
-  &[data-label-position="bottom"] {
-    label {
-      display: inline-flex;
-      flex-direction: column-reverse;
-      align-items: flex-start;
-
-      .inputLabel {
-        margin-bottom: 0;
-        margin-top: calc(var(--w-gutter, 16px) * 0.25);
-      }
-    }
-  }
-
-  &[data-label-position="right"] {
-    label {
-      display: inline-flex;
-      flex-direction: row-reverse;
-      align-items: baseline;
-
-      .inputLabel {
-        margin-left: calc(var(--w-gutter, 16px) * 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: calc(var(--w-gutter, 16px) * 0.25);
-      left: calc(var(--w-gutter, 16px) * 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 {
-        @extend %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 {
-        @extend %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: calc(calc(var(--w-gutter, 16px) * 0.5) + 24px + calc(var(--w-gutter, 16px) * 0.5));
-    }
-  }
-}
-
-.inputAdornment {
-  position: absolute;
-  right: calc(var(--w-gutter, 16px) * 0.5);
-  top: 50%;
-  transform: translateY(-50%);
-  margin-top: 0;
-  z-index: 1;
-  display: inline-flex;
-  align-items: center;
-}
-
-.error {
-  margin-top: calc(var(--w-gutter, 16px) * 0.25);
-  font-size: calc(var(--w-text, 14px) * 0.75);
-  color: var(--red600);
-}

package/src/components/InputPassword.esm.js

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

package/src/components/Loader.esm.js

@@ -1,21 +0,0 @@
-"use client";
-import { isEmpty as e } from "../utilities/validations.esm.js";
-import { loaders as t } from "../styles/global/components/loaders.esm.js";
-import n from "../styles/global/components/loaders.module.esm.js";
-import r from "clsx";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/components/Loader.tsx
-var a = (a) => {
-	let { type: o, color: s = "black", width: c, styles: l, className: u, style: d, ...f } = a, p = e(l) ? void 0 : l, m = t[o](s, c);
-	return /* @__PURE__ */ i("div", {
-		className: r(n[o], u),
-		style: {
-			...m,
-			...p,
-			...d
-		},
-		...f
-	});
-};
-//#endregion
-export { a as Loader };

package/src/components/Modal.esm.js

@@ -1,62 +0,0 @@
-"use client";
-import { isEmpty as e } from "../utilities/validations.esm.js";
-import { color as t } from "../styles/utilities/color.esm.js";
-import { Button as n } from "./Button.esm.js";
-import r from "./Modal.module.esm.js";
-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.tsx
-var l = {
-	textDecoration: "none",
-	height: 30,
-	width: 30,
-	borderRadius: "50%",
-	padding: 0,
-	display: "inline-flex",
-	justifyContent: "center"
-}, u = 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 = e(this.props.styles) ? void 0 : this.props.styles;
-		return this.props.visible ? /* @__PURE__ */ o("div", {
-			className: r.wrapper,
-			style: s,
-			children: [/* @__PURE__ */ o("div", {
-				className: r.content,
-				"data-type": this.props.type || "dialog",
-				"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(n, {
-						variant: "primary",
-						styles: l,
-						onClick: this.onDismiss,
-						children: /* @__PURE__ */ a(c, {
-							fill: t("white"),
-							size: 18
-						})
-					})] }),
-					/* @__PURE__ */ a("section", { children: this.props.children }),
-					this.props.footer && /* @__PURE__ */ a("footer", {
-						className: r.actionContainer,
-						children: this.props.footer
-					})
-				]
-			}), /* @__PURE__ */ a("div", {
-				className: r.background,
-				"data-is-closing": this.state.isClosing,
-				onClick: this.onClickBackground
-			})]
-		}) : /* @__PURE__ */ a(i, {});
-	}
-};
-//#endregion
-export { u as Modal };

package/src/components/Modal.module.css

@@ -1 +0,0 @@
-._wrapper_16mh3_1,._background_16mh3_1{width:100%;height:100%;position:fixed;inset:0}@keyframes _fadeIn_16mh3_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_16mh3_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_16mh3_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideOut_16mh3_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._wrapper_16mh3_1{z-index:1000;justify-content:center;align-items:center;display:flex}._background_16mh3_1{z-index:1001;background-color:#00000080;animation-fill-mode:forwards}._background_16mh3_1[data-is-closing=true]{animation:.3s ease-in-out _fadeOut_16mh3_1}._background_16mh3_1[data-is-closing=false]{animation:.3s ease-in-out _fadeIn_16mh3_1}._content_16mh3_62{padding:var(--w-gutter,16px);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_16mh3_62[data-is-closing=true]{animation:.3s ease-in-out _slideOut_16mh3_1}._content_16mh3_62[data-is-closing=false]{animation:.3s ease-in-out _slideIn_16mh3_1}._content_16mh3_62[data-type=panel]{height:100%;position:fixed;top:0;right:0}._content_16mh3_62[data-type=dialog]{border-radius:8px}._content_16mh3_62>header{width:100%;margin-bottom:calc(var(--w-gutter,16px) * .5);justify-content:space-between;display:inline-flex}._actionContainer_16mh3_94{margin-top:calc(var(--w-gutter,16px) * 2);background-color:var(--white);gap:var(--w-gutter,16px);height:fit-content;display:flex}@media (width>=0) and (width<=660px){._content_16mh3_62[data-type=panel],._content_16mh3_62[data-type=dialog]{width:100%;height:100%}}@media (width>=660px){._content_16mh3_62[data-type=panel]{width:calc(var(--w-column,60px) * 4 + var(--w-gutter,16px) * 3)}._content_16mh3_62[data-type=dialog]{width:calc(var(--w-column,60px) * 6 + var(--w-gutter,16px) * 5)}}@media (width>=1040px){._content_16mh3_62[data-type=dialog]{width:calc(var(--w-column,60px) * 8 + var(--w-gutter,16px) * 7)}}

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

@@ -1,13 +0,0 @@
-import './Modal.module.css';//#region src/components/Modal.module.scss
-var e = "_wrapper_16mh3_1", t = "_background_16mh3_1", n = "_fadeOut_16mh3_1", r = "_fadeIn_16mh3_1", i = "_content_16mh3_62", a = "_slideOut_16mh3_1", o = "_slideIn_16mh3_1", s = "_actionContainer_16mh3_94", c = {
-	wrapper: e,
-	background: t,
-	fadeOut: n,
-	fadeIn: r,
-	content: i,
-	slideOut: a,
-	slideIn: o,
-	actionContainer: s
-};
-//#endregion
-export { s as actionContainer, t as background, i as content, c as default, r as fadeIn, n as fadeOut, o as slideIn, a as slideOut, e as wrapper };

package/src/components/Modal.module.scss

@@ -1,133 +0,0 @@
-@use "../styles/global/components/modal";
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes slideIn {
-  from {
-    transform: translateY(100%);
-  }
-
-  to {
-    transform: translateY(0);
-  }
-}
-
-@keyframes slideOut {
-  from {
-    transform: translateY(0);
-  }
-
-  to {
-    transform: translateY(100%);
-  }
-}
-
-.wrapper {
-  @extend %modal-overlay;
-  z-index: 1000;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.background {
-  @extend %modal-overlay;
-  z-index: 1001;
-  background-color: rgba(0, 0, 0, 0.5);
-  animation-fill-mode: forwards;
-
-  &[data-is-closing="true"] {
-    animation: fadeOut 0.3s ease-in-out;
-  }
-
-  &[data-is-closing="false"] {
-    animation: fadeIn 0.3s ease-in-out;
-  }
-}
-
-.content {
-  padding: var(--w-gutter, 16px);
-  z-index: 1002;
-  background-color: var(--white);
-  max-height: 80vh;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  touch-action: pan-y;
-  animation-fill-mode: forwards;
-
-  &[data-is-closing="true"] {
-    animation: slideOut 0.3s ease-in-out;
-  }
-
-  &[data-is-closing="false"] {
-    animation: slideIn 0.3s ease-in-out;
-  }
-
-  &[data-type="panel"] {
-    position: fixed;
-    top: 0;
-    right: 0;
-    height: 100%;
-  }
-
-  &[data-type="dialog"] {
-    border-radius: 8px;
-  }
-
-  > header {
-    display: inline-flex;
-    width: 100%;
-    justify-content: space-between;
-    margin-bottom: calc(var(--w-gutter, 16px) * 0.5);
-  }
-}
-
-.actionContainer {
-  margin-top: calc(var(--w-gutter, 16px) * 2);
-  background-color: var(--white);
-  height: fit-content;
-  display: flex;
-  gap: var(--w-gutter, 16px);
-}
-
-@media (min-width: 0px) and (max-width: 659.99999px) {
-  .content[data-type="panel"],
-  .content[data-type="dialog"] {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-@media (min-width: 660px) {
-  .content[data-type="panel"] {
-    width: calc((var(--w-column, 60px) * 4) + (var(--w-gutter, 16px) * 3));
-  }
-
-  .content[data-type="dialog"] {
-    width: calc((var(--w-column, 60px) * 6) + (var(--w-gutter, 16px) * 5));
-  }
-}
-
-@media (min-width: 1040px) {
-  .content[data-type="dialog"] {
-    width: calc((var(--w-column, 60px) * 8) + (var(--w-gutter, 16px) * 7));
-  }
-}

package/src/components/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/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/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/styles/global/components/_mixins.scss

@@ -1,2 +0,0 @@
-
-

package/src/styles/global/components/button.d.ts

@@ -1,7 +0,0 @@
-import { default as z } from 'zod';
-export declare const ButtonType: z.ZodEnum<{
-    primary: "primary";
-    default: "default";
-    text: "text";
-}>;
-export type ButtonType = z.infer<typeof ButtonType>;

package/src/styles/global/components/loaders.module.css

@@ -1 +0,0 @@
-._dots_1w7tl_1{aspect-ratio:1;width:var(--_l5w);margin:0 var(--_l5w2);border-radius:50%;animation:1s linear infinite alternate _l5_1w7tl_1}@keyframes _l5_1w7tl_1{0%{box-shadow:var(--_l5w2) 0 var(--_l5c), var(--_l5w3) 0 color-mix(in srgb, var(--_l5c) 80%, white 75%);background:var(--_l5c)}33%{box-shadow:var(--_l5w2) 0 var(--_l5c), var(--_l5w3) 0 color-mix(in srgb, var(--_l5c) 80%, white 75%);background:color-mix(in srgb, var(--_l5c) 80%, white 75%)}66%{box-shadow:var(--_l5w2) 0 color-mix(in srgb, var(--_l5c) 80%, white 75%), var(--_l5w3) 0 var(--_l5c);background:color-mix(in srgb, var(--_l5c) 80%, white 75%)}to{box-shadow:var(--_l5w2) 0 color-mix(in srgb, var(--_l5c) 80%, white 75%), var(--_l5w3) 0 var(--_l5c);background:var(--_l5c)}}@keyframes _l3_1w7tl_1{to{transform:rotate(1turn)}}._dots-trace_1w7tl_41{width:var(--_dtw);aspect-ratio:4;background:radial-gradient(circle closest-side, var(--_dtc) 90%, #0000) 0/33.3333% 100% space;clip-path:inset(0 100% 0 0);animation:1s steps(4,end) infinite _l1_1w7tl_1}@keyframes _l1_1w7tl_1{to{clip-path:inset(0 -34% 0 0)}}._dots-orbit_1w7tl_54{width:var(--_dow);aspect-ratio:1;background:var(--_doc);border-radius:50%;animation:2s linear infinite _l22-0_1w7tl_1;display:grid}._dots-orbit_1w7tl_54:before,._dots-orbit_1w7tl_54:after{content:"";background:inherit;border-radius:50%;grid-area:1/1;margin:15%;animation:1s infinite _l22_1w7tl_1;transform:rotate(0)translate(150%)}._dots-orbit_1w7tl_54:after{animation-delay:-.5s}@keyframes _l22-0_1w7tl_1{to{transform:rotate(1turn)}}@keyframes _l22_1w7tl_1{to{transform:rotate(1turn)translate(150%)}}._dashes_1w7tl_85{width:var(--_dshw);height:calc(var(--_dshw) * .3);background:linear-gradient(var(--_dshc) 0 0) left/var(--_dshw2) 4px, linear-gradient(var(--_dshc) 0 0) center/var(--_dshw2) 4px, linear-gradient(var(--_dshc) 0 0) right/var(--_dshw2) 4px;background-repeat:no-repeat;animation:1s linear infinite _dashes_1w7tl_85}@keyframes _dashes_1w7tl_85{0%{background-size:var(--_dshw2) 4px, var(--_dshw2) 4px, var(--_dshw2) 4px;opacity:1}33%{background-size:var(--_dshw2) var(--_dshw2), var(--_dshw2) 4px, var(--_dshw2) 4px;opacity:.7}66%{background-size:var(--_dshw2) 4px, var(--_dshw2) var(--_dshw2), var(--_dshw2) 4px;opacity:.7}to{background-size:var(--_dshw2) 4px, var(--_dshw2) 4px, var(--_dshw2) var(--_dshw2);opacity:1}}._spinner_1w7tl_111{width:var(--_spnw);aspect-ratio:1;border:var(--_spnw2) solid color-mix(in srgb, var(--_spnc) 20%, transparent);border-right-color:var(--_spnc);border-radius:50%;animation:1s linear infinite _l2_1w7tl_1}@keyframes _l2_1w7tl_1{to{transform:rotate(1turn)}}._swirl_1w7tl_125{width:var(--_swrlw);padding:var(--_swrlw2);aspect-ratio:1;background:var(--_swrlc);--_m:conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;border-radius:50%;animation:1s linear infinite _l3_1w7tl_1;-webkit-mask-composite:source-out;mask-composite:subtract}._ball_1w7tl_146{width:var(--_ballw);aspect-ratio:1;background:radial-gradient(farthest-side, var(--_ballc) 95%, #0000) 50% 1px/var(--_ballw2) var(--_ballw2) no-repeat, radial-gradient(farthest-side, #0000 calc(100% - var(--_ballw2)), #ccc 0);border-radius:50%;animation:2s linear infinite _l9_1w7tl_1}@keyframes _l9_1w7tl_1{to{transform:rotate(1turn)}}._boxy_1w7tl_159{width:var(--_boxw);height:var(--_boxw2);background:linear-gradient(var(--_boxc) 0 0) left -25% top 0/20% 100% no-repeat #ddd;animation:1s steps(6,end) infinite _l7_1w7tl_1;-webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20% 100%}@keyframes _l7_1w7tl_1{to{background-position:right -25% top 0}}

package/src/styles/global/components/loaders.module.esm.js

@@ -1,21 +0,0 @@
-import './loaders.module.css';//#region src/styles/global/components/loaders.module.scss
-var e = "_dots_1w7tl_1", t = "_l5_1w7tl_1", n = "_dots-trace_1w7tl_41", r = "_l1_1w7tl_1", i = "_dots-orbit_1w7tl_54", a = "_l22-0_1w7tl_1", o = "_l22_1w7tl_1", s = "_dashes_1w7tl_85", c = "_spinner_1w7tl_111", l = "_l2_1w7tl_1", u = "_swirl_1w7tl_125", d = "_l3_1w7tl_1", f = "_ball_1w7tl_146", p = "_l9_1w7tl_1", m = "_boxy_1w7tl_159", h = "_l7_1w7tl_1", g = {
-	dots: e,
-	l5: t,
-	dotsTrace: n,
-	l1: r,
-	dotsOrbit: i,
-	l220: a,
-	l22: o,
-	dashes: s,
-	spinner: c,
-	l2: l,
-	swirl: u,
-	l3: d,
-	ball: f,
-	l9: p,
-	boxy: m,
-	l7: h
-};
-//#endregion
-export { f as ball, m as boxy, s as dashes, g as default, e as dots, i as dotsOrbit, n as dotsTrace, r as l1, l as l2, o as l22, a as l220, d as l3, t as l5, h as l7, p as l9, c as spinner, u as swirl };

package/src/styles/utilities/types.esm.js

@@ -1,54 +0,0 @@
-import e from "zod";
-//#region src/styles/utilities/types.ts
-var t = e.enum(["gutter", "column"]), n = e.enum([
-	"tablet",
-	"desktop",
-	"extDesktop"
-]), r = e.enum([
-	"mobileMax",
-	"tabletMax",
-	"desktopMax"
-]), i = e.enum([
-	...n.options,
-	...r.options,
-	"mobileOnly",
-	"tabletOnly",
-	"mobileTablet",
-	"desktopOnly"
-]), a = e.enum([
-	...t.options,
-	...n.options,
-	...r.options,
-	"text"
-]), o = e.enum(["checkbox", "radio"]), s = [
-	"color",
-	"date",
-	"datetime-local",
-	"email",
-	"file",
-	"hidden",
-	"image",
-	"month",
-	"number",
-	"password",
-	"range",
-	"reset",
-	"search",
-	"submit",
-	"tel",
-	"text",
-	"time",
-	"url",
-	"week",
-	"radio",
-	"checkbox"
-], c = e.enum(s), l = e.enum([
-	"top",
-	"left",
-	"bottom",
-	"right",
-	"inside",
-	"hidden"
-]);
-//#endregion
-export { t as BaseWidthSchema, i as BreakpointSchema, a as LayoutWidthsSchema, r as MaxScreenWidthSchema, n as ScreenWidthSchema, l as zLabelPosition, o as zTextInputExclusions, c as zTextInputType, s as zTextInputTypes };

package/src/{styles/global/components/loaders.d.ts → components/Loader/types.d.ts}

@@ -1,8 +1,8 @@
 import { default as z } from 'zod';
 import { default as React } from 'react';
 export declare const LoaderStyleSchema: z.ZodEnum<{
-    spinner: "spinner";
     dots: "dots";
+    spinner: "spinner";
     "dots-trace": "dots-trace";
     "dots-orbit": "dots-orbit";
     dashes: "dashes";