@nayhoo/ui 0.7.0 → 0.9.0

package/dist/providers/index.mjs

@@ -1,8 +1,36 @@
 import {
+  Text
+} from "../chunk-3Z2HB2J6.mjs";
+import {
+  checkmark,
   darkTheme,
+  error,
   lightTheme,
+  toastClose,
+  toastInner,
+  toastRoot,
+  toastViewport
+} from "../chunk-RAS2GZOT.mjs";
+import {
+  Heading
+} from "../chunk-NU7XYEVP.mjs";
+import {
+  IconButton
+} from "../chunk-GI2XNLAW.mjs";
+import "../chunk-IRWT2CO3.mjs";
+import "../chunk-IPBDMBQP.mjs";
+import {
+  Button
+} from "../chunk-X6UXW66P.mjs";
+import "../chunk-FG2ZBTVM.mjs";
+import "../chunk-A2I7UNX6.mjs";
+import "../chunk-S3GY7GCD.mjs";
+import {
   theme
-} from "../chunk-2IKFUUSU.mjs";
+} from "../chunk-OETJQIMJ.mjs";
+import "../chunk-4N6P3Y54.mjs";
+import "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
 
 // src/providers/theme-provider.tsx
 import { createContext } from "react";
@@ -26,8 +54,228 @@ var ThemeProvider = ({
     }
   ) });
 };
+
+// src/providers/toaster.tsx
+import { Cross2Icon } from "@radix-ui/react-icons";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import * as React2 from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var defaultToaster = Object.assign(() => {
+}, {
+  success: () => {
+  },
+  error: () => {
+  }
+});
+var ToasterContext = React2.createContext(defaultToaster);
+var toastElementsMapRef = React2.createRef();
+var defaultToastImpl = {
+  toastElementsMapRef,
+  sortToasts: () => {
+  }
+};
+var ToastContextImpl = React2.createContext(defaultToastImpl);
+var ANIMATION_OUT_DURATION = 350;
+var Toaster = ({
+  children,
+  ...props
+}) => {
+  const [toasts, setToasts] = React2.useState(/* @__PURE__ */ new Map());
+  const toastElementsMapRef2 = React2.useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const viewportRef = React2.useRef(null);
+  const sortToasts = React2.useCallback(() => {
+    const toastElements = Array.from(toastElementsMapRef2.current).reverse();
+    const heights = [];
+    toastElements.forEach(([, toast], index) => {
+      if (!toast) return;
+      const height = toast.clientHeight;
+      heights.push(height);
+      const frontToastHeight = heights[0];
+      toast.setAttribute("data-front", `${index === 0}`);
+      toast.setAttribute("data-hidden", `${index > 2}`);
+      toast.style.setProperty("--index", `${index}`);
+      toast.style.setProperty("--height", `${height}px`);
+      toast.style.setProperty("--front-height", `${frontToastHeight}px`);
+      const hoverOffsetY = heights.slice(0, index).reduce((res, next) => res += next, 0);
+      toast.style.setProperty("--hover-offset-y", `-${hoverOffsetY}px`);
+    });
+  }, []);
+  const handleAddToast = React2.useCallback((toast) => {
+    setToasts((currentToasts) => {
+      const newMap = new Map(currentToasts);
+      newMap.set(String(Date.now()), { ...toast, open: true });
+      return newMap;
+    });
+  }, []);
+  const handleRemoveToast = React2.useCallback((key) => {
+    setToasts((currentToasts) => {
+      const newMap = new Map(currentToasts);
+      newMap.delete(key);
+      return newMap;
+    });
+  }, []);
+  const handleDispatchDefault = React2.useCallback(
+    (payload) => handleAddToast({ ...payload, status: "default" }),
+    [handleAddToast]
+  );
+  const handleDispatchSuccess = React2.useCallback(
+    (payload) => handleAddToast({ ...payload, status: "success" }),
+    [handleAddToast]
+  );
+  const handleDispatchError = React2.useCallback(
+    (payload) => handleAddToast({ ...payload, status: "error" }),
+    [handleAddToast]
+  );
+  React2.useEffect(() => {
+    const viewport = viewportRef.current;
+    if (viewport) {
+      const handleFocus = () => {
+        toastElementsMapRef2.current.forEach((toast) => {
+          toast.setAttribute("data-hovering", "true");
+        });
+      };
+      const handleBlur = (event) => {
+        if (!viewport.contains(event.target) || viewport === event.target) {
+          toastElementsMapRef2.current.forEach((toast) => {
+            toast.setAttribute("data-hovering", "false");
+          });
+        }
+      };
+      viewport.addEventListener("pointermove", handleFocus);
+      viewport.addEventListener("pointerleave", handleBlur);
+      viewport.addEventListener("focusin", handleFocus);
+      viewport.addEventListener("focusout", handleBlur);
+      return () => {
+        viewport.removeEventListener("pointermove", handleFocus);
+        viewport.removeEventListener("pointerleave", handleBlur);
+        viewport.removeEventListener("focusin", handleFocus);
+        viewport.removeEventListener("focusout", handleBlur);
+      };
+    }
+  }, []);
+  const toastApi = React2.useMemo(
+    () => Object.assign(handleDispatchDefault, {
+      success: handleDispatchSuccess,
+      error: handleDispatchError
+    }),
+    [handleDispatchDefault, handleDispatchSuccess, handleDispatchError]
+  );
+  return /* @__PURE__ */ jsx2(ToasterContext.Provider, { value: toastApi, children: /* @__PURE__ */ jsx2(
+    ToastContextImpl.Provider,
+    {
+      value: React2.useMemo(
+        () => ({
+          toastElementsMapRef: toastElementsMapRef2,
+          sortToasts
+        }),
+        [sortToasts]
+      ),
+      children: /* @__PURE__ */ jsxs(ToastPrimitives.Provider, { ...props, children: [
+        children,
+        Array.from(toasts).map(([key, toast]) => /* @__PURE__ */ jsx2(
+          Toast,
+          {
+            id: key,
+            toast,
+            onOpenChange: (open) => {
+              if (!open) {
+                toastElementsMapRef2.current.delete(key);
+                sortToasts();
+                if (!open) {
+                  setTimeout(() => {
+                    handleRemoveToast(key);
+                  }, ANIMATION_OUT_DURATION);
+                }
+              }
+            }
+          },
+          key
+        )),
+        /* @__PURE__ */ jsx2(
+          ToastPrimitives.Viewport,
+          {
+            ref: viewportRef,
+            className: toastViewport
+          }
+        )
+      ] })
+    }
+  ) });
+};
+var Toast = (props) => {
+  const { onOpenChange, toast, id, ...toastProps } = props;
+  const ref = React2.useRef(null);
+  const context = React2.useContext(ToastContextImpl);
+  const { sortToasts, toastElementsMapRef: toastElementsMapRef2 } = context;
+  const toastElementsMap = toastElementsMapRef2.current;
+  React2.useLayoutEffect(() => {
+    if (ref.current) {
+      toastElementsMap == null ? void 0 : toastElementsMap.set(id, ref.current);
+      sortToasts();
+    }
+  }, [id, sortToasts, toastElementsMap]);
+  return /* @__PURE__ */ jsx2(
+    ToastPrimitives.Root,
+    {
+      ...toastProps,
+      ref,
+      type: toast.type,
+      duration: toast.duration,
+      className: toastRoot,
+      onOpenChange,
+      children: /* @__PURE__ */ jsxs("div", { className: toastInner, "data-status": toast.status, children: [
+        /* @__PURE__ */ jsx2(ToastStatusIcon, { status: toast.status }),
+        /* @__PURE__ */ jsx2(ToastPrimitives.Title, { asChild: true, style: { gridArea: "title" }, children: /* @__PURE__ */ jsx2(Heading, { level: "6", children: toast.title }) }),
+        /* @__PURE__ */ jsx2(
+          ToastPrimitives.Description,
+          {
+            asChild: true,
+            style: { gridArea: "description" },
+            children: /* @__PURE__ */ jsx2(Text, { color: "subtle", size: "2", children: toast.description })
+          }
+        ),
+        toast.action,
+        /* @__PURE__ */ jsx2(
+          ToastPrimitives.Close,
+          {
+            "aria-label": "Close",
+            asChild: true,
+            className: toastClose,
+            children: /* @__PURE__ */ jsx2(IconButton, { variant: "outline", children: /* @__PURE__ */ jsx2(Cross2Icon, {}) })
+          }
+        )
+      ] })
+    }
+  );
+};
+var ToastStatusIcon = ({ status }) => {
+  return status !== "default" ? /* @__PURE__ */ jsxs("div", { style: { gridArea: "icon", alignSelf: "start" }, children: [
+    status === "success" && /* @__PURE__ */ jsx2(CheckmarkIcon, {}),
+    status === "error" && /* @__PURE__ */ jsx2(ErrorIcon, {})
+  ] }) : null;
+};
+var ErrorIcon = () => /* @__PURE__ */ jsx2("div", { "aria-hidden": true, className: error });
+var CheckmarkIcon = () => /* @__PURE__ */ jsx2("div", { "aria-hidden": true, className: checkmark });
+var ToastAction = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx2(
+    ToastPrimitives.Action,
+    {
+      ...props,
+      style: { gridArea: "action", ...props.style },
+      asChild: true,
+      children: /* @__PURE__ */ jsx2(Button, { size: "1", variant: "outline", children: props.children })
+    }
+  );
+};
 export {
   ThemeContext,
-  ThemeProvider
+  ThemeProvider,
+  ToastAction,
+  Toaster,
+  ToasterContext
 };
 //# sourceMappingURL=index.mjs.map

package/dist/providers/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/theme-provider.tsx"],"sourcesContent":["import { theme } from \"@/theme-contracts/theme-contract.css\";\nimport { darkTheme } from \"@/themes/dark-theme.css\";\nimport { lightTheme } from \"@/themes/light-theme.css\";\nimport { ThemeMode } from \"@/types/theme-mode\";\nimport React, { createContext } from \"react\";\n\nconst defaultThemeMode: ThemeMode = \"light\";\n\nexport const ThemeContext = createContext<ThemeMode>(defaultThemeMode);\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  themeMode?: ThemeMode;\n};\n\n/**\n * This component applies the theme css. It should preferably be used at the root of your component tree.\n */\nexport const ThemeProvider = ({\n  children,\n  themeMode = defaultThemeMode,\n}: ThemeProviderProps) => {\n  const isDarkMode = themeMode === \"dark\";\n\n  return (\n    <ThemeContext value={themeMode}>\n      <div\n        className={isDarkMode ? darkTheme : lightTheme}\n        style={{\n          backgroundColor: theme.semanticColors.background,\n          color: theme.semanticColors.backgroundTextContrast,\n        }}\n      >\n        {children}\n      </div>\n    </ThemeContext>\n  );\n};\n"],"mappings":";;;;;;;AAIA,SAAgB,qBAAqB;AAsB/B;AApBN,IAAM,mBAA8B;AAE7B,IAAM,eAAe,cAAyB,gBAAgB;AAU9D,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,YAAY;AACd,MAA0B;AACxB,QAAM,aAAa,cAAc;AAEjC,SACE,oBAAC,gBAAa,OAAO,WACnB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa,YAAY;AAAA,MACpC,OAAO;AAAA,QACL,iBAAiB,MAAM,eAAe;AAAA,QACtC,OAAO,MAAM,eAAe;AAAA,MAC9B;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/providers/theme-provider.tsx","../../src/providers/toaster.tsx"],"sourcesContent":["import { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { darkTheme } from \"@/theme/themes/dark-theme.css\";\nimport { lightTheme } from \"@/theme/themes/light-theme.css\";\nimport { ThemeMode } from \"@/types/theme-mode\";\nimport React, { createContext } from \"react\";\n\nconst defaultThemeMode: ThemeMode = \"light\";\n\nexport const ThemeContext = createContext<ThemeMode>(defaultThemeMode);\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  themeMode?: ThemeMode;\n};\n\n/**\n * This component applies the theme css. It should preferably be used at the root of your component tree.\n */\nexport const ThemeProvider = ({\n  children,\n  themeMode = defaultThemeMode,\n}: ThemeProviderProps) => {\n  const isDarkMode = themeMode === \"dark\";\n\n  return (\n    <ThemeContext value={themeMode}>\n      <div\n        className={isDarkMode ? darkTheme : lightTheme}\n        style={{\n          backgroundColor: theme.semanticColors.background,\n          color: theme.semanticColors.backgroundTextContrast,\n        }}\n      >\n        {children}\n      </div>\n    </ThemeContext>\n  );\n};\n","// Credits: https://codesandbox.io/p/sandbox/radix-toast-stack-dpfx5f\n\nimport { Button } from \"@/components/button\";\nimport { Heading } from \"@/components/heading\";\nimport { IconButton } from \"@/components/icon-button\";\nimport { Text } from \"@/components/text\";\nimport {\n  checkmark,\n  error,\n  toastClose,\n  toastInner,\n  toastRoot,\n  toastViewport,\n} from \"@/theme/styles/toaster.css\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\n\ntype Toast = {\n  title?: string;\n  description?: string;\n  status: \"default\" | \"error\" | \"success\";\n  action?: React.ReactNode;\n} & ToastPrimitives.ToastProps;\n\ntype AddToastPayload = Omit<Toast, \"status\">;\n\ntype ToasterContextProps = ((payload: AddToastPayload) => void) & {\n  error: (payload: AddToastPayload) => void;\n  success: (payload: AddToastPayload) => void;\n};\n\nconst defaultToaster: ToasterContextProps = Object.assign(() => {}, {\n  success: () => {},\n  error: () => {},\n});\n\nexport const ToasterContext = React.createContext(defaultToaster);\n\ntype ToastContextImplProps = {\n  toastElementsMapRef: React.RefObject<Map<string, HTMLLIElement> | null>;\n  sortToasts: () => void;\n};\n\nconst toastElementsMapRef = React.createRef<Map<string, HTMLLIElement>>();\n\nconst defaultToastImpl: ToastContextImplProps = {\n  toastElementsMapRef,\n  sortToasts: () => {},\n};\n\nconst ToastContextImpl = React.createContext(defaultToastImpl);\n\nconst ANIMATION_OUT_DURATION = 350;\n\nexport const Toaster = ({\n  children,\n  ...props\n}: ToastPrimitives.ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<Map<string, Toast>>(new Map());\n  const toastElementsMapRef = React.useRef<Map<string, HTMLLIElement>>(\n    new Map(),\n  );\n  const viewportRef = React.useRef<HTMLOListElement>(null);\n\n  const sortToasts = React.useCallback(() => {\n    const toastElements = Array.from(toastElementsMapRef.current).reverse();\n    const heights: number[] = [];\n\n    toastElements.forEach(([, toast], index) => {\n      if (!toast) return;\n      const height = toast.clientHeight;\n      heights.push(height);\n      const frontToastHeight = heights[0];\n      toast.setAttribute(\"data-front\", `${index === 0}`);\n      toast.setAttribute(\"data-hidden\", `${index > 2}`);\n      toast.style.setProperty(\"--index\", `${index}`);\n      toast.style.setProperty(\"--height\", `${height}px`);\n      toast.style.setProperty(\"--front-height\", `${frontToastHeight}px`);\n      const hoverOffsetY = heights\n        .slice(0, index)\n        .reduce((res, next) => (res += next), 0);\n      toast.style.setProperty(\"--hover-offset-y\", `-${hoverOffsetY}px`);\n    });\n  }, []);\n\n  const handleAddToast = React.useCallback((toast: Toast) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.set(String(Date.now()), { ...toast, open: true });\n\n      return newMap;\n    });\n  }, []);\n\n  const handleRemoveToast = React.useCallback((key: string) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.delete(key);\n\n      return newMap;\n    });\n  }, []);\n\n  const handleDispatchDefault = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"default\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchSuccess = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"success\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchError = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"error\" }),\n    [handleAddToast],\n  );\n\n  React.useEffect(() => {\n    const viewport = viewportRef.current;\n\n    if (viewport) {\n      const handleFocus = () => {\n        toastElementsMapRef.current.forEach((toast) => {\n          toast.setAttribute(\"data-hovering\", \"true\");\n        });\n      };\n\n      // @ts-expect-error TODO: get the correct type\n      const handleBlur = (event) => {\n        if (!viewport.contains(event.target) || viewport === event.target) {\n          toastElementsMapRef.current.forEach((toast) => {\n            toast.setAttribute(\"data-hovering\", \"false\");\n          });\n        }\n      };\n\n      viewport.addEventListener(\"pointermove\", handleFocus);\n      viewport.addEventListener(\"pointerleave\", handleBlur);\n      viewport.addEventListener(\"focusin\", handleFocus);\n      viewport.addEventListener(\"focusout\", handleBlur);\n\n      return () => {\n        viewport.removeEventListener(\"pointermove\", handleFocus);\n        viewport.removeEventListener(\"pointerleave\", handleBlur);\n        viewport.removeEventListener(\"focusin\", handleFocus);\n        viewport.removeEventListener(\"focusout\", handleBlur);\n      };\n    }\n  }, []);\n\n  const toastApi = React.useMemo(\n    () =>\n      Object.assign(handleDispatchDefault, {\n        success: handleDispatchSuccess,\n        error: handleDispatchError,\n      }),\n    [handleDispatchDefault, handleDispatchSuccess, handleDispatchError],\n  );\n\n  return (\n    <ToasterContext.Provider value={toastApi}>\n      <ToastContextImpl.Provider\n        value={React.useMemo(\n          () => ({\n            toastElementsMapRef,\n            sortToasts,\n          }),\n          [sortToasts],\n        )}\n      >\n        <ToastPrimitives.Provider {...props}>\n          {children}\n          {Array.from(toasts).map(([key, toast]) => (\n            <Toast\n              key={key}\n              id={key}\n              toast={toast}\n              onOpenChange={(open) => {\n                if (!open) {\n                  toastElementsMapRef.current.delete(key);\n                  sortToasts();\n\n                  if (!open) {\n                    setTimeout(() => {\n                      handleRemoveToast(key);\n                    }, ANIMATION_OUT_DURATION);\n                  }\n                }\n              }}\n            />\n          ))}\n          <ToastPrimitives.Viewport\n            ref={viewportRef}\n            className={toastViewport}\n          />\n        </ToastPrimitives.Provider>\n      </ToastContextImpl.Provider>\n    </ToasterContext.Provider>\n  );\n};\n\nconst Toast = (props: ToastPrimitives.ToastProps & { toast: Toast }) => {\n  const { onOpenChange, toast, id, ...toastProps } = props;\n  const ref = React.useRef<HTMLLIElement>(null);\n  const context = React.useContext(ToastContextImpl);\n  const { sortToasts, toastElementsMapRef } = context;\n  const toastElementsMap = toastElementsMapRef.current;\n\n  React.useLayoutEffect(() => {\n    if (ref.current) {\n      toastElementsMap?.set(id as string, ref.current);\n      sortToasts();\n    }\n  }, [id, sortToasts, toastElementsMap]);\n\n  return (\n    <ToastPrimitives.Root\n      {...toastProps}\n      ref={ref}\n      type={toast.type}\n      duration={toast.duration}\n      className={toastRoot}\n      onOpenChange={onOpenChange}\n    >\n      <div className={toastInner} data-status={toast.status}>\n        <ToastStatusIcon status={toast.status} />\n        <ToastPrimitives.Title asChild style={{ gridArea: \"title\" }}>\n          <Heading level=\"6\">{toast.title}</Heading>\n        </ToastPrimitives.Title>\n        <ToastPrimitives.Description\n          asChild\n          style={{ gridArea: \"description\" }}\n        >\n          <Text color=\"subtle\" size=\"2\">\n            {toast.description}\n          </Text>\n        </ToastPrimitives.Description>\n        {toast.action}\n        <ToastPrimitives.Close\n          aria-label=\"Close\"\n          asChild\n          className={toastClose}\n        >\n          <IconButton variant=\"outline\">\n            <Cross2Icon />\n          </IconButton>\n        </ToastPrimitives.Close>\n      </div>\n    </ToastPrimitives.Root>\n  );\n};\n\nconst ToastStatusIcon = ({ status }: { status: Toast[\"status\"] }) => {\n  return status !== \"default\" ? (\n    <div style={{ gridArea: \"icon\", alignSelf: \"start\" }}>\n      {status === \"success\" && <CheckmarkIcon />}\n      {status === \"error\" && <ErrorIcon />}\n    </div>\n  ) : null;\n};\n\nconst ErrorIcon = () => <div aria-hidden className={error} />;\nconst CheckmarkIcon = () => <div aria-hidden className={checkmark} />;\n\nexport const ToastAction = ({\n  ...props\n}: Omit<ToastPrimitives.ToastActionProps, \"asChild\">) => {\n  return (\n    <ToastPrimitives.Action\n      {...props}\n      style={{ gridArea: \"action\", ...props.style }}\n      asChild\n    >\n      <Button size=\"1\" variant=\"outline\">\n        {props.children}\n      </Button>\n    </ToastPrimitives.Action>\n  );\n};\n"],"mappings":"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","names":["React","jsx","toastElementsMapRef"]}

package/dist/separator.css-Hl8ZhcXR.d.mts

@@ -0,0 +1,7 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const separatorRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type SeparatorVariants = NonNullable<RecipeVariants<typeof separatorRecipe>>;
+
+export { type SeparatorVariants as S, separatorRecipe as s };

package/dist/separator.css-Hl8ZhcXR.d.ts

@@ -0,0 +1,7 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const separatorRecipe: _vanilla_extract_recipes.RuntimeFn<{}>;
+type SeparatorVariants = NonNullable<RecipeVariants<typeof separatorRecipe>>;
+
+export { type SeparatorVariants as S, separatorRecipe as s };

package/dist/skeleton.css-JJ3Of78e.d.mts

@@ -0,0 +1,54 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const skeletonRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    variant: {
+        avatar1: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar2: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar3: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar4: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar5: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar6: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        text: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        title: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        heading: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        button: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type SkeletonVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;
+
+export { type SkeletonVariants as S, skeletonRecipe as s };

package/dist/skeleton.css-JJ3Of78e.d.ts

@@ -0,0 +1,54 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const skeletonRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    variant: {
+        avatar1: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar2: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar3: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar4: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar5: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        avatar6: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        text: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        title: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        heading: {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        button: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type SkeletonVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;
+
+export { type SkeletonVariants as S, skeletonRecipe as s };

package/dist/spinner.css-DDZLGtPI.d.mts

@@ -0,0 +1,46 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const spinnerRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        "1": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "2": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "3": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "4": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "5": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "6": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "7": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "8": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "9": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type SpinnerVariants = RecipeVariants<typeof spinnerRecipe>;
+
+export { type SpinnerVariants as S, spinnerRecipe as s };

package/dist/spinner.css-DDZLGtPI.d.ts

@@ -0,0 +1,46 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const spinnerRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        "1": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "2": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "3": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "4": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "5": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "6": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "7": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "8": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "9": {
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type SpinnerVariants = RecipeVariants<typeof spinnerRecipe>;
+
+export { type SpinnerVariants as S, spinnerRecipe as s };

package/dist/status.css-D2Xhx8gm.d.mts

@@ -0,0 +1,35 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const statusRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        "1": {
+            width: number;
+            height: number;
+        };
+        "2": {
+            width: number;
+            height: number;
+        };
+    };
+    variant: {
+        gray: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        blue: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        green: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        yellow: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        red: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type StatusVariants = NonNullable<RecipeVariants<typeof statusRecipe>>;
+
+export { type StatusVariants as S, statusRecipe as s };

package/dist/status.css-D2Xhx8gm.d.ts

@@ -0,0 +1,35 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const statusRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        "1": {
+            width: number;
+            height: number;
+        };
+        "2": {
+            width: number;
+            height: number;
+        };
+    };
+    variant: {
+        gray: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        blue: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        green: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        yellow: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        red: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type StatusVariants = NonNullable<RecipeVariants<typeof statusRecipe>>;
+
+export { type StatusVariants as S, statusRecipe as s };

package/dist/switch.css-Ku46q4IP.d.mts

@@ -0,0 +1,41 @@
+import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+declare const switchRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        "1": {
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        "2": {
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+type SwitchVariants = NonNullable<RecipeVariants<typeof switchRecipe>>;
+declare const switchThumbRecipe: _vanilla_extract_recipes.RuntimeFn<{
+    size: {
+        "1": {
+            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            selectors: {
+                '&[data-state="checked"]': {
+                    transform: "translateX(10px)";
+                };
+            };
+        };
+        "2": {
+            width: "20px";
+            height: "20px";
+            selectors: {
+                '&[data-state="checked"]': {
+                    transform: "translateX(18px)";
+                };
+            };
+        };
+    };
+}>;
+type SwitchThumbVariants = NonNullable<RecipeVariants<typeof switchThumbRecipe>>;
+
+export { type SwitchThumbVariants as S, type SwitchVariants as a, switchThumbRecipe as b, switchRecipe as s };