@sikka/hawa 0.12.8-next → 0.12.10-next

package/dist/index.css

@@ -1153,6 +1153,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[44px\] {
   height: 44px;
 }
+.hawa-h-\[calc\(60vh\)\] {
+  height: calc(60vh);
+}
 .hawa-h-\[var\(--radix-navigation-menu-viewport-height\)\] {
   height: var(--radix-navigation-menu-viewport-height);
 }
@@ -2561,6 +2564,14 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-ring-offset-background {
   --tw-ring-offset-color: hsl(var(--background));
 }
+.hawa-drop-shadow-2xl {
+  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.hawa-drop-shadow-xl {
+  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .hawa-backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

package/dist/index.d.mts

@@ -572,7 +572,7 @@ declare const BackToTop: FC<BackToTopTypes>;
 
 type ScrollIndicatorProps = {
     anchor: RefObject<HTMLInputElement>;
-    inContainer: boolean;
+    inContainer?: boolean;
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 

package/dist/index.d.ts

@@ -572,7 +572,7 @@ declare const BackToTop: FC<BackToTopTypes>;
 
 type ScrollIndicatorProps = {
     anchor: RefObject<HTMLInputElement>;
-    inContainer: boolean;
+    inContainer?: boolean;
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 

package/dist/index.js

@@ -1554,7 +1554,7 @@ var SplitButton = function(_param) /* @__PURE__ */ {
         onClick: function() {
             return console.log("btn clicked");
         },
-        className: direction === "rtl" ? "hawa-rounded-l-none" : "hawa-rounded-r-none"
+        className: cn(direction === "rtl" ? "hawa-rounded-r-none" : "hawa-rounded-l-none", props.className)
     }, children), /* @__PURE__ */ React11.createElement(DropdownMenu, {
         size: "sm",
         width: "sm",
@@ -1564,7 +1564,7 @@ var SplitButton = function(_param) /* @__PURE__ */ {
             asChild: true,
             variant: variant,
             size: "icon",
-            className: cn("hawa-h-10 hawa-w-fit hawa-px-1", direction === "rtl" ? "hawa-rounded-r-none hawa-border-r-0" : "hawa-border-l-0 hawa-rounded-l-none")
+            className: cn("hawa-h-10 hawa-w-fit hawa-px-1", direction === "rtl" ? "hawa-rounded-l-none hawa-border-rl0" : "hawa-border-r-0 hawa-rounded-r-none", props.className)
         }, /* @__PURE__ */ React11.createElement("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "18",
@@ -2620,7 +2620,7 @@ var Slider = React28.forwardRef(function(_param, ref) /* @__PURE__ */ {
         ref: ref,
         className: cn("hawa-relative hawa-flex hawa-w-full hawa-touch-none hawa-select-none hawa-items-center", className)
     }, props), /* @__PURE__ */ React28.createElement(SliderPrimitive.Track, {
-        className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-secondary"
+        className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-background hawa-border"
     }, /* @__PURE__ */ React28.createElement(SliderPrimitive.Range, {
         className: "hawa-absolute hawa-h-full hawa-bg-primary"
     })), /* @__PURE__ */ React28.createElement(SliderPrimitive.Thumb, {
@@ -5590,7 +5590,7 @@ var BackToTop = function(_param) {
 // components/elements/ScrollIndicator.tsx
 var import_react27 = __toESM(require("react"));
 var ScrollIndicator = function(param) {
-    var anchor = param.anchor, inContainer = param.inContainer;
+    var anchor = param.anchor, _param_inContainer = param.inContainer, inContainer = _param_inContainer === void 0 ? false : _param_inContainer;
     var _ref = _sliced_to_array((0, import_react27.useState)(0), 2), scrollPercentage = _ref[0], setScrollPercentage = _ref[1];
     var onScroll = function() {
         var scrollElement = anchor.current;
@@ -6635,10 +6635,10 @@ var SidebarItem = function(_param) {
     if (item.subitems) {
         return /* @__PURE__ */ React57.createElement(AccordionItem2, {
             value: item.value,
-            className: "hawa-overflow-x-clip ",
+            className: "hawa-overflow-x-clip",
             dir: direction
         }, /* @__PURE__ */ React57.createElement(AccordionTrigger2, {
-            className: cn("hawa-overflow-x-clip hawa-w-full", props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10", item.subitems && item.subitems.some(function(subitem) {
+            className: cn("hawa-overflow-x-clip hawa-w-full", props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10 hawa-h-10", item.subitems && item.subitems.some(function(subitem) {
                 return props.selectedItem === subitem.value;
             }) ? "hawa-bg-primary/90 hawa-text-primary-foreground hover:hawa-bg-primary/90" : ""),
             showArrow: isOpen
@@ -6665,7 +6665,7 @@ var SidebarItem = function(_param) {
                         ]);
                     }
                 },
-                className: cn("hawa-flex hawa-h-full hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-2 hawa-rounded  hawa-p-2 hawa-transition-all", // bg-foreground/10
+                className: cn("hawa-flex hawa-h-full hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-2 hawa-rounded  hawa-p-2 hawa-transition-all hawa-overflow-x-clip hawa-whitespace-nowrap", // bg-foreground/10
                 getSelectedStyle(subitem.value))
             }, subitem.icon && subitem.icon, subitem.label);
         }))));
@@ -6702,14 +6702,13 @@ var useBreakpoint = function() {
         setBreakpoint((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth);
     };
     (0, import_react33.useEffect)(function() {
-        if (typeof window !== "undefined") {
+        var _window;
+        if (typeof window == "undefined") return;
+        (_window = window) === null || _window === void 0 ? void 0 : _window.addEventListener("resize", resize);
+        return function() {
             var _window;
-            (_window = window) === null || _window === void 0 ? void 0 : _window.addEventListener("resize", resize);
-            return function() {
-                var _window;
-                (_window = window) === null || _window === void 0 ? void 0 : _window.removeEventListener("resize", resize);
-            };
-        }
+            (_window = window) === null || _window === void 0 ? void 0 : _window.removeEventListener("resize", resize);
+        };
     }, []);
     return breakpoint;
 };

package/dist/index.mjs

@@ -899,7 +899,10 @@ var SplitButton = ({
     {
       variant,
       onClick: () => console.log("btn clicked"),
-      className: direction === "rtl" ? "hawa-rounded-l-none" : "hawa-rounded-r-none"
+      className: cn(
+        direction === "rtl" ? "hawa-rounded-r-none" : "hawa-rounded-l-none",
+        props.className
+      )
     },
     children
   ),
@@ -918,7 +921,8 @@ var SplitButton = ({
           size: "icon",
           className: cn(
             "hawa-h-10 hawa-w-fit hawa-px-1",
-            direction === "rtl" ? "hawa-rounded-r-none hawa-border-r-0" : "hawa-border-l-0 hawa-rounded-l-none"
+            direction === "rtl" ? "hawa-rounded-l-none hawa-border-rl0" : "hawa-border-r-0 hawa-rounded-r-none",
+            props.className
           )
         },
         /* @__PURE__ */ React11.createElement(
@@ -2166,7 +2170,7 @@ var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   },
-  /* @__PURE__ */ React28.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-secondary" }, /* @__PURE__ */ React28.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React28.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-background hawa-border" }, /* @__PURE__ */ React28.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
   /* @__PURE__ */ React28.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
@@ -5288,7 +5292,7 @@ var BackToTop = ({ ...props }) => {
 import React45, { useState as useState18, useEffect as useEffect13 } from "react";
 var ScrollIndicator = ({
   anchor,
-  inContainer
+  inContainer = false
 }) => {
   const [scrollPercentage, setScrollPercentage] = useState18(0);
   const onScroll = () => {
@@ -6417,7 +6421,7 @@ var SidebarItem = ({
       AccordionItem2,
       {
         value: item.value,
-        className: "hawa-overflow-x-clip ",
+        className: "hawa-overflow-x-clip",
         dir: direction
       },
       /* @__PURE__ */ React57.createElement(
@@ -6425,7 +6429,7 @@ var SidebarItem = ({
         {
           className: cn(
             "hawa-overflow-x-clip hawa-w-full",
-            props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10",
+            props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10 hawa-h-10",
             item.subitems && item.subitems.some(
               (subitem) => props.selectedItem === subitem.value
             ) ? "hawa-bg-primary/90 hawa-text-primary-foreground hover:hawa-bg-primary/90" : ""
@@ -6474,7 +6478,7 @@ var SidebarItem = ({
               }
             },
             className: cn(
-              "hawa-flex hawa-h-full hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-2 hawa-rounded  hawa-p-2 hawa-transition-all",
+              "hawa-flex hawa-h-full hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-2 hawa-rounded  hawa-p-2 hawa-transition-all hawa-overflow-x-clip hawa-whitespace-nowrap",
               // bg-foreground/10
               getSelectedStyle(subitem.value)
             )
@@ -6528,12 +6532,12 @@ var useBreakpoint = () => {
     setBreakpoint(window?.innerWidth);
   };
   useEffect14(() => {
-    if (typeof window !== "undefined") {
-      window?.addEventListener("resize", resize);
-      return () => {
-        window?.removeEventListener("resize", resize);
-      };
-    }
+    if (typeof window == "undefined")
+      return;
+    window?.addEventListener("resize", resize);
+    return () => {
+      window?.removeEventListener("resize", resize);
+    };
   }, []);
   return breakpoint;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.12.8-next",
+  "version": "0.12.10-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -22,7 +22,8 @@
     "build-lib": "tsup components/index.tsx --format cjs,esm --dts",
     "build-css": "postcss styles/globals.css -o dist/index.css",
     "prepub": "npm run build-lib && npm run build-css",
-    "pub": "npm publish --tag next"
+    "pub": "npm publish --tag next",
+    "chromatic": "npx chromatic --project-token=chpt_9c33d11ef14064f --output-dir ./storybook-static"
   },
   "dependencies": {
     "@hookform/resolvers": "^3.3.2",