brd-ui-kit 0.1.20 → 0.1.21

package/dist/index.js

@@ -11876,7 +11876,7 @@ function ma({ className: e, ...t }) {
     "fieldset",
     {
       "data-slot": "field-set",
-      className: z(FC, e, "min-w-0 flex-1"),
+      className: z(FC, e, "min-w-0 flex-1 w-full"),
       ...t
     }
   );
@@ -12031,21 +12031,13 @@ const YC = Ae(
       sizeInput: "md"
     }
   }
-), Vd = ({
-  className: e,
-  type: t = "text",
-  variant: n,
-  sizeInput: r,
-  ref: o,
-  ...i
-}) => /* @__PURE__ */ x(
+), Vd = ({ className: e, sizeInput: t, type: n, variant: r, ...o }) => /* @__PURE__ */ x(
   "input",
   {
     "data-slot": "input",
-    type: t,
-    className: z(YC({ variant: n, sizeInput: r }), e),
-    ref: o,
-    ...i
+    type: n || "text",
+    className: z(YC({ variant: r, sizeInput: t }), e),
+    ...o
   }
 ), XC = [
   `border-inp-default-border bg-primary-bg text-primary-text flex h-31 w-full
@@ -12055,12 +12047,11 @@ const YC = Ae(
   `disabled:border-inp-disabled-border disabled:bg-disabled-bg
   disabled:text-disabled-text disabled:placeholder:text-disabled-text
   aria-invalid:border-error-text`
-].join(" "), ha = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ x(
+].join(" "), ha = (e) => /* @__PURE__ */ x(
   "textarea",
   {
-    className: z(XC, e),
-    ref: t,
-    ...n
+    className: z(XC, e.className),
+    ...e
   }
 );
 ha.displayName = "Textarea";
@@ -12182,7 +12173,7 @@ function t1({ className: e, ...t }) {
     }
   );
 }
-function zd({ className: e, ...t }) {
+function zd(e) {
   return /* @__PURE__ */ x(
     Vd,
     {
@@ -12191,9 +12182,9 @@ function zd({ className: e, ...t }) {
         `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none
         focus-visible:ring-0 disabled:border-0 disabled:bg-transparent
         dark:bg-transparent`,
-        e
+        e.className
       ),
-      ...t
+      ...e
     }
   );
 }
@@ -12245,7 +12236,7 @@ shadow-[0px_4px_12px_0px_rgba(0,0,0,0.1)] duration-100 *:data-[slot=input-group]
 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8
 *:data-[slot=input-group]:shadow-none`, aw = `text-primary-text data-disabled:text-disabled-text
 data-highlighted:bg-primary-hover-bg relative flex w-full cursor-pointer items-center gap-2
-px-2 py-2 text-sm outline-none select-none data-disabled:pointer-events-none
+text-sm outline-none select-none data-disabled:pointer-events-none
 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, lw = "text-secondary-text px-4 py-2 text-xs", cw = `text-secondary-text hidden w-full justify-center py-2
 text-center text-sm group-data-empty/combobox-content:flex`, uw = "bg-delicate-border -mx-1 my-1 h-px", dw = Ae(
   `border-inp-default-border bg-primary-bg text-primary-text hover:border-inp-hover-border
@@ -13648,12 +13639,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 }, FS = nf, VS = of, LS = af, vf = lf, yf = cf, xf = df, Cf = pf, wf = mf;
 const $S = [
   "data-open:animate-in data-closed:animate-out data-closed:fade-out-0",
-  "data-open:fade-in-0 bg-primary-inverse-bg/20 duration-100",
-  "fixed inset-0 isolate z-50"
+  "data-open:fade-in-0 bg-primary-inverse-bg/20 duration-100"
 ], zS = [
   "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%]",
   "translate-y-[-50%] gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200",
   "rounded-[8px] w-max",
+  "[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible",
   "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
   "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
   "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"
@@ -17791,41 +17782,44 @@ const v1 = ({
   label: r,
   description: o,
   classes: i,
-  ...s
+  ref: s,
+  ...a
 }) => {
-  const a = {
+  const l = {
     ...t === !0 && !n && { "aria-valid": !0 },
     ...t === !1 && !n && { "aria-invalid": !0 },
     disabled: n
   };
   return /* @__PURE__ */ x(ma, { className: i?.fieldset, children: /* @__PURE__ */ x(Wo, { className: i?.fieldgroup, children: /* @__PURE__ */ ce(Uo, { className: i?.field, children: [
-    r && /* @__PURE__ */ x(Sr, { ...a, children: r }),
+    r && /* @__PURE__ */ x(Sr, { ...l, children: r }),
     e.length > 0 ? /* @__PURE__ */ ce(Ld, { "data-slot": !0, children: [
       /* @__PURE__ */ x(
         zd,
         {
-          ...s,
+          ref: s,
           ...a,
+          ...l,
           disabled: n
         }
       ),
-      e.map((l) => /* @__PURE__ */ x(
+      e.map((c) => /* @__PURE__ */ x(
         $d,
         {
-          align: l.position,
-          children: l.component
+          align: c.position,
+          children: c.component
         },
-        l.id
+        c.id
       ))
     ] }) : /* @__PURE__ */ x(
       Vd,
       {
-        ...s,
+        ref: s,
         ...a,
+        ...l,
         disabled: n
       }
     ),
-    o && /* @__PURE__ */ x(qo, { ...a, children: o })
+    o && /* @__PURE__ */ x(qo, { ...l, children: o })
   ] }) }) });
 }, y1 = ({ ...e }) => {
   const { isOpened: t, togglePopup: n } = Xp();
@@ -18061,7 +18055,7 @@ const sr = (e) => typeof e == "object", sg = (e) => sr(e) ? e.value : e, jE = (e
                 {
                   disabled: r,
                   value: N,
-                  className: _ ? "bg-tertiary-bg" : "",
+                  className: `${_ ? "bg-tertiary-bg" : ""} ${typeof N == "string" ? "py-1" : "px-2 py-2"}`,
                   children: sr(N) ? /* @__PURE__ */ x(
                     Ka,
                     {