@stamcat/craftsman 0.0.23-alpha.8 → 0.0.23

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

@@ -0,0 +1,47 @@
+import { defaultWidths as e } from "./constants.esm.js";
+import { LayoutWidthsSchema as t } from "./types.esm.js";
+//#region src/styles/utilities/layout.ts
+var n = Object.fromEntries(t.options.map((t) => [t, `var(--w-${t}, ${e[t]}px)`])), r = {
+	get mobile() {
+		return "(min-width: 0px)";
+	},
+	get mobileMax() {
+		return `(max-width: ${n.mobileMax}px)`;
+	},
+	get tablet() {
+		return `(min-width: ${n.tablet}px)`;
+	},
+	get tabletMax() {
+		return `(max-width: ${n.tabletMax}px)`;
+	},
+	get desktop() {
+		return `(min-width: ${n.desktop}px)`;
+	},
+	get desktopMax() {
+		return `(max-width: ${n.desktopMax}px)`;
+	},
+	get extDesktop() {
+		return `(min-width: ${n.extDesktop}px)`;
+	},
+	get mobileOnly() {
+		return `(min-width: 0px) and (max-width: ${n.mobileMax}px)`;
+	},
+	get tabletOnly() {
+		return `(min-width: ${n.tablet}px) and (max-width: ${n.tabletMax}px)`;
+	},
+	get mobileTablet() {
+		return `(min-width: 0px) and (max-width: ${n.tabletMax}px)`;
+	},
+	get desktopOnly() {
+		return `(min-width: ${n.desktop}px) and (max-width: ${n.desktopMax}px)`;
+	}
+}, i = (e, t = 1, r = !0) => {
+	let i = n[e];
+	if (e === "column") {
+		let e = t - 1, a = `calc((${i} * ${t}) + (${n.gutter} * ${e}))`;
+		return r ? a : `calc(((${i} / 1px) * ${t}) + ((${n.gutter} / 1px) * ${e}))`;
+	}
+	return r ? t === 1 ? i : `calc(${i} * ${t})` : t === 1 ? `calc(${i} / 1px)` : `calc((${i} / 1px) * ${t})`;
+}, a = (e, t) => `@media ${r[e]} { ${String(t)} }`;
+//#endregion
+export { a as breakpoint, r as media, i as width, n as widths };

package/src/styles/utilities/types.d.ts

@@ -0,0 +1,85 @@
+import { default as z } from 'zod';
+export declare const BaseWidthSchema: z.ZodEnum<{
+    gutter: "gutter";
+    column: "column";
+}>;
+export declare const ScreenWidthSchema: z.ZodEnum<{
+    tablet: "tablet";
+    desktop: "desktop";
+    extDesktop: "extDesktop";
+}>;
+export declare const MaxScreenWidthSchema: z.ZodEnum<{
+    mobileMax: "mobileMax";
+    tabletMax: "tabletMax";
+    desktopMax: "desktopMax";
+}>;
+export declare const BreakpointSchema: z.ZodEnum<{
+    tablet: "tablet";
+    desktop: "desktop";
+    extDesktop: "extDesktop";
+    mobileMax: "mobileMax";
+    tabletMax: "tabletMax";
+    desktopMax: "desktopMax";
+    mobileOnly: "mobileOnly";
+    tabletOnly: "tabletOnly";
+    mobileTablet: "mobileTablet";
+    desktopOnly: "desktopOnly";
+}>;
+export declare const LayoutWidthsSchema: z.ZodEnum<{
+    text: "text";
+    gutter: "gutter";
+    column: "column";
+    tablet: "tablet";
+    desktop: "desktop";
+    extDesktop: "extDesktop";
+    mobileMax: "mobileMax";
+    tabletMax: "tabletMax";
+    desktopMax: "desktopMax";
+}>;
+export type BaseWidth = z.infer<typeof BaseWidthSchema>;
+export type ScreenWidth = z.infer<typeof ScreenWidthSchema>;
+export type MaxScreenWidth = z.infer<typeof MaxScreenWidthSchema>;
+export type Breakpoint = z.infer<typeof BreakpointSchema>;
+export type LayoutWidthsType = z.infer<typeof LayoutWidthsSchema>;
+export type Width = Record<LayoutWidthsType, number>;
+export type Colors = Record<string, string>;
+export type ColorType = "rgba" | "hex";
+export declare const zTextInputExclusions: z.ZodEnum<{
+    checkbox: "checkbox";
+    radio: "radio";
+}>;
+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";
+    text: "text";
+    checkbox: "checkbox";
+    radio: "radio";
+    color: "color";
+    date: "date";
+    "datetime-local": "datetime-local";
+    email: "email";
+    file: "file";
+    hidden: "hidden";
+    image: "image";
+    month: "month";
+    password: "password";
+    range: "range";
+    reset: "reset";
+    search: "search";
+    submit: "submit";
+    tel: "tel";
+    time: "time";
+    url: "url";
+    week: "week";
+}>;
+export type TextInputType = z.infer<typeof zTextInputType>;
+export declare const zLabelPosition: z.ZodEnum<{
+    hidden: "hidden";
+    top: "top";
+    left: "left";
+    bottom: "bottom";
+    right: "right";
+    inside: "inside";
+}>;
+export type LabelPosition = z.infer<typeof zLabelPosition>;

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

@@ -0,0 +1,54 @@
+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/utilities/index.d.ts

@@ -0,0 +1 @@
+export * from './validations';

package/src/utilities/validations.esm.js

@@ -0,0 +1,9 @@
+//#region src/utilities/validations.ts
+function e(e) {
+	return e == null || typeof e == "object" && Object.keys(e).length === 0 || typeof e == "string" && e.trim().length === 0 || typeof e == "string" && e === " ";
+}
+function t(e) {
+	return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
+}
+//#endregion
+export { e as isEmpty, t as validateEmail };

package/Button.esm.js

@@ -1,5 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/Button.tsx
-var t = (t) => /* @__PURE__ */ e("button", { ...t });
-//#endregion
-export { t as Button };

package/Input.esm.js

@@ -1,5 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/Input.tsx
-var t = (t) => /* @__PURE__ */ e("input", { ...t });
-//#endregion
-export { t as Input };

package/components/Button.d.ts

@@ -1,2 +0,0 @@
-export type ButtonProps = React.ComponentProps<"button">;
-export declare const Button: React.FC<ButtonProps>;

package/components/Input.d.ts

@@ -1,2 +0,0 @@
-export type InputProps = React.ComponentProps<"input">;
-export declare const Input: React.FC<InputProps>;

package/components/index.d.ts

@@ -1,2 +0,0 @@
-export { Button } from './Button';
-export { Input } from './Input';

package/icons/IconCalendar.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-export declare function IconCalendar(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
-export default IconCalendar;

package/icons/IconChevronRight.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare function IconChevronRight(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;

package/icons/IconCircleAlert.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare function IconCircleAlert(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/icons/IconCircleCheck.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare function IconCircleCheck(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/icons/IconCircleHelp.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare function IconCircleHelp(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/icons/IconCircleInfo.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare function IconCircleInfo(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/icons/IconEye.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare function IconEye(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;

package/icons/IconEyeClosed.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare function IconEyeClosed(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;

package/icons/IconX.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare function IconX(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;

package/stories/Button.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { Button } from '../components/Button';
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Disabled: Story;
-export declare const AsSubmit: Story;

package/styles/global/colors.d.ts

@@ -1 +0,0 @@
-export declare const colors: import('@emotion/utils').SerializedStyles;

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

@@ -1 +0,0 @@
-export declare const button: import('@emotion/utils').SerializedStyles;

package/styles/global/globalStyles.d.ts

@@ -1 +0,0 @@
-export declare const globalStyles: import('@emotion/utils').SerializedStyles;

package/styles/theme/components/button.d.ts

@@ -1 +0,0 @@
-export declare const button: import('@emotion/utils').SerializedStyles;

package/styles/theme/constants.d.ts

@@ -1,2 +0,0 @@
-import { Theme } from './types';
-export declare const defaultAppTheme: Theme;

package/styles/theme/theme.d.ts

@@ -1,8 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { default as React } from 'react';
-import { Theme, ThemeProviderProps } from './types';
-export declare function CraftsmanThemeProvider({ theme, children }: ThemeProviderProps): React.ReactElement<{
-    theme: Theme;
-    children?: React.ReactNode;
-}, string | React.JSXElementConstructor<any>>;
-export declare function themeBuilder(theme: Theme): SerializedStyles;

package/styles/utilities/color.d.ts

@@ -1,69 +0,0 @@
-export type ColorType = "rgba" | "hex";
-export declare const colors: {
-    white: string;
-    black: string;
-    transparent: string;
-    grey50: string;
-    grey100: string;
-    grey200: string;
-    grey300: string;
-    grey400: string;
-    grey500: string;
-    grey600: string;
-    grey700: string;
-    grey800: string;
-    grey900: string;
-    blue50: string;
-    blue100: string;
-    blue200: string;
-    blue300: string;
-    blue400: string;
-    blue500: string;
-    blue600: string;
-    blue700: string;
-    blue800: string;
-    blue900: string;
-    green50: string;
-    green100: string;
-    green200: string;
-    green300: string;
-    green400: string;
-    green500: string;
-    green600: string;
-    green700: string;
-    green800: string;
-    green900: string;
-    yellow50: string;
-    yellow100: string;
-    yellow200: string;
-    yellow300: string;
-    yellow400: string;
-    yellow500: string;
-    yellow600: string;
-    yellow700: string;
-    yellow800: string;
-    yellow900: string;
-    red50: string;
-    red100: string;
-    red200: string;
-    red300: string;
-    red400: string;
-    red500: string;
-    red600: string;
-    red700: string;
-    red800: string;
-    red900: string;
-    purple50: string;
-    purple100: string;
-    purple200: string;
-    purple300: string;
-    purple400: string;
-    purple500: string;
-    purple600: string;
-    purple700: string;
-    purple800: string;
-    purple900: string;
-};
-export type ColorKey = keyof typeof colors;
-export declare function hexToRgba(hex: string, alpha?: number): string;
-export declare const color: (name: ColorKey, type?: ColorType, alpha?: number) => string;