@sikka/hawa 0.15.2-next → 0.15.4-next

package/dist/index.css

@@ -843,6 +843,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-z-\[1\] {
   z-index: 1;
 }
+.hawa-z-\[900\] {
+  z-index: 900;
+}
 .hawa-m-0 {
   margin: 0px;
 }
@@ -1531,6 +1534,11 @@ input[type="number"]::-webkit-inner-spin-button,
      -moz-user-select: none;
           user-select: none;
 }
+.hawa-select-text {
+  -webkit-user-select: text;
+     -moz-user-select: text;
+          user-select: text;
+}
 .hawa-resize-none {
   resize: none;
 }

package/dist/index.d.mts

@@ -716,9 +716,11 @@ declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 type BadgeTypes = {
     position: "right" | "left";
     anchor: RefObject<HTMLElement>;
+    size?: "small" | "default" | "large";
+    text?: string | number;
 };
 declare const Badge: FC<BadgeTypes>;
-declare const BadgedComponent: ({ children, className, hideBadge, position, }: any) => React__default.JSX.Element;
+declare const BadgedComponent: ({ children, className, hideBadge, position, size, text, }: any) => React__default.JSX.Element;
 
 declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     orientation?: OrientationType | undefined;

package/dist/index.d.ts

@@ -716,9 +716,11 @@ declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 type BadgeTypes = {
     position: "right" | "left";
     anchor: RefObject<HTMLElement>;
+    size?: "small" | "default" | "large";
+    text?: string | number;
 };
 declare const Badge: FC<BadgeTypes>;
-declare const BadgedComponent: ({ children, className, hideBadge, position, }: any) => React__default.JSX.Element;
+declare const BadgedComponent: ({ children, className, hideBadge, position, size, text, }: any) => React__default.JSX.Element;
 
 declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     orientation?: OrientationType | undefined;

package/dist/index.js

@@ -3438,7 +3438,7 @@ var Label2 = React14.forwardRef(function(_param, ref) /* @__PURE__ */ {
         "children"
     ]);
     return React14.createElement("div", {
-        className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center"
+        className: "hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center"
     }, /* @__PURE__ */ React14.createElement("label", _object_spread({
         ref: ref,
         className: cn("hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70", className)
@@ -4331,14 +4331,18 @@ var Combobox = function(_param) {
     ]);
     var _React28_useState = _sliced_to_array(React28.useState(false), 2), open = _React28_useState[0], setOpen = _React28_useState[1];
     var _React28_useState1 = _sliced_to_array(React28.useState(defaultValue), 2), value = _React28_useState1[0], setValue = _React28_useState1[1];
+    var handleOpenChange = function(open2) {
+        if (!(props.isLoading || props.preview)) {
+            setOpen(open2);
+        }
+    };
     return /* @__PURE__ */ React28.createElement("div", {
         className: cn("hawa-flex hawa-flex-col hawa-gap-2 hawa-relative hawa-h-fit", props.width === "fit" ? "hawa-w-fit" : "hawa-w-full")
     }, props.label && /* @__PURE__ */ React28.createElement(Label2, null, props.label), /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, {
         open: open,
-        onOpenChange: setOpen
+        onOpenChange: handleOpenChange
     }, /* @__PURE__ */ React28.createElement(PopoverTrigger, {
-        asChild: true,
-        disabled: props.isLoading || props.preview
+        asChild: true
     }, props.isLoading ? /* @__PURE__ */ React28.createElement("div", {
         className: "hawa-pb-2"
     }, /* @__PURE__ */ React28.createElement(Skeleton, {
@@ -4601,7 +4605,7 @@ var CodeBlock = function(_param) {
 var React32 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority2 = require("class-variance-authority");
-var toastVariants = (0, import_class_variance_authority2.cva)("hawa-group hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full", {
+var toastVariants = (0, import_class_variance_authority2.cva)("hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full", {
     variants: {
         variant: {
             default: "hawa-border hawa-bg-background hawa-text-foreground",
@@ -4684,7 +4688,7 @@ var ToastTitle = React32.forwardRef(function(_param, ref) /* @__PURE__ */ {
     ]);
     return React32.createElement(ToastPrimitives.Title, _object_spread({
         ref: ref,
-        className: cn("hawa-text-sm hawa-font-semibold", className)
+        className: cn("hawa-text-sm hawa-font-semibold hawa-select-text", className)
     }, props));
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
@@ -4694,7 +4698,7 @@ var ToastDescription = React32.forwardRef(function(_param, ref) /* @__PURE__ */
     ]);
     return React32.createElement(ToastPrimitives.Description, _object_spread({
         ref: ref,
-        className: cn("hawa-text-sm hawa-opacity-90", className)
+        className: cn("hawa-text-sm hawa-opacity-90 hawa-select-text", className)
     }, props));
 });
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
@@ -6073,9 +6077,29 @@ var ScrollIndicator = function(param) {
 // components/elements/Badge.tsx
 var import_react29 = __toESM(require("react"));
 var Badge = function(param) {
-    var anchor = param.anchor, _param_position = param.position, position = _param_position === void 0 ? "right" : _param_position;
+    var anchor = param.anchor, _param_position = param.position, position = _param_position === void 0 ? "right" : _param_position, _param_size = param.size, size = _param_size === void 0 ? "default" : _param_size, text = param.text;
     var _ref = _sliced_to_array((0, import_react29.useState)(null), 2), badgePosition = _ref[0], setBadgePosition = _ref[1];
     var indicatorRef = (0, import_react29.useRef)(null);
+    var sizeStyles = {
+        small: {
+            top: 4,
+            left: 6,
+            right: 7,
+            classes: "hawa-w-3 hawa-h-3"
+        },
+        default: {
+            top: 4,
+            left: 7,
+            right: 5,
+            classes: "hawa-w-3 hawa-h-3"
+        },
+        large: {
+            top: 6,
+            left: 12,
+            right: 7,
+            classes: "hawa-w-6 hawa-h-6"
+        }
+    };
     (0, import_react29.useEffect)(function() {
         var handlePositioning = function() {
             if (anchor.current && indicatorRef.current) {
@@ -6087,8 +6111,8 @@ var Badge = function(param) {
                 var marginRight = parseFloat(style.marginRight.replace("px", ""));
                 if (parentRect) {
                     setBadgePosition({
-                        top: rect.top - parentRect.top - marginTop - 4,
-                        left: position === "right" ? parentRect.right - parentRect.left - 6 : rect.right - parentRect.left - parentRect.width - marginRight - 4
+                        top: rect.top - parentRect.top - marginTop - sizeStyles[size].top,
+                        left: position === "right" ? parentRect.right - parentRect.left - sizeStyles[size].left : rect.right - parentRect.left - parentRect.width - marginRight - sizeStyles[size].right
                     });
                 }
             }
@@ -6110,16 +6134,18 @@ var Badge = function(param) {
             top: badgePosition === null || badgePosition === void 0 ? void 0 : badgePosition.top,
             left: badgePosition === null || badgePosition === void 0 ? void 0 : badgePosition.left
         },
-        className: "hawa-bg-red-500 hawa-origin-center hawa-w-3 hawa-h-3 hawa-rounded-full "
-    }));
+        className: cn("hawa-bg-red-500 hawa-origin-center  hawa-rounded-full ", sizeStyles[size].classes, "hawa-text-white  hawa-text-[9px] hawa-flex hawa-flex-row hawa-justify-center hawa-items-center")
+    }, size === "large" && text && text));
 };
 var BadgedComponent = function(param) {
-    var children = param.children, className = param.className, hideBadge = param.hideBadge, position = param.position;
+    var children = param.children, className = param.className, hideBadge = param.hideBadge, position = param.position, size = param.size, text = param.text;
     var ref = (0, import_react29.useRef)(null);
     return /* @__PURE__ */ import_react29.default.createElement("div", {
         className: cn("hawa-relative", className),
         ref: ref
     }, !hideBadge && /* @__PURE__ */ import_react29.default.createElement(Badge, {
+        size: size,
+        text: text,
         position: position,
         anchor: ref
     }), children);
@@ -7196,7 +7222,7 @@ var AppLayout = function(_param) {
     return /* @__PURE__ */ import_react37.default.createElement("div", {
         className: "hawa-fixed hawa-left-0"
     }, props.topBar && /* @__PURE__ */ import_react37.default.createElement("div", {
-        className: cn("hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-30 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
+        className: cn("hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-0 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2", isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row")
     }, size > 600 ? /* @__PURE__ */ import_react37.default.createElement("div", {
         className: cn("dark:hawa-text-white", isRTL ? [
             size > 600 ? "hawa-mr-14" : "hawa-mr-2",
@@ -7255,7 +7281,7 @@ var AppLayout = function(_param) {
             clipRule: "evenodd"
         })))
     }))), /* @__PURE__ */ import_react37.default.createElement("div", {
-        className: cn("hawa-fixed hawa-z-40 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all", isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14", "hawa-h-[calc(100dvh)]"),
+        className: cn("hawa-fixed hawa-z-0 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all", isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14", "hawa-h-[calc(100dvh)]"),
         style: {
             width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
         },

package/dist/index.mjs

@@ -2694,7 +2694,7 @@ var Tooltip = ({
 
 // components/elements/Label.tsx
 var Label2 = React14.forwardRef(
-  ({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center" }, /* @__PURE__ */ React14.createElement(
+  ({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React14.createElement(
     "label",
     {
       ref,
@@ -3809,6 +3809,11 @@ var Combobox = ({
   function getProperty(obj, key) {
     return obj[key];
   }
+  const handleOpenChange = (open2) => {
+    if (!(props.isLoading || props.preview)) {
+      setOpen(open2);
+    }
+  };
   return /* @__PURE__ */ React28.createElement(
     "div",
     {
@@ -3818,7 +3823,7 @@ var Combobox = ({
       )
     },
     props.label && /* @__PURE__ */ React28.createElement(Label2, null, props.label),
-    /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React28.createElement(PopoverTrigger, { asChild: true, disabled: props.isLoading || props.preview }, props.isLoading ? /* @__PURE__ */ React28.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React28.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-items-start " }, /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React28.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React28.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React28.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React28.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-items-start " }, /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: cn(
@@ -4164,7 +4169,7 @@ import * as React32 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva2 } from "class-variance-authority";
 var toastVariants = cva2(
-  "hawa-group hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
+  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
   {
     variants: {
       variant: {
@@ -4266,7 +4271,10 @@ var ToastTitle = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE
   ToastPrimitives.Title,
   {
     ref,
-    className: cn("hawa-text-sm hawa-font-semibold", className),
+    className: cn(
+      "hawa-text-sm hawa-font-semibold hawa-select-text",
+      className
+    ),
     ...props
   }
 ));
@@ -4275,7 +4283,7 @@ var ToastDescription = React32.forwardRef(({ className, ...props }, ref) => /* @
   ToastPrimitives.Description,
   {
     ref,
-    className: cn("hawa-text-sm hawa-opacity-90", className),
+    className: cn("hawa-text-sm hawa-opacity-90 hawa-select-text", className),
     ...props
   }
 ));
@@ -5792,9 +5800,19 @@ var ScrollIndicator = ({
 
 // components/elements/Badge.tsx
 import React50, { useEffect as useEffect15, useState as useState20, useRef as useRef8 } from "react";
-var Badge = ({ anchor, position = "right" }) => {
+var Badge = ({
+  anchor,
+  position = "right",
+  size = "default",
+  text
+}) => {
   const [badgePosition, setBadgePosition] = useState20(null);
   const indicatorRef = useRef8(null);
+  const sizeStyles = {
+    small: { top: 4, left: 6, right: 7, classes: "hawa-w-3 hawa-h-3" },
+    default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
+    large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
+  };
   useEffect15(() => {
     const handlePositioning = () => {
       if (anchor.current && indicatorRef.current) {
@@ -5805,8 +5823,8 @@ var Badge = ({ anchor, position = "right" }) => {
         const marginRight = parseFloat(style.marginRight.replace("px", ""));
         if (parentRect) {
           setBadgePosition({
-            top: rect.top - parentRect.top - marginTop - 4,
-            left: position === "right" ? parentRect.right - parentRect.left - 6 : rect.right - parentRect.left - parentRect.width - marginRight - 4
+            top: rect.top - parentRect.top - marginTop - sizeStyles[size].top,
+            left: position === "right" ? parentRect.right - parentRect.left - sizeStyles[size].left : rect.right - parentRect.left - parentRect.width - marginRight - sizeStyles[size].right
           });
         }
       }
@@ -5825,18 +5843,25 @@ var Badge = ({ anchor, position = "right" }) => {
         top: badgePosition?.top,
         left: badgePosition?.left
       },
-      className: "hawa-bg-red-500 hawa-origin-center hawa-w-3 hawa-h-3 hawa-rounded-full "
-    }
+      className: cn(
+        "hawa-bg-red-500 hawa-origin-center  hawa-rounded-full ",
+        sizeStyles[size].classes,
+        "hawa-text-white  hawa-text-[9px] hawa-flex hawa-flex-row hawa-justify-center hawa-items-center"
+      )
+    },
+    size === "large" && text && text
   ));
 };
 var BadgedComponent = ({
   children,
   className,
   hideBadge,
-  position
+  position,
+  size,
+  text
 }) => {
   const ref = useRef8(null);
-  return /* @__PURE__ */ React50.createElement("div", { className: cn("hawa-relative", className), ref }, !hideBadge && /* @__PURE__ */ React50.createElement(Badge, { position, anchor: ref }), children);
+  return /* @__PURE__ */ React50.createElement("div", { className: cn("hawa-relative", className), ref }, !hideBadge && /* @__PURE__ */ React50.createElement(Badge, { size, text, position, anchor: ref }), children);
 };
 
 // components/elements/Tabs.tsx
@@ -7017,7 +7042,7 @@ var AppLayout = ({
     "div",
     {
       className: cn(
-        "hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-30 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2",
+        "hawa-fixed hawa-left-0 hawa-right-0 hawa-top-0 hawa-z-0 hawa-flex hawa-h-14 hawa-w-full hawa-items-center hawa-justify-between hawa-bg-primary-foreground hawa-p-2",
         isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
       )
     },
@@ -7113,7 +7138,7 @@ var AppLayout = ({
     "div",
     {
       className: cn(
-        "hawa-fixed hawa-z-40 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
+        "hawa-fixed hawa-z-0 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all",
         isRTL ? "hawa-right-0 hawa-top-0 hawa-h-14" : "hawa-left-0 hawa-top-0 hawa-h-14",
         "hawa-h-[calc(100dvh)]"
       ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.15.2-next",
+  "version": "0.15.4-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {