@sikka/hawa 0.26.33 → 0.26.35

package/dist/hooks/index.mjs

@@ -32,17 +32,13 @@ var addToRemoveQueue = (toastId) => {
   }
   const timeout = setTimeout(() => {
     toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId
-    });
+    dispatch({ type: "REMOVE_TOAST", toastId });
   }, TOAST_REMOVE_DELAY);
   toastTimeouts.set(toastId, timeout);
 };
 var reducer = (state, action) => {
   switch (action.type) {
     case "ADD_TOAST":
-      console.log("adding toast case");
       return {
         ...state,
         toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
@@ -83,19 +79,14 @@ var reducer = (state, action) => {
 var listeners = [];
 var memoryState = { toasts: [] };
 function dispatch(action) {
-  console.log("dispatching toast");
   memoryState = reducer(memoryState, action);
   listeners.forEach((listener) => {
-    console.log("mapping through listerners in dispathc");
     listener(memoryState);
   });
 }
 function toast({ ...props }) {
   const id = genId();
-  const update = (props2) => dispatch({
-    type: "UPDATE_TOAST",
-    toast: { ...props2, id }
-  });
+  const update = (props2) => dispatch({ type: "UPDATE_TOAST", toast: { ...props2, id } });
   const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
   dispatch({
     type: "ADD_TOAST",
@@ -109,23 +100,14 @@ function toast({ ...props }) {
       }
     }
   });
-  return {
-    id,
-    dismiss,
-    update
-  };
+  return { id, dismiss, update };
 }
 function useToast() {
   const [state, setState] = React3.useState(memoryState);
   React3.useEffect(() => {
-    console.log("useToast triggered in useEffect");
-    console.log("toast state", state);
-    console.log("listerners BEFORE", listeners);
-    console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
-      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }

package/dist/index.css

@@ -586,23 +586,6 @@ video {
     text-decoration: underline;
     color: var(--button-primary-700);
   }
-.inline-code {
-    font-size: 0.75rem !important;
-    width: -moz-fit-content;
-    width: fit-content;
-    border-radius: var(--radius);
-    padding: 0.25rem 0.375rem;
-    border: #d1d5db 1px solid;
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace !important;
-  }
 input[type="number"]::-webkit-inner-spin-button,
   input[type="number"]::-webkit-outer-spin-button {
     -webkit-appearance: none;
@@ -2194,9 +2177,9 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
-.hawa-bg-gray-700 {
+.hawa-bg-gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
 .hawa-bg-gray-900 {
   --tw-bg-opacity: 1;

package/dist/index.d.mts

@@ -41,9 +41,13 @@ type LoadingTypes = {
     size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
     /** Determines the design of the loading animation.*/
     design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots" | "squircle" | "square" | "progress" | "orbit";
-    /** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
+    /** Specifies the color of the loading component. By default it will inherit the value of --primary global CSS variable*/
     color?: string;
-    className?: string;
+    classNames?: {
+        container: string;
+        track: string;
+        car: string;
+    };
     themeMode?: "dark" | "light";
 };
 declare const Loading: FC<LoadingTypes>;

package/dist/index.d.ts

@@ -41,9 +41,13 @@ type LoadingTypes = {
     size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
     /** Determines the design of the loading animation.*/
     design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots" | "squircle" | "square" | "progress" | "orbit";
-    /** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
+    /** Specifies the color of the loading component. By default it will inherit the value of --primary global CSS variable*/
     color?: string;
-    className?: string;
+    classNames?: {
+        container: string;
+        track: string;
+        car: string;
+    };
     themeMode?: "dark" | "light";
 };
 declare const Loading: FC<LoadingTypes>;

package/dist/index.js

@@ -354,6 +354,7 @@ var Loading = ({
   design = "spinner",
   size = "sm",
   themeMode = "light",
+  classNames,
   color,
   ...props
 }) => {
@@ -374,7 +375,10 @@ var Loading = ({
       return /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
+          className: cn(
+            "hawa-flex hawa-flex-row hawa-gap-2",
+            classNames == null ? void 0 : classNames.container
+          )
         },
         /* @__PURE__ */ import_react.default.createElement(
           "div",
@@ -414,7 +418,11 @@ var Loading = ({
       return /* @__PURE__ */ import_react.default.createElement(
         "svg",
         {
-          className: cn("squircle-container", sizeStyles2[size]),
+          className: cn(
+            "squircle-container",
+            sizeStyles2[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -449,7 +457,11 @@ var Loading = ({
       return /* @__PURE__ */ import_react.default.createElement(
         "svg",
         {
-          className: cn("squircle-container", sizeStyles2[size]),
+          className: cn(
+            "squircle-container",
+            sizeStyles2[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           x: "0px",
           y: "0px",
           viewBox: "0 0 37 37",
@@ -486,7 +498,11 @@ var Loading = ({
       return /* @__PURE__ */ import_react.default.createElement(
         "svg",
         {
-          className: cn("circle-container", sizeStyles2[size]),
+          className: cn(
+            "circle-container",
+            sizeStyles2[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           viewBox: "0 0 40 40",
           height: "40",
           width: "40"
@@ -494,10 +510,14 @@ var Loading = ({
         /* @__PURE__ */ import_react.default.createElement(
           "circle",
           {
-            className: cn("circle-track", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
+            className: cn(
+              "circle-track",
+              {
+                "hawa-stroke-primary-foreground": themeMode === "dark",
+                "hawa-stroke-primary": themeMode === "light"
+              },
+              classNames == null ? void 0 : classNames.track
+            ),
             cx: "20",
             cy: "20",
             r: "17.5",
@@ -509,10 +529,14 @@ var Loading = ({
         /* @__PURE__ */ import_react.default.createElement(
           "circle",
           {
-            className: cn("circle-car", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
+            className: cn(
+              "circle-car",
+              {
+                "hawa-stroke-primary-foreground": themeMode === "dark",
+                "hawa-stroke-primary": themeMode === "light"
+              },
+              classNames == null ? void 0 : classNames.car
+            ),
             cx: "20",
             cy: "20",
             r: "17.5",
@@ -7175,7 +7199,7 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-border hawa-bg-gray-700 hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base ",
+          "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-border hawa-bg-gray-800 hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base ",
           tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
         )
       },
@@ -11584,17 +11608,13 @@ var addToRemoveQueue = (toastId) => {
   }
   const timeout = setTimeout(() => {
     toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId
-    });
+    dispatch({ type: "REMOVE_TOAST", toastId });
   }, TOAST_REMOVE_DELAY);
   toastTimeouts.set(toastId, timeout);
 };
 var reducer = (state, action) => {
   switch (action.type) {
     case "ADD_TOAST":
-      console.log("adding toast case");
       return {
         ...state,
         toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
@@ -11635,19 +11655,14 @@ var reducer = (state, action) => {
 var listeners = [];
 var memoryState = { toasts: [] };
 function dispatch(action) {
-  console.log("dispatching toast");
   memoryState = reducer(memoryState, action);
   listeners.forEach((listener) => {
-    console.log("mapping through listerners in dispathc");
     listener(memoryState);
   });
 }
 function toast({ ...props }) {
   const id = genId();
-  const update = (props2) => dispatch({
-    type: "UPDATE_TOAST",
-    toast: { ...props2, id }
-  });
+  const update = (props2) => dispatch({ type: "UPDATE_TOAST", toast: { ...props2, id } });
   const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
   dispatch({
     type: "ADD_TOAST",
@@ -11661,23 +11676,14 @@ function toast({ ...props }) {
       }
     }
   });
-  return {
-    id,
-    dismiss,
-    update
-  };
+  return { id, dismiss, update };
 }
 function useToast() {
   const [state, setState] = React103.useState(memoryState);
   React103.useEffect(() => {
-    console.log("useToast triggered in useEffect");
-    console.log("toast state", state);
-    console.log("listerners BEFORE", listeners);
-    console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
-      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }

package/dist/index.mjs

@@ -121,6 +121,7 @@ var Loading = ({
   design = "spinner",
   size = "sm",
   themeMode = "light",
+  classNames,
   color,
   ...props
 }) => {
@@ -141,7 +142,10 @@ var Loading = ({
       return /* @__PURE__ */ React2.createElement(
         "div",
         {
-          className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
+          className: cn(
+            "hawa-flex hawa-flex-row hawa-gap-2",
+            classNames == null ? void 0 : classNames.container
+          )
         },
         /* @__PURE__ */ React2.createElement(
           "div",
@@ -181,7 +185,11 @@ var Loading = ({
       return /* @__PURE__ */ React2.createElement(
         "svg",
         {
-          className: cn("squircle-container", sizeStyles2[size]),
+          className: cn(
+            "squircle-container",
+            sizeStyles2[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -216,7 +224,11 @@ var Loading = ({
       return /* @__PURE__ */ React2.createElement(
         "svg",
         {
-          className: cn("squircle-container", sizeStyles2[size]),
+          className: cn(
+            "squircle-container",
+            sizeStyles2[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           x: "0px",
           y: "0px",
           viewBox: "0 0 37 37",
@@ -253,7 +265,11 @@ var Loading = ({
       return /* @__PURE__ */ React2.createElement(
         "svg",
         {
-          className: cn("circle-container", sizeStyles2[size]),
+          className: cn(
+            "circle-container",
+            sizeStyles2[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           viewBox: "0 0 40 40",
           height: "40",
           width: "40"
@@ -261,10 +277,14 @@ var Loading = ({
         /* @__PURE__ */ React2.createElement(
           "circle",
           {
-            className: cn("circle-track", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
+            className: cn(
+              "circle-track",
+              {
+                "hawa-stroke-primary-foreground": themeMode === "dark",
+                "hawa-stroke-primary": themeMode === "light"
+              },
+              classNames == null ? void 0 : classNames.track
+            ),
             cx: "20",
             cy: "20",
             r: "17.5",
@@ -276,10 +296,14 @@ var Loading = ({
         /* @__PURE__ */ React2.createElement(
           "circle",
           {
-            className: cn("circle-car", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
+            className: cn(
+              "circle-car",
+              {
+                "hawa-stroke-primary-foreground": themeMode === "dark",
+                "hawa-stroke-primary": themeMode === "light"
+              },
+              classNames == null ? void 0 : classNames.car
+            ),
             cx: "20",
             cy: "20",
             r: "17.5",
@@ -6961,7 +6985,7 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-border hawa-bg-gray-700 hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base ",
+          "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-border hawa-bg-gray-800 hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base ",
           tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
         )
       },
@@ -11370,17 +11394,13 @@ var addToRemoveQueue = (toastId) => {
   }
   const timeout = setTimeout(() => {
     toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId
-    });
+    dispatch({ type: "REMOVE_TOAST", toastId });
   }, TOAST_REMOVE_DELAY);
   toastTimeouts.set(toastId, timeout);
 };
 var reducer = (state, action) => {
   switch (action.type) {
     case "ADD_TOAST":
-      console.log("adding toast case");
       return {
         ...state,
         toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
@@ -11421,19 +11441,14 @@ var reducer = (state, action) => {
 var listeners = [];
 var memoryState = { toasts: [] };
 function dispatch(action) {
-  console.log("dispatching toast");
   memoryState = reducer(memoryState, action);
   listeners.forEach((listener) => {
-    console.log("mapping through listerners in dispathc");
     listener(memoryState);
   });
 }
 function toast({ ...props }) {
   const id = genId();
-  const update = (props2) => dispatch({
-    type: "UPDATE_TOAST",
-    toast: { ...props2, id }
-  });
+  const update = (props2) => dispatch({ type: "UPDATE_TOAST", toast: { ...props2, id } });
   const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
   dispatch({
     type: "ADD_TOAST",
@@ -11447,23 +11462,14 @@ function toast({ ...props }) {
       }
     }
   });
-  return {
-    id,
-    dismiss,
-    update
-  };
+  return { id, dismiss, update };
 }
 function useToast() {
   const [state, setState] = React103.useState(memoryState);
   React103.useEffect(() => {
-    console.log("useToast triggered in useEffect");
-    console.log("toast state", state);
-    console.log("listerners BEFORE", listeners);
-    console.log("TOAST: setState is ", setState);
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
-      console.log("listerners AFTER", listeners);
       if (index > -1) {
         listeners.splice(index, 1);
       }

package/dist/layout/index.js

@@ -641,6 +641,7 @@ var Loading = ({
   design = "spinner",
   size = "sm",
   themeMode = "light",
+  classNames,
   color,
   ...props
 }) => {
@@ -661,7 +662,10 @@ var Loading = ({
       return /* @__PURE__ */ import_react6.default.createElement(
         "div",
         {
-          className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
+          className: cn(
+            "hawa-flex hawa-flex-row hawa-gap-2",
+            classNames == null ? void 0 : classNames.container
+          )
         },
         /* @__PURE__ */ import_react6.default.createElement(
           "div",
@@ -701,7 +705,11 @@ var Loading = ({
       return /* @__PURE__ */ import_react6.default.createElement(
         "svg",
         {
-          className: cn("squircle-container", sizeStyles[size]),
+          className: cn(
+            "squircle-container",
+            sizeStyles[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -736,7 +744,11 @@ var Loading = ({
       return /* @__PURE__ */ import_react6.default.createElement(
         "svg",
         {
-          className: cn("squircle-container", sizeStyles[size]),
+          className: cn(
+            "squircle-container",
+            sizeStyles[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           x: "0px",
           y: "0px",
           viewBox: "0 0 37 37",
@@ -773,7 +785,11 @@ var Loading = ({
       return /* @__PURE__ */ import_react6.default.createElement(
         "svg",
         {
-          className: cn("circle-container", sizeStyles[size]),
+          className: cn(
+            "circle-container",
+            sizeStyles[size],
+            classNames == null ? void 0 : classNames.container
+          ),
           viewBox: "0 0 40 40",
           height: "40",
           width: "40"
@@ -781,10 +797,14 @@ var Loading = ({
         /* @__PURE__ */ import_react6.default.createElement(
           "circle",
           {
-            className: cn("circle-track", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
+            className: cn(
+              "circle-track",
+              {
+                "hawa-stroke-primary-foreground": themeMode === "dark",
+                "hawa-stroke-primary": themeMode === "light"
+              },
+              classNames == null ? void 0 : classNames.track
+            ),
             cx: "20",
             cy: "20",
             r: "17.5",
@@ -796,10 +816,14 @@ var Loading = ({
         /* @__PURE__ */ import_react6.default.createElement(
           "circle",
           {
-            className: cn("circle-car", {
-              "hawa-stroke-primary-foreground": themeMode === "dark",
-              "hawa-stroke-primary": themeMode === "light"
-            }),
+            className: cn(
+              "circle-car",
+              {
+                "hawa-stroke-primary-foreground": themeMode === "dark",
+                "hawa-stroke-primary": themeMode === "light"
+              },
+              classNames == null ? void 0 : classNames.car
+            ),
             cx: "20",
             cy: "20",
             r: "17.5",

package/dist/layout/index.mjs

@@ -5,7 +5,7 @@ import {
   Sheet,
   SheetContent,
   SheetTrigger
-} from "../chunk-FQ6WVEHW.mjs";
+} from "../chunk-YQNGPETF.mjs";
 import {
   Button,
   Card,
@@ -17,7 +17,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-MQUAGP7K.mjs";
+} from "../chunk-WRPZUBMJ.mjs";
 import "../chunk-ZFXKCRJC.mjs";
 
 // layout/stats/Stats.tsx

package/dist/loading/index.d.mts

@@ -5,9 +5,13 @@ type LoadingTypes = {
     size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
     /** Determines the design of the loading animation.*/
     design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots" | "squircle" | "square" | "progress" | "orbit";
-    /** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
+    /** Specifies the color of the loading component. By default it will inherit the value of --primary global CSS variable*/
     color?: string;
-    className?: string;
+    classNames?: {
+        container: string;
+        track: string;
+        car: string;
+    };
     themeMode?: "dark" | "light";
 };
 declare const Loading: FC<LoadingTypes>;

package/dist/loading/index.d.ts

@@ -5,9 +5,13 @@ type LoadingTypes = {
     size?: "button" | "xs" | "sm" | "normal" | "lg" | "xl";
     /** Determines the design of the loading animation.*/
     design?: "spinner" | "dots-bounce" | "dots-pulse" | "pulse" | "spinner-dots" | "squircle" | "square" | "progress" | "orbit";
-    /** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
+    /** Specifies the color of the loading component. By default it will inherit the value of --primary global CSS variable*/
     color?: string;
-    className?: string;
+    classNames?: {
+        container: string;
+        track: string;
+        car: string;
+    };
     themeMode?: "dark" | "light";
 };
 declare const Loading: FC<LoadingTypes>;