@sikka/hawa 0.15.3-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.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;
@@ -7218,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",
@@ -7277,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
   }
 ));
@@ -7034,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"
       )
     },
@@ -7130,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.3-next",
+  "version": "0.15.4-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {