@stamcat/craftsman 0.0.23-alpha.9 → 0.0.23

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

@@ -1,79 +1,183 @@
 //#region src/styles/utilities/constants.ts
 var e = {
-	text: "#2e2e2e",
-	primary: "#005cac",
-	transparent: "transparent",
-	white: "#ffffff",
-	black: "#000000",
-	grey50: "#f8fafc",
-	grey100: "#f1f5f9",
-	grey200: "#e2e8f0",
-	grey300: "#cbd5e1",
-	grey400: "#94a3b8",
-	grey500: "#64748b",
-	grey600: "#475569",
-	grey700: "#334155",
-	grey800: "#1e293b",
-	grey900: "#0f172a",
-	blue50: "#eff6ff",
-	blue100: "#dbeafe",
-	blue200: "#bfdbfe",
-	blue300: "#93c5fd",
-	blue400: "#60a5fa",
-	blue500: "#3b82f6",
-	blue600: "#2563eb",
-	blue700: "#1d4ed8",
-	blue800: "#1e40af",
-	blue900: "#1e3a8a",
-	green50: "#f0fdf4",
-	green100: "#dcfce7",
-	green200: "#bbf7d0",
-	green300: "#86efac",
-	green400: "#4ade80",
-	green500: "#22c55e",
-	green600: "#16a34a",
-	green700: "#15803d",
-	green800: "#166534",
-	green900: "#14532d",
-	yellow50: "#fefce8",
-	yellow100: "#fef9c3",
-	yellow200: "#fef08a",
-	yellow300: "#fde047",
-	yellow400: "#facc15",
-	yellow500: "#eab308",
-	yellow600: "#ca8a04",
-	yellow700: "#a16207",
-	yellow800: "#854d0e",
-	yellow900: "#713f12",
-	red50: "#fef2f2",
-	red100: "#fee2e2",
-	red200: "#fecaca",
-	red300: "#fca5a5",
-	red400: "#f87171",
-	red500: "#ef4444",
-	red600: "#dc2626",
-	red700: "#b91c1c",
-	red800: "#991b1b",
-	red900: "#7f1d1d",
-	purple50: "#faf5ff",
-	purple100: "#f3e8ff",
-	purple200: "#e9d5ff",
-	purple300: "#d8b4fe",
-	purple400: "#c084fc",
-	purple500: "#a855f7",
-	purple600: "#9333ea",
-	purple700: "#7e22ce",
-	purple800: "#6b21a8",
-	purple900: "#581c87"
+	red990: "#2A0D09",
+	red950: "#2E0E05",
+	red925: "#3E140E",
+	red900: "#451408",
+	red850: "#531A13",
+	red800: "#5C1B0A",
+	red750: "#7D271C",
+	red700: "#8A290F",
+	red650: "#A63426",
+	red600: "#B83614",
+	red550: "#D24A39",
+	red500: "#E54419",
+	red450: "#D96759",
+	red400: "#FB6249",
+	red350: "#E38D82",
+	red300: "#F2A18C",
+	red250: "#ECB3AC",
+	red200: "#F5B4A3",
+	red150: "#F6D9D5",
+	red100: "#FADAD1",
+	red50: "#FCECE8",
+	red10: "#FBF0EE",
+	orange950: "#1A1200",
+	orange900: "#332400",
+	orange800: "#664700",
+	orange700: "#996B00",
+	orange600: "#CC8E00",
+	orange500: "#F2A900",
+	orange400: "#FFC133",
+	orange300: "#FFD166",
+	orange200: "#FFE099",
+	orange100: "#FFF0CC",
+	orange50: "#FFFCF5",
+	yellow950: "#302503",
+	yellow900: "#483804",
+	yellow800: "#614A05",
+	yellow700: "#916F08",
+	yellow600: "#C1940B",
+	yellow500: "#F1BA0E",
+	yellow400: "#FFCF5A",
+	yellow300: "#F8DC86",
+	yellow200: "#FAE39E",
+	yellow100: "#FCF1CF",
+	yellow50: "#FEF8E7",
+	green990: "#040B09",
+	green975: "#071309",
+	green950: "#071310",
+	green900: "#061409",
+	green850: "#0F2410",
+	green800: "#0D2620",
+	green750: "#163E35",
+	green700: "#184E23",
+	green650: "#236254",
+	green600: "#456600",
+	green550: "#308874",
+	green500: "#389448",
+	green450: "#689900",
+	green400: "#46B95A",
+	green350: "#83C200",
+	green300: "#63CF79",
+	green250: "#7FD2BF",
+	green200: "#A7DC3C",
+	green100: "#B5E3BD",
+	green80: "#D1EB94",
+	green50: "#DAF1DE",
+	green10: "#F6FBEA",
+	blueGreen990: "#001C19",
+	blueGreen975: "#022427",
+	blueGreen950: "#13332E",
+	blueGreen900: "#0A3B43",
+	blueGreen850: "#0F4A45",
+	blueGreen800: "#0D4E59",
+	blueGreen750: "#045258",
+	blueGreen700: "#08ADBA",
+	blueGreen650: "#1D766E",
+	blueGreen600: "#137686",
+	blueGreen550: "#039084",
+	blueGreen500: "#2FBCB0",
+	blueGreen450: "#5CD6CC",
+	blueGreen400: "#85E0D9",
+	blueGreen300: "#ADEBE5",
+	blueGreen250: "#A6E7F2",
+	blueGreen150: "#D6F5F2",
+	blueGreen50: "#EBFAF9",
+	blueGreen10: "#EBFDFE",
+	teal900: "#06272D",
+	teal800: "#068089",
+	teal700: "#1A9DB2",
+	teal600: "#20C4DF",
+	teal500: "#0ADBEA",
+	teal450: "#6DE3EE",
+	teal400: "#32E8F6",
+	teal350: "#63EEF8",
+	teal300: "#94F3FA",
+	teal250: "#A7F5FB",
+	teal200: "#BCEDF5",
+	teal150: "#D2FAFD",
+	teal100: "#D2F3F9",
+	teal50: "#E9F9FC",
+	blue950: "#060B14",
+	blue900: "#0C1728",
+	blue800: "#172D4F",
+	blue700: "#234476",
+	blue600: "#2F5B9D",
+	blue500: "#3A70C2",
+	blue400: "#628ED0",
+	blue300: "#89AADC",
+	blue200: "#B0C6E8",
+	blue100: "#D7E2F3",
+	blue50: "#EFF4FA",
+	violet950: "#0D042F",
+	violet900: "#19095D",
+	violet800: "#260D8C",
+	violet700: "#3311BB",
+	violet600: "#3F16E9",
+	violet500: "#6644EE",
+	violet400: "#8C73F2",
+	violet300: "#9F8AF4",
+	violet200: "#B2A2F6",
+	violet100: "#D9D1FA",
+	violet50: "#ECE8FD",
+	purple950: "#26062D",
+	purple900: "#390A43",
+	purple800: "#4D0D59",
+	purple700: "#731386",
+	purple600: "#9919B2",
+	purple500: "#BF20DF",
+	purple400: "#E474EE",
+	purple300: "#DF8FEF",
+	purple200: "#E5A6F2",
+	purple100: "#F2D2F9",
+	purple50: "#F9E9FC",
+	beige990: "#110F09",
+	beige900: "#211E12",
+	beige800: "#423C24",
+	beige700: "#635A36",
+	beige600: "#847848",
+	beige500: "#A5965A",
+	beige400: "#B7AB7B",
+	beige300: "#C9C09C",
+	beige200: "#DBD5BD",
+	beige100: "#EDEADE",
+	beige50: "#F9F8F4",
+	gray999: "#0D0C0C",
+	gray980: "#1B1918",
+	gray950: "#212829",
+	gray900: "#2A2A2A",
+	gray850: "#343E40",
+	gray800: "#404040",
+	gray750: "#495457",
+	gray700: "#6B6361",
+	gray650: "#6C787D",
+	gray600: "#837976",
+	gray550: "#9E9694",
+	gray500: "#B6B0AF",
+	gray450: "#ADB9BD",
+	gray400: "#CFCBC9",
+	gray350: "#CED8DA",
+	gray300: "#DEE5E6",
+	gray250: "#E7E5E4",
+	gray200: "#F0F4F4",
+	gray150: "#F3F2F2",
+	gray100: "#F7F9F9",
+	gray50: "#FCFDFD",
+	gray10: "#FFFFFF",
+	white: "#FFFFFF",
+	black: "#101921",
+	text: "#101921"
 }, t = {
-	text: 16,
-	column: 60,
+	text: 14,
 	gutter: 16,
-	extDesktop: 1320,
-	extNav: 1240,
-	desktop: 1040,
+	column: 60,
+	mobileMax: 659.99999,
 	tablet: 660,
-	extMobile: 320
+	tabletMax: 1039.99999,
+	desktop: 1040,
+	desktopMax: 1319.99999,
+	extDesktop: 1320
 };
 //#endregion
 export { e as defaultColors, t as defaultWidths };

package/{styles → src/styles}/utilities/layout.d.ts

@@ -1,10 +1,12 @@
-import { CSSObject, SerializedStyles } from '@emotion/react';
-import { Breakpoint, LayoutWidthsType, ResponsiveWidth } from './types';
-export declare const widths: ResponsiveWidth;
+import { Breakpoint, LayoutWidthsType } from './types';
+export declare const widths: Record<LayoutWidthsType, string>;
 export declare const media: {
     readonly mobile: string;
+    readonly mobileMax: string;
     readonly tablet: string;
+    readonly tabletMax: string;
     readonly desktop: string;
+    readonly desktopMax: string;
     readonly extDesktop: string;
     readonly mobileOnly: string;
     readonly tabletOnly: string;
@@ -12,4 +14,4 @@ export declare const media: {
     readonly desktopOnly: string;
 };
 export declare const width: (w: LayoutWidthsType, multiplier?: number, px?: boolean) => string;
-export declare const breakpoint: (bp: Breakpoint, styles: SerializedStyles | CSSObject) => SerializedStyles;
+export declare const breakpoint: (bp: Breakpoint, styles: string) => string;

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

@@ -1,48 +1,47 @@
-import { getCraftsmanConfig as e } from "./config.esm.js";
-import { css as t } from "@emotion/react";
+import { defaultWidths as e } from "./constants.esm.js";
+import { LayoutWidthsSchema as t } from "./types.esm.js";
 //#region src/styles/utilities/layout.ts
-var n = [
-	"text",
-	"column",
-	"gutter",
-	"extDesktop",
-	"extNav",
-	"desktop",
-	"tablet",
-	"extMobile",
-	"mobileMax",
-	"tabletMax",
-	"desktopMax"
-].reduce((t, n) => (t[n] = {
-	enumerable: !0,
-	get: () => e().widths[n]
-}, t), {}), r = Object.defineProperties({}, n), i = {
+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: ${r.tablet}px)`;
+		return `(min-width: ${n.tablet}px)`;
+	},
+	get tabletMax() {
+		return `(max-width: ${n.tabletMax}px)`;
 	},
 	get desktop() {
-		return `(min-width: ${r.desktop}px)`;
+		return `(min-width: ${n.desktop}px)`;
+	},
+	get desktopMax() {
+		return `(max-width: ${n.desktopMax}px)`;
 	},
 	get extDesktop() {
-		return `(min-width: ${r.extDesktop}px)`;
+		return `(min-width: ${n.extDesktop}px)`;
 	},
 	get mobileOnly() {
-		return `(min-width: 0px) and (max-width: ${r.mobileMax}px)`;
+		return `(min-width: 0px) and (max-width: ${n.mobileMax}px)`;
 	},
 	get tabletOnly() {
-		return `(min-width: ${r.tablet}px) and (max-width: ${r.tabletMax}px)`;
+		return `(min-width: ${n.tablet}px) and (max-width: ${n.tabletMax}px)`;
 	},
 	get mobileTablet() {
-		return `(min-width: 0px) and (max-width: ${r.tabletMax}px)`;
+		return `(min-width: 0px) and (max-width: ${n.tabletMax}px)`;
 	},
 	get desktopOnly() {
-		return `(min-width: ${r.desktop}px) and (max-width: ${r.desktopMax}px)`;
+		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}))`;
 	}
-}, a = (e, n) => t`@media ${i[e]} {
-        ${n}
-    }`;
+	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, i as media, r as widths };
+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/components/Input.d.ts

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

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

@@ -1,25 +0,0 @@
-import { defaultColors as e, defaultWidths as t } from "./constants.esm.js";
-//#region src/styles/utilities/config.ts
-var n = {
-	colors: e,
-	widths: t
-}, r = {
-	colors: { ...n.colors },
-	widths: { ...n.widths }
-};
-function i(e) {
-	return {
-		...e,
-		mobileMax: e.tablet - 1e-5,
-		tabletMax: e.desktop - 1e-5,
-		desktopMax: e.extDesktop - 1e-5
-	};
-}
-function a() {
-	return {
-		colors: { ...r.colors },
-		widths: i(r.widths)
-	};
-}
-//#endregion
-export { a as getCraftsmanConfig };

package/stories/Button.stories.d.ts

@@ -1,15 +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 Primary: Story;
-export declare const Text: Story;
-export declare const Disabled: Story;
-export declare const FullyDisabled: Story;
-export declare const Loading: Story;
-export declare const AsSubmit: Story;
-export declare const WithClassName: Story;
-export declare const WithAriaLabel: Story;
-export declare const WithEmotionStyles: Story;

package/stories/Colors.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Palette: Story;

package/stories/Icons.stories.d.ts

@@ -1,36 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const AntDesign: Story;
-export declare const BoxIcons: Story;
-export declare const BootstrapIcons: Story;
-export declare const CssGgIcons: Story;
-export declare const CircumIcons: Story;
-export declare const Devicons: Story;
-export declare const FontAwesome: Story;
-export declare const FontAwesome6: Story;
-export declare const FlatColorIcons: Story;
-export declare const Feather: Story;
-export declare const GameIcons: Story;
-export declare const GithubOcticons: Story;
-export declare const GrommetIcons: Story;
-export declare const HeroIcons: Story;
-export declare const HeroIcons2: Story;
-export declare const IcoMoonFree: Story;
-export declare const Ionicons4: Story;
-export declare const Ionicons5: Story;
-export declare const LineAwesome: Story;
-export declare const Lucide: Story;
-export declare const MaterialDesignIcons: Story;
-export declare const PhosphorIcons: Story;
-export declare const RemixIcons: Story;
-export declare const RadixIcons: Story;
-export declare const SimpleIcons: Story;
-export declare const SimpleLineIcons: Story;
-export declare const TablerIcons: Story;
-export declare const ThemifyIcons: Story;
-export declare const Typicons: Story;
-export declare const VSCodeIcons: Story;
-export declare const WeatherIcons: Story;
-export declare const Palette: Story;

package/stories/Loaders.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Loader } from '../components/Loader';
-declare const meta: Meta<typeof Loader>;
-export default meta;
-type Story = StoryObj<typeof Loader>;
-export declare const Basic: Story;

package/stories/Modal.stories.d.ts

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

package/stories/Toastify.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { ToastContainerProps } from 'react-toastify';
-type StoryArgs = Pick<ToastContainerProps, "position" | "autoClose" | "theme" | "closeOnClick" | "pauseOnHover" | "draggable" | "newestOnTop">;
-declare const meta: Meta<StoryArgs>;
-export default meta;
-type Story = StoryObj<StoryArgs>;
-export declare const UsageGuide: Story;

package/stories/Typography.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ScaleAndSemantics: Story;
-export declare const LongFormArticle: Story;

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

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

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

@@ -1,11 +0,0 @@
-export declare const typography: {
-    body: import('@emotion/utils').SerializedStyles;
-    h1: import('@emotion/utils').SerializedStyles;
-    h2: import('@emotion/utils').SerializedStyles;
-    h3: import('@emotion/utils').SerializedStyles;
-    h4: import('@emotion/utils').SerializedStyles;
-    h5: import('@emotion/utils').SerializedStyles;
-    h6: import('@emotion/utils').SerializedStyles;
-    p: import('@emotion/utils').SerializedStyles;
-};
-export declare const typographyStyles: import('@emotion/utils').SerializedStyles[];

package/styles/global/globalStyles.d.ts

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

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/theme/utilities.d.ts

@@ -1,2 +0,0 @@
-import { CSSObject, SerializedStyles } from '@emotion/react';
-export declare function toCSSObject(value: CSSObject | SerializedStyles): CSSObject;