@sikka/hawa 0.31.4-next → 0.31.6-next

package/dist/phoneInput/index.mjs

@@ -1940,22 +1940,56 @@ var Select = ({
               props.controlClassNames
             ),
             container: () => cn(
-              "hawa-rounded",
-              props.phoneCode && "hawa-w-fit hawa-min-w-[65px] hawa-text-right hawa-w-[100px]  hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
+              "hawa-rounded ",
+              props.phoneCode && "hawa-min-w-[65px] hawa-text-right hawa-w-[100px]  hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
               "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm",
-              props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer"
+              props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer",
+              props.isMulti && "hawa-ps-0 "
             ),
             placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
             valueContainer: () => "hawa-text-foreground hawa-px-1 ",
             singleValue: () => "hawa-text-foreground",
             indicatorsContainer: () => cn(
-              "hawa-cursor-pointer hawa-text-muted-foreground",
+              "hawa-cursor-pointer hawa-text-muted-foreground hawa-absolute hawa-end-0 hawa-top-[50%] hawa-bottom-[50%] ",
               props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
             )
           },
           unstyled: true,
           autoFocus: true,
-          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : { Option, Menu },
+          components: props.hideIndicator ? {
+            Option,
+            Menu,
+            IndicatorsContainer: () => null
+          } : {
+            Option,
+            Menu,
+            // Control: (e) => (
+            //   <div
+            //     className={cn(e.className, "hawa-flex hawa-flex-row")}
+            //     {...e}
+            //   />
+            // ),
+            ValueContainer: (e) => /* @__PURE__ */ React4.createElement(
+              "div",
+              {
+                className: cn(
+                  e.className,
+                  "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
+                ),
+                ...e
+              }
+            ),
+            MultiValueContainer: (e) => /* @__PURE__ */ React4.createElement(
+              "div",
+              {
+                className: cn(
+                  // e.className,
+                  "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row"
+                ),
+                ...e
+              }
+            )
+          },
           onChange: (newValue, action) => props.onChange(newValue, action),
           options: props.options,
           getOptionLabel: props.getOptionLabel,