@sikka/hawa 0.42.0-next → 0.42.2-next

package/dist/index.css

@@ -1748,6 +1748,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-max-w-md {
   max-width: 28rem;
 }
+.hawa-max-w-screen-sm {
+  max-width: 640px;
+}
 .hawa-max-w-sm {
   max-width: 24rem;
 }
@@ -4386,6 +4389,84 @@ body {
 }
 @media (min-width: 640px) {
 
+  .sm\:hawa-bottom-0 {
+    bottom: 0px;
+  }
+
+  .sm\:hawa-right-0 {
+    right: 0px;
+  }
+
+  .sm\:hawa-top-auto {
+    top: auto;
+  }
+
+  .sm\:hawa-max-w-fit {
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+  }
+
+  .sm\:hawa-max-w-sm {
+    max-width: 24rem;
+  }
+
+  .sm\:hawa-flex-row {
+    flex-direction: row;
+  }
+
+  .sm\:hawa-flex-col {
+    flex-direction: column;
+  }
+
+  .sm\:hawa-justify-end {
+    justify-content: flex-end;
+  }
+
+  .sm\:hawa-space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:hawa-space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1rem * var(--tw-space-x-reverse));
+    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:hawa-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(0px * var(--tw-space-y-reverse));
+  }
+
+  .sm\:hawa-rounded {
+    border-radius: var(--radius);
+  }
+
+  .sm\:hawa-text-left {
+    text-align: left;
+  }
+
+  .sm\:hawa-text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .sm\:hawa-text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .sm\:hawa-text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .data-\[state\=open\]\:sm\:hawa-slide-in-from-bottom-full[data-state=open] {
+    --tw-enter-translate-y: 100%;
+  }
+
   .tablet\:hawa-w-fit {
     width: -moz-fit-content;
     width: fit-content;
@@ -4399,6 +4480,59 @@ body {
     gap: 0px;
   }
 }
+@media (min-width: 768px) {
+
+  .md\:hawa-absolute {
+    position: absolute;
+  }
+
+  .md\:hawa-flex {
+    display: flex;
+  }
+
+  .md\:hawa-hidden {
+    display: none;
+  }
+
+  .md\:hawa-w-\[var\(--radix-navigation-menu-viewport-width\)\] {
+    width: var(--radix-navigation-menu-viewport-width);
+  }
+
+  .md\:hawa-w-auto {
+    width: auto;
+  }
+
+  .md\:hawa-w-full {
+    width: 100%;
+  }
+
+  .md\:hawa-max-w-\[420px\] {
+    max-width: 420px;
+  }
+
+  .md\:hawa-max-w-sm {
+    max-width: 24rem;
+  }
+
+  .md\:hawa-flex-row {
+    flex-direction: row;
+  }
+
+  .md\:hawa-rounded-t {
+    border-top-left-radius: var(--radius);
+    border-top-right-radius: var(--radius);
+  }
+
+  .md\:hawa-px-4 {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .md\:hawa-px-64 {
+    padding-left: 16rem;
+    padding-right: 16rem;
+  }
+}
 .\[\&\:has\(\[aria-selected\]\)\]\:hawa-bg-accent:has([aria-selected]) {
   background-color: hsl(var(--accent));
 }

package/dist/index.d.mts

@@ -183,6 +183,7 @@ interface DropdownMenuProps {
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
     alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    contentProps?: ExtendedDropdownMenuContentProps;
     width?: "default" | "sm" | "lg" | "parent";
     size?: "default" | "sm";
     onItemSelect?: any;

package/dist/index.d.ts

@@ -183,6 +183,7 @@ interface DropdownMenuProps {
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
     alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    contentProps?: ExtendedDropdownMenuContentProps;
     width?: "default" | "sm" | "lg" | "parent";
     size?: "default" | "sm";
     onItemSelect?: any;

package/dist/index.js

@@ -896,6 +896,7 @@ var DropdownMenu = ({
   side,
   className,
   classNames,
+  contentProps,
   triggerClassname,
   triggerProps,
   align,
@@ -953,7 +954,8 @@ var DropdownMenu = ({
         ),
         style: {
           maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        }
+        },
+        ...contentProps
       },
       header && header,
       items && items.map((item, index) => {
@@ -2359,7 +2361,7 @@ var DialogFooter = ({
   "div",
   {
     className: cn(
-      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end hawa-gap-2",
+      "hawa-flex hawa-flex-col xs:hawa-flex-row sm:hawa-justify-end hawa-gap-2",
       className
     ),
     ...props
@@ -3821,15 +3823,12 @@ var BackToTop = ({ ...props }) => {
     }
   };
   (0, import_react12.useEffect)(() => {
-    if (!props.anchor.current)
-      return;
+    if (!props.anchor.current) return;
     props.anchor.current.addEventListener("scroll", onScroll);
     let interval = setInterval(() => {
-      if (!props.anchor.current)
-        return;
+      if (!props.anchor.current) return;
       let newRect = props.anchor.current.getBoundingClientRect();
-      if (_rect.current == null)
-        return setRect(newRect);
+      if (_rect.current == null) return setRect(newRect);
       if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
         setRect(newRect);
       }
@@ -3842,8 +3841,7 @@ var BackToTop = ({ ...props }) => {
   }, [onScroll, props.anchor]);
   const getStyles = () => {
     var _a;
-    if (!props.anchor.current || !self.current)
-      return {};
+    if (!props.anchor.current || !self.current) return {};
     let corner = props.corner || "bottom-right";
     let [vertical, horizontal] = corner.split("-");
     let anchorRect = props.anchor.current.getBoundingClientRect();
@@ -4064,8 +4062,7 @@ var Radio = (0, import_react13.forwardRef)(
                     {
                       "aria-current": "page",
                       onClick: () => {
-                        if (props.disabled || opt.disabled)
-                          return;
+                        if (props.disabled || opt.disabled) return;
                         handleChange(opt);
                       },
                       className: cn(
@@ -4084,8 +4081,7 @@ var Radio = (0, import_react13.forwardRef)(
                   key: o,
                   "aria-current": "page",
                   onClick: () => {
-                    if (props.disabled || opt.disabled)
-                      return;
+                    if (props.disabled || opt.disabled) return;
                     handleChange(opt);
                   },
                   className: cn(
@@ -4372,8 +4368,7 @@ var FullCommand = ({
           {
             key: subIndex,
             onSelect: () => {
-              if (onActionClick)
-                onActionClick();
+              if (onActionClick) onActionClick();
               subItem.action();
             }
           },
@@ -4967,8 +4962,7 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open)
-          dismiss();
+        if (!open) dismiss();
       }
     }
   });
@@ -5476,8 +5470,7 @@ var ScrollArea = React41.forwardRef(({ className, children, orientation = "verti
     document.addEventListener("mouseup", onMouseUp);
   };
   const onMouseMove = (e) => {
-    if (!isDragging.current || !scrollAreaRef.current)
-      return;
+    if (!isDragging.current || !scrollAreaRef.current) return;
     const dx = e.clientX - startPos.current.x;
     const dy = e.clientY - startPos.current.y;
     if (orientation === "vertical") {
@@ -8602,16 +8595,11 @@ var PasswordInput = ({
   (0, import_react49.useEffect)(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
-      if (lengthCriteriaMet)
-        strengthScore += 1;
-      if (numberCriteriaMet)
-        strengthScore += 1;
-      if (specialCharCriteriaMet)
-        strengthScore += 1;
-      if (lowercaseCriteriaMet)
-        strengthScore += 1;
-      if (uppercaseCriteriaMet)
-        strengthScore += 1;
+      if (lengthCriteriaMet) strengthScore += 1;
+      if (numberCriteriaMet) strengthScore += 1;
+      if (specialCharCriteriaMet) strengthScore += 1;
+      if (lowercaseCriteriaMet) strengthScore += 1;
+      if (uppercaseCriteriaMet) strengthScore += 1;
       return strengthScore;
     };
     const currentStrengthScore = calculateStrength();
@@ -8813,8 +8801,7 @@ var ScrollIndicator = ({
     }
   };
   (0, import_react50.useEffect)(() => {
-    if (!anchor.current)
-      return;
+    if (!anchor.current) return;
     anchor.current.addEventListener("scroll", onScroll);
     return () => {
       var _a;
@@ -9032,8 +9019,7 @@ var Carousel = ({
       }, autoplayInterval);
     }
     return () => {
-      if (autoplayTimer)
-        clearInterval(autoplayTimer);
+      if (autoplayTimer) clearInterval(autoplayTimer);
     };
   }, [emblaApi, autoplay, autoplayInterval]);
   const length = import_react52.default.Children.count(items);

package/dist/index.mjs

@@ -2,8 +2,7 @@
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
+  if (typeof require !== "undefined") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
@@ -645,6 +644,7 @@ var DropdownMenu = ({
   side,
   className,
   classNames,
+  contentProps,
   triggerClassname,
   triggerProps,
   align,
@@ -702,7 +702,8 @@ var DropdownMenu = ({
         ),
         style: {
           maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        }
+        },
+        ...contentProps
       },
       header && header,
       items && items.map((item, index) => {
@@ -2108,7 +2109,7 @@ var DialogFooter = ({
   "div",
   {
     className: cn(
-      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end hawa-gap-2",
+      "hawa-flex hawa-flex-col xs:hawa-flex-row sm:hawa-justify-end hawa-gap-2",
       className
     ),
     ...props
@@ -3578,15 +3579,12 @@ var BackToTop = ({ ...props }) => {
     }
   };
   useEffect4(() => {
-    if (!props.anchor.current)
-      return;
+    if (!props.anchor.current) return;
     props.anchor.current.addEventListener("scroll", onScroll);
     let interval = setInterval(() => {
-      if (!props.anchor.current)
-        return;
+      if (!props.anchor.current) return;
       let newRect = props.anchor.current.getBoundingClientRect();
-      if (_rect.current == null)
-        return setRect(newRect);
+      if (_rect.current == null) return setRect(newRect);
       if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
         setRect(newRect);
       }
@@ -3599,8 +3597,7 @@ var BackToTop = ({ ...props }) => {
   }, [onScroll, props.anchor]);
   const getStyles = () => {
     var _a;
-    if (!props.anchor.current || !self.current)
-      return {};
+    if (!props.anchor.current || !self.current) return {};
     let corner = props.corner || "bottom-right";
     let [vertical, horizontal] = corner.split("-");
     let anchorRect = props.anchor.current.getBoundingClientRect();
@@ -3821,8 +3818,7 @@ var Radio = forwardRef16(
                     {
                       "aria-current": "page",
                       onClick: () => {
-                        if (props.disabled || opt.disabled)
-                          return;
+                        if (props.disabled || opt.disabled) return;
                         handleChange(opt);
                       },
                       className: cn(
@@ -3841,8 +3837,7 @@ var Radio = forwardRef16(
                   key: o,
                   "aria-current": "page",
                   onClick: () => {
-                    if (props.disabled || opt.disabled)
-                      return;
+                    if (props.disabled || opt.disabled) return;
                     handleChange(opt);
                   },
                   className: cn(
@@ -4129,8 +4124,7 @@ var FullCommand = ({
           {
             key: subIndex,
             onSelect: () => {
-              if (onActionClick)
-                onActionClick();
+              if (onActionClick) onActionClick();
               subItem.action();
             }
           },
@@ -4724,8 +4718,7 @@ function toast({ ...props }) {
       id,
       open: true,
       onOpenChange: (open) => {
-        if (!open)
-          dismiss();
+        if (!open) dismiss();
       }
     }
   });
@@ -5233,8 +5226,7 @@ var ScrollArea = React41.forwardRef(({ className, children, orientation = "verti
     document.addEventListener("mouseup", onMouseUp);
   };
   const onMouseMove = (e) => {
-    if (!isDragging.current || !scrollAreaRef.current)
-      return;
+    if (!isDragging.current || !scrollAreaRef.current) return;
     const dx = e.clientX - startPos.current.x;
     const dy = e.clientY - startPos.current.y;
     if (orientation === "vertical") {
@@ -8362,16 +8354,11 @@ var PasswordInput = ({
   useEffect29(() => {
     const calculateStrength = () => {
       let strengthScore = 0;
-      if (lengthCriteriaMet)
-        strengthScore += 1;
-      if (numberCriteriaMet)
-        strengthScore += 1;
-      if (specialCharCriteriaMet)
-        strengthScore += 1;
-      if (lowercaseCriteriaMet)
-        strengthScore += 1;
-      if (uppercaseCriteriaMet)
-        strengthScore += 1;
+      if (lengthCriteriaMet) strengthScore += 1;
+      if (numberCriteriaMet) strengthScore += 1;
+      if (specialCharCriteriaMet) strengthScore += 1;
+      if (lowercaseCriteriaMet) strengthScore += 1;
+      if (uppercaseCriteriaMet) strengthScore += 1;
       return strengthScore;
     };
     const currentStrengthScore = calculateStrength();
@@ -8577,8 +8564,7 @@ var ScrollIndicator = ({
     }
   };
   useEffect30(() => {
-    if (!anchor.current)
-      return;
+    if (!anchor.current) return;
     anchor.current.addEventListener("scroll", onScroll);
     return () => {
       var _a;
@@ -8796,8 +8782,7 @@ var Carousel = ({
       }, autoplayInterval);
     }
     return () => {
-      if (autoplayTimer)
-        clearInterval(autoplayTimer);
+      if (autoplayTimer) clearInterval(autoplayTimer);
     };
   }, [emblaApi, autoplay, autoplayInterval]);
   const length = React64.Children.count(items);

package/dist/interfaceSettings/index.js

@@ -308,8 +308,7 @@ var Radio = (0, import_react3.forwardRef)(
                     {
                       "aria-current": "page",
                       onClick: () => {
-                        if (props.disabled || opt.disabled)
-                          return;
+                        if (props.disabled || opt.disabled) return;
                         handleChange(opt);
                       },
                       className: cn(
@@ -328,8 +327,7 @@ var Radio = (0, import_react3.forwardRef)(
                   key: o,
                   "aria-current": "page",
                   onClick: () => {
-                    if (props.disabled || opt.disabled)
-                      return;
+                    if (props.disabled || opt.disabled) return;
                     handleChange(opt);
                   },
                   className: cn(