@sikka/hawa 0.26.31 → 0.26.33

package/dist/phoneInput/index.mjs

@@ -1,7 +1,3 @@
-import {
-  cn
-} from "../chunk-CBRGWUZG.mjs";
-
 // elements/phoneInput/PhoneInput.tsx
 import React5, { useState, useRef, useEffect } from "react";
 
@@ -1698,6 +1694,13 @@ var countries = [
 ];
 var countries_default = countries;
 
+// util/index.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
 // elements/label/Label.tsx
 import * as React2 from "react";
 
@@ -1798,7 +1801,7 @@ Label.displayName = "Label";
 import React4 from "react";
 import ReactSelect from "react-select";
 import CreatableSelect from "react-select/creatable";
-import clsx from "clsx";
+import clsx2 from "clsx";
 
 // elements/skeleton/Skeleton.tsx
 import React3 from "react";
@@ -1834,14 +1837,15 @@ var Select = ({
   ...props
 }) => {
   const NoOption = () => {
-    return /* @__PURE__ */ React4.createElement("div", null, props.texts?.noOptions ?? "No Items Found");
+    var _a, _b;
+    return /* @__PURE__ */ React4.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
     return /* @__PURE__ */ React4.createElement(
       "div",
       {
         ref: innerRef,
-        className: clsx(
+        className: clsx2(
           "hawa-flex hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-p-2 hawa-text-sm hawa-text-gray-900 focus:hawa-border-blue-500 focus:hawa-ring-blue-500 dark:focus:hawa-ring-blue-500"
         ),
         ...innerProps
@@ -1936,7 +1940,10 @@ var Select = ({
     ) : /* @__PURE__ */ React4.createElement(
       CreatableSelect,
       {
-        formatCreateLabel: (inputValue) => `${props.texts?.createLabel ?? "Create"} "${inputValue}"`,
+        formatCreateLabel: (inputValue) => {
+          var _a, _b;
+          return `${(_b = (_a = props.texts) == null ? void 0 : _a.createLabel) != null ? _b : "Create"} "${inputValue}"`;
+        },
         classNames: {
           container: () => cn(
             "hawa-rounded",
@@ -1979,8 +1986,9 @@ var PhoneInput = ({ labelProps, ...props }) => {
   const [countryCode, setCountryCode] = useState(props.preferredCountry);
   const inputRef = useRef(null);
   useEffect(() => {
+    var _a;
     if (inputRef.current) {
-      inputRef.current?.focus();
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
     }
   }, []);
   const handleInputChange = (e) => {
@@ -1990,7 +1998,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       setPhoneNumber(input);
     }
     if (props.handleChange) {
-      props.handleChange(`${countryCode?.label}-${e.target.value}`);
+      props.handleChange(`${countryCode == null ? void 0 : countryCode.label}-${e.target.value}`);
     } else {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
@@ -2008,7 +2016,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
       isSearchable: true,
       isClearable: false,
       defaultValue: props.preferredCountry,
-      value: countryCode?.label,
+      value: countryCode == null ? void 0 : countryCode.label,
       onChange: setCountryCode
     }
   ), /* @__PURE__ */ React5.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full  hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React5.createElement(