@stamcat/craftsman 0.0.28 → 0.0.29

package/_virtual/_rolldown/runtime.esm.js

@@ -1,23 +1,11 @@
 //#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
+var e = Object.defineProperty, t = (t, n) => {
 	let r = {};
-	for (var i in e) t(r, i, {
-		get: e[i],
+	for (var i in t) e(r, i, {
+		get: t[i],
 		enumerable: !0
 	});
-	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
-}, c = (e, i, o, s) => {
-	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
-		get: ((e) => i[e]).bind(null, d),
-		enumerable: !(s = n(i, d)) || s.enumerable
-	});
-	return e;
-}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
-	value: n,
-	enumerable: !0
-}) : a, n)), u = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
 //#endregion
-export { o as __commonJSMin, s as __exportAll, u as __require, l as __toESM };
+export { t as __exportAll };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stamcat/craftsman",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "type": "module",
   "description": "A powerful, lightweight framework for design systems",
   "repository": {
@@ -30,11 +30,9 @@
     "country-flag-icons": "1.6.20",
     "dompurify": "3.4.13",
     "embla-carousel-react": "8.6.0",
-    "react": "19.2.7",
     "react-date-picker": "12.0.2",
     "react-datetime-picker": "7.0.2",
     "react-device-detect": "2.2.3",
-    "react-dom": "19.2.7",
     "react-icons": "5.7.0",
     "react-international-phone": "4.8.0",
     "react-intl": "10.1.20",
@@ -44,6 +42,10 @@
     "typescript-plugin-css-modules": "5.2.0",
     "zod": "4.4.3"
   },
+  "peerDependencies": {
+    "react": "19.2.7",
+    "react-dom": "19.2.7"
+  },
   "devDependencies": {},
   "overrides": {
     "postcss": "8.5.23",

package/src/components/DateRangePicker/DateRangePicker2.esm.js

@@ -2,25 +2,25 @@
 import { InputWrapper as e } from "../Input/InputWrapper.esm.js";
 import './DateRangePicker.css';import '../DatePicker/ReactCalendar.css';/* empty css                              */
 /* empty css                    */
-import t from "../../../node_modules/@wojtekmaj/react-daterange-picker/dist/DateRangePicker.esm.js";
-import n from "clsx";
-import { jsx as r } from "react/jsx-runtime";
-import { useId as i } from "react";
-import { FaRegCalendar as a, FaX as o } from "react-icons/fa6";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { useId as r } from "react";
+import { FaRegCalendar as i, FaX as a } from "react-icons/fa6";
+import { DateRangePicker as o } from "@wojtekmaj/react-daterange-picker";
 //#region src/components/DateRangePicker/DateRangePicker.tsx
 var s = ({ label: s, id: c, labelPosition: l = "top", required: u = !1, error: d, style: f, className: p, ...m }) => {
-	let h = i();
-	return /* @__PURE__ */ r(e, {
+	let h = r();
+	return /* @__PURE__ */ n(e, {
 		id: c || h,
-		className: n("dateRangePicker", p),
+		className: t("dateRangePicker", p),
 		label: s,
 		labelPosition: l,
 		error: d,
 		required: u,
 		style: f,
-		children: /* @__PURE__ */ r(t, {
-			calendarIcon: /* @__PURE__ */ r(a, { size: 16 }),
-			clearIcon: /* @__PURE__ */ r(o, { size: 14 }),
+		children: /* @__PURE__ */ n(o, {
+			calendarIcon: /* @__PURE__ */ n(i, { size: 16 }),
+			clearIcon: /* @__PURE__ */ n(a, { size: 14 }),
 			...m
 		})
 	});

package/src/components/DateTimePicker/DateTimePicker2.esm.js

@@ -4,17 +4,17 @@ import { InputWrapper as t } from "../Input/InputWrapper.esm.js";
 import './DateTimePicker.css';import '../DatePicker/ReactCalendar.css';/* empty css                              */
 import { resolveLocale as n } from "../TimePicker/utilities.esm.js";
 import { TimePickerDisplay as r } from "../TimePicker/TimePickerDisplay.esm.js";
-import { require_lib as i } from "../../../node_modules/react-device-detect/dist/lib.esm.js";
 /* empty css                   */
-import a from "clsx";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useEffect as c, useId as l, useRef as u, useState as d } from "react";
-import { FaRegCalendar as f, FaX as p } from "react-icons/fa6";
+import i from "clsx";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useEffect as s, useId as c, useRef as l, useState as u } from "react";
+import { FaRegCalendar as d, FaX as f } from "react-icons/fa6";
+import { isMobile as p } from "react-device-detect";
 import { DateTimePicker as m } from "react-datetime-picker";
 //#region src/components/DateTimePicker/DateTimePicker.tsx
-var h = i(), g = ({ label: i, id: g, labelPosition: _ = "top", required: v = !1, error: y, style: b, className: x, locale: S, labels: C, format: w, value: T, onChange: E, ...D }) => {
-	let O = l(), k = g || O, A = u(null), [j, M] = d(!1), N = n(S);
-	c(() => {
+var h = ({ label: h, id: g, labelPosition: _ = "top", required: v = !1, error: y, style: b, className: x, locale: S, labels: C, format: w, value: T, onChange: E, ...D }) => {
+	let O = c(), k = g || O, A = l(null), [j, M] = u(!1), N = n(S);
+	s(() => {
 		if (!j) return;
 		let e = (e) => {
 			let t = e.target;
@@ -25,7 +25,7 @@ var h = i(), g = ({ label: i, id: g, labelPosition: _ = "top", required: v = !1,
 		};
 	}, [j]);
 	let P = () => {
-		if (!h.isMobile && T instanceof Date) {
+		if (!p && T instanceof Date) {
 			M(!0);
 			return;
 		}
@@ -33,40 +33,40 @@ var h = i(), g = ({ label: i, id: g, labelPosition: _ = "top", required: v = !1,
 	}, F = (e) => {
 		e.target instanceof HTMLInputElement && P();
 	}, I = (e) => {
-		h.isMobile && e.key === "Enter" && M(!1);
+		p && e.key === "Enter" && M(!1);
 	}, L = (e) => {
 		let [t, n] = e.split(":"), r = Number(t), i = Number(n);
 		if (Number.isNaN(r) || Number.isNaN(i)) return;
 		let a = T instanceof Date ? new Date(T) : /* @__PURE__ */ new Date();
 		a.setHours(r, i, 0, 0), E?.(a);
 	};
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ a("div", {
 		ref: A,
 		className: "dateTimePicker",
 		onKeyDown: I,
-		children: /* @__PURE__ */ s(t, {
+		children: /* @__PURE__ */ o(t, {
 			id: k,
 			onFocus: F,
-			className: a(x, "dateTimePicker_wrapper"),
-			label: i,
+			className: i(x, "dateTimePicker_wrapper"),
+			label: h,
 			labelPosition: _,
 			error: y,
 			required: v,
 			style: b,
 			value: T instanceof Date ? T.toISOString() : void 0,
-			children: [/* @__PURE__ */ o(m, {
+			children: [/* @__PURE__ */ a(m, {
 				isClockOpen: !1,
 				onClockOpen: P,
 				onClockClose: () => {},
 				onCalendarOpen: () => M(!1),
-				calendarIcon: /* @__PURE__ */ o(f, { size: 16 }),
-				clearIcon: /* @__PURE__ */ o(p, { size: 14 }),
+				calendarIcon: /* @__PURE__ */ a(d, { size: 16 }),
+				clearIcon: /* @__PURE__ */ a(f, { size: 14 }),
 				value: T,
 				onChange: E,
 				...D
-			}), j && /* @__PURE__ */ o("div", {
+			}), j && /* @__PURE__ */ a("div", {
 				className: "dateTimePicker__time-display",
-				children: /* @__PURE__ */ o(r, {
+				children: /* @__PURE__ */ a(r, {
 					value: e(T, S),
 					onChange: L,
 					locale: N,
@@ -79,4 +79,4 @@ var h = i(), g = ({ label: i, id: g, labelPosition: _ = "top", required: v = !1,
 	});
 };
 //#endregion
-export { g as DateTimePicker };
+export { h as DateTimePicker };

package/src/components/SortableList/ListItem.esm.js

@@ -1,14 +1,14 @@
 "use client";
-import { combine as e } from "../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/combine.esm.js";
-import { draggable as t, dropTargetForElements as n } from "../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/adapter/element-adapter.esm.js";
-import { isItemData as r } from "./utilities.esm.js";
-import i from "clsx";
-import { jsx as a } from "react/jsx-runtime";
-import { useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { isItemData as e } from "./utilities.esm.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { useEffect as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { draggable as s, dropTargetForElements as c } from "@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter";
+import { combine as l } from "@atlaskit/pragmatic-drag-and-drop/utils/combine";
 //#region src/components/SortableList/ListItem.tsx
 function u({ item: u, index: d, getKey: f, renderItem: p, disabled: m, listId: h }) {
-	let [g, _] = l(null), [v, y] = l(null), [b, x] = l(!1), [S, C] = l(null), w = c(null), T = c(null), E = f(u, d);
-	return s(() => {
+	let [g, _] = o(null), [v, y] = o(null), [b, x] = o(!1), [S, C] = o(null), w = a(null), T = a(null), E = f(u, d);
+	return i(() => {
 		w.current = g;
 		let e = w.current;
 		if (!e) return;
@@ -18,24 +18,24 @@ function u({ item: u, index: d, getKey: f, renderItem: p, disabled: m, listId: h
 		!r || window.matchMedia("(prefers-reduced-motion: reduce)").matches || (e.style.transition = "none", e.style.transform = `translateY(${r}px)`, requestAnimationFrame(() => {
 			e.style.transition = "", e.style.transform = "";
 		}));
-	}, [g, d]), o(() => {
+	}, [g, d]), r(() => {
 		if (!g || m) return;
-		let i = {
+		let t = {
 			key: E,
 			index: d,
 			listId: h,
 			item: u
 		};
-		return e(t({
+		return l(s({
 			element: g,
 			dragHandle: v ?? void 0,
-			getInitialData: () => i,
+			getInitialData: () => t,
 			onDragStart: () => x(!0),
 			onDrop: () => x(!1)
-		}), n({
+		}), c({
 			element: g,
-			getData: () => i,
-			canDrop: ({ source: e }) => r(e.data) && e.data.key !== E,
+			getData: () => t,
+			canDrop: ({ source: t }) => e(t.data) && t.data.key !== E,
 			onDrag: ({ location: e }) => {
 				let t = g.getBoundingClientRect(), n = e.current.input.clientY > t.top + t.height / 2;
 				C(n ? "bottom" : "top");
@@ -51,9 +51,9 @@ function u({ item: u, index: d, getKey: f, renderItem: p, disabled: m, listId: h
 		m,
 		h,
 		u
-	]), /* @__PURE__ */ a("li", {
+	]), /* @__PURE__ */ n("li", {
 		ref: _,
-		className: i("sortable-list-item", b && "dragging", S && `drop-${S}`),
+		className: t("sortable-list-item", b && "dragging", S && `drop-${S}`),
 		children: p({
 			item: u,
 			index: d,

package/src/components/SortableList/SortableList2.esm.js

@@ -1,20 +1,20 @@
 "use client";
-import { monitorForElements as e } from "../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/adapter/element-adapter.esm.js";
-import { reorder as t } from "../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/reorder.esm.js";
 import './SortableList.css';/* empty css                 */
-import { isItemData as n } from "./utilities.esm.js";
-import { SortableListItem as r } from "./ListItem.esm.js";
-import i from "clsx";
-import { jsx as a } from "react/jsx-runtime";
-import { useEffect as o, useId as s } from "react";
+import { isItemData as e } from "./utilities.esm.js";
+import { SortableListItem as t } from "./ListItem.esm.js";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+import { useEffect as i, useId as a } from "react";
+import { monitorForElements as o } from "@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter";
+import { reorder as s } from "@atlaskit/pragmatic-drag-and-drop/utils/reorder";
 //#region src/components/SortableList/SortableList.tsx
 var c = ({ items: c, getKey: l, renderItem: u, onReorder: d, disabled: f, className: p, style: m, listId: h, onReceive: g }) => {
-	let _ = s(), v = h ?? _, y = (e, n) => {
-		let r = c.findIndex((t, n) => l(t, n) === e), i = c.findIndex((e, t) => l(e, t) === n);
-		r === -1 || i === -1 || r === i || d(t({
+	let _ = a(), v = h ?? _, y = (e, t) => {
+		let n = c.findIndex((t, n) => l(t, n) === e), r = c.findIndex((e, n) => l(e, n) === t);
+		n === -1 || r === -1 || n === r || d(s({
 			list: c,
-			startIndex: r,
-			finishIndex: i
+			startIndex: n,
+			finishIndex: r
 		}));
 	}, b = (e) => {
 		let t = c.findIndex((t, n) => l(t, n) === e);
@@ -23,12 +23,12 @@ var c = ({ items: c, getKey: l, renderItem: u, onReorder: d, disabled: f, classN
 		let n = c.findIndex((e, n) => l(e, n) === t);
 		g?.(e, n === -1 ? c.length : n);
 	};
-	return o(() => {
-		if (!f) return e({ onDrop: ({ source: e, location: t }) => {
-			let r = t.current.dropTargets[0];
-			if (!r || !n(e.data) || !n(r.data)) return;
-			let i = e.data.listId, a = r.data.listId, o = i === v, s = a === v;
-			o && s ? y(e.data.key, r.data.key) : o ? b(e.data.key) : s && g && x(e.data.item, r.data.key);
+	return i(() => {
+		if (!f) return o({ onDrop: ({ source: t, location: n }) => {
+			let r = n.current.dropTargets[0];
+			if (!r || !e(t.data) || !e(r.data)) return;
+			let i = t.data.listId, a = r.data.listId, o = i === v, s = a === v;
+			o && s ? y(t.data.key, r.data.key) : o ? b(t.data.key) : s && g && x(t.data.item, r.data.key);
 		} });
 	}, [
 		c,
@@ -37,17 +37,17 @@ var c = ({ items: c, getKey: l, renderItem: u, onReorder: d, disabled: f, classN
 		f,
 		v,
 		g
-	]), /* @__PURE__ */ a("ul", {
-		className: i("sortable-list", p),
+	]), /* @__PURE__ */ r("ul", {
+		className: n("sortable-list", p),
 		style: m,
-		children: c.map((e, t) => /* @__PURE__ */ a(r, {
+		children: c.map((e, n) => /* @__PURE__ */ r(t, {
 			item: e,
-			index: t,
+			index: n,
 			getKey: l,
 			renderItem: u,
 			disabled: f,
 			listId: v
-		}, l(e, t)))
+		}, l(e, n)))
 	});
 };
 //#endregion

package/src/components/TimePicker/TimePicker2.esm.js

@@ -4,29 +4,29 @@ import { InputWrapper as t } from "../Input/InputWrapper.esm.js";
 import './TimePicker.css';/* empty css               */
 import { resolveLocale as n } from "./utilities.esm.js";
 import { TimePickerDisplay as r } from "./TimePickerDisplay.esm.js";
-import { require_lib as i } from "../../../node_modules/react-device-detect/dist/lib.esm.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useEffect as s, useState as c } from "react";
-import { FaClock as l, FaRegClock as u, FaX as d } from "react-icons/fa6";
-import { autoUpdate as f, flip as p, offset as m, shift as h, useFloating as g } from "@floating-ui/react-dom";
-import { TimePicker as _ } from "react-time-picker";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useEffect as o, useState as s } from "react";
+import { FaClock as c, FaRegClock as l, FaX as u } from "react-icons/fa6";
+import { autoUpdate as d, flip as f, offset as p, shift as m, useFloating as h } from "@floating-ui/react-dom";
+import { TimePicker as g } from "react-time-picker";
+import { isMobile as _ } from "react-device-detect";
 //#region src/components/TimePicker/TimePicker.tsx
-var v = i(), y = (i) => {
-	let { labels: y, locale: b, format: x, value: S, onChange: C, label: w, labelPosition: T, error: E, required: D, name: O, ...k } = i, [A, j] = c(null), [M, N] = c(null), { floatingStyles: P } = g({
+var v = (v) => {
+	let { labels: y, locale: b, format: x, value: S, onChange: C, label: w, labelPosition: T, error: E, required: D, name: O, ...k } = v, [A, j] = s(null), [M, N] = s(null), { floatingStyles: P } = h({
 		placement: "bottom-start",
 		strategy: "absolute",
-		whileElementsMounted: f,
+		whileElementsMounted: d,
 		middleware: [
-			m(4),
-			p(),
-			h()
+			p(4),
+			f(),
+			m()
 		],
 		elements: {
 			reference: A,
 			floating: M
 		}
-	}), [F, I] = c(!1), L = n(b);
-	return s(() => {
+	}), [F, I] = s(!1), L = n(b);
+	return o(() => {
 		if (!F) return;
 		let e = (e) => {
 			A?.contains(e.target) || M?.contains(e.target) || I(!1);
@@ -38,50 +38,50 @@ var v = i(), y = (i) => {
 		F,
 		A,
 		M
-	]), /* @__PURE__ */ o("div", {
+	]), /* @__PURE__ */ a("div", {
 		className: "timePicker",
 		ref: j,
 		onFocus: (e) => {
-			v.isMobile || e.target instanceof HTMLInputElement && I(!0);
+			_ || e.target instanceof HTMLInputElement && I(!0);
 		},
 		onKeyDown: (e) => {
 			e.key === "Enter" && I(!1);
 		},
 		children: [
-			O && /* @__PURE__ */ a("input", {
+			O && /* @__PURE__ */ i("input", {
 				type: "hidden",
 				name: O,
 				value: typeof S == "string" ? S : "",
 				readOnly: !0
 			}),
-			/* @__PURE__ */ a(t, {
+			/* @__PURE__ */ i(t, {
 				label: w,
 				labelPosition: T,
 				error: E,
 				required: D,
-				children: /* @__PURE__ */ o("div", {
+				children: /* @__PURE__ */ a("div", {
 					className: "timePicker__field",
-					children: [/* @__PURE__ */ a(_, {
+					children: [/* @__PURE__ */ i(g, {
 						...k,
 						value: S,
 						onChange: C,
 						locale: L,
 						required: D,
 						disableClock: !0,
-						clearIcon: /* @__PURE__ */ a(d, { size: 14 })
-					}), !v.isMobile && /* @__PURE__ */ a(e, {
+						clearIcon: /* @__PURE__ */ i(u, { size: 14 })
+					}), !_ && /* @__PURE__ */ i(e, {
 						type: "button",
 						variant: "text",
 						onClick: () => I((e) => !e),
 						"aria-label": F ? "Hide time picker" : "Show time picker",
 						"aria-pressed": F,
-						disabled: i.disabled,
+						disabled: v.disabled,
 						className: "input-view-toggle",
-						children: a(F ? l : u, { size: 16 })
+						children: i(F ? c : l, { size: 16 })
 					})]
 				})
 			}),
-			!v.isMobile && /* @__PURE__ */ a(r, {
+			!_ && /* @__PURE__ */ i(r, {
 				value: S,
 				onChange: (e) => C?.(e),
 				locale: L,
@@ -95,4 +95,4 @@ var v = i(), y = (i) => {
 	});
 };
 //#endregion
-export { y as TimePicker };
+export { v as TimePicker };