@onesaz/ui 0.4.2 → 0.4.3

package/dist/index.js

@@ -3809,7 +3809,7 @@ function OptionItem({
             children: /* @__PURE__ */ jsx35("polyline", { points: "20 6 9 17 4 12" })
           }
         ) }),
-        option.label
+        /* @__PURE__ */ jsx35("span", { className: "break-all", children: option.label })
       ]
     }
   );
@@ -3998,11 +3998,11 @@ var Combobox = React35.forwardRef(
           disabled,
           onClick: () => setOpen(!open),
           className: cn(
-            "flex min-h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm text-left",
+            "flex min-h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-left",
             "ring-offset-background",
             "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
-            isMultiple && selectedOptions.length > 0 && "h-auto",
+            isMultiple && selectedOptions.length > 0 || !isMultiple && singleValue ? "h-auto items-start justify-between" : "items-center justify-between",
             className
           ),
           children: [
@@ -4013,7 +4013,7 @@ var Combobox = React35.forwardRef(
                 {
                   className: "inline-flex items-center gap-1 rounded-md bg-muted px-2 py-0.5 text-xs font-medium",
                   children: [
-                    getOptionLabel(option),
+                    /* @__PURE__ */ jsx35("span", { className: "break-all", children: getOptionLabel(option) }),
                     /* @__PURE__ */ jsx35(
                       "button",
                       {
@@ -4046,8 +4046,8 @@ var Combobox = React35.forwardRef(
                 remainingCount,
                 " more"
               ] })
-            ] }) }) : /* @__PURE__ */ jsx35("span", { className: cn("flex-1", !singleValue && "text-muted-foreground"), children: singleValue ? getOptionLabel(singleValue) : placeholder }),
-            /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1", children: [
+            ] }) }) : /* @__PURE__ */ jsx35("span", { className: cn("flex-1 break-all", !singleValue && "text-muted-foreground"), children: singleValue ? getOptionLabel(singleValue) : placeholder }),
+            /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1 shrink-0", children: [
               isMultiple && selectedOptions.length > 0 && /* @__PURE__ */ jsx35(
                 "button",
                 {