@namuna-nur/ui-kit 1.10.4 → 1.10.5

package/lib/shared/shared.js

@@ -1,19 +1,19 @@
 import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import * as p from "@radix-ui/react-accordion";
+import * as f from "@radix-ui/react-accordion";
 import * as n from "react";
 import u from "react";
-import { S as y } from "./assets-icons-2.js";
+import { S as R } from "./assets-icons-2.js";
 import { cn as r } from "../utils/index.js";
 import * as c from "@radix-ui/react-popover";
-import * as f from "@radix-ui/react-tabs";
+import * as g from "@radix-ui/react-tabs";
 import "@radix-ui/react-dialog";
-import { ChevronRightIcon as k, CheckIcon as R, DotFilledIcon as T, Cross2Icon as C } from "@radix-ui/react-icons";
+import { ChevronRightIcon as T, CheckIcon as C, DotFilledIcon as I, Cross2Icon as P } from "@radix-ui/react-icons";
 import * as d from "@radix-ui/react-toast";
-import { cva as I } from "class-variance-authority";
-import * as P from "@radix-ui/react-progress";
+import { cva as z } from "class-variance-authority";
+import * as D from "@radix-ui/react-progress";
 import * as l from "@radix-ui/react-dropdown-menu";
-const we = p.Root, { Content: z, Header: D, Item: M, Trigger: S } = p, he = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(M, { ref: a, className: r(t), ...e })), Ne = n.forwardRef(({ children: t, icon: e, className: a, ...s }, i) => /* @__PURE__ */ o(D, { className: "flex", children: /* @__PURE__ */ m(
-  S,
+const Ne = f.Root, { Content: M, Header: S, Item: j, Trigger: A } = f, ye = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(j, { ref: a, className: r(t), ...e })), ke = n.forwardRef(({ children: t, icon: e, className: a, ...s }, i) => /* @__PURE__ */ o(S, { className: "flex", children: /* @__PURE__ */ m(
+  A,
   {
     ref: i,
     className: r(
@@ -24,7 +24,7 @@ const we = p.Root, { Content: z, Header: D, Item: M, Trigger: S } = p, he = n.fo
     children: [
       t,
       /* @__PURE__ */ o(
-        y,
+        R,
         {
           "aria-hidden": !0,
           width: (e == null ? void 0 : e.width) ?? 20,
@@ -35,42 +35,52 @@ const we = p.Root, { Content: z, Header: D, Item: M, Trigger: S } = p, he = n.fo
       )
     ]
   }
-) })), ye = n.forwardRef(({ children: t, className: e, ...a }, s) => /* @__PURE__ */ o(
-  z,
+) })), Re = n.forwardRef(({ children: t, className: e, ...a }, s) => /* @__PURE__ */ o(
+  M,
   {
     ref: s,
     className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...a,
     children: /* @__PURE__ */ o("div", { className: r("pt-0", e), children: t })
   }
-)), { Content: j, Portal: A } = c, ke = c.Root, Re = c.Trigger, Te = n.forwardRef(
-  ({ align: t = "center", className: e, sideOffset: a = 4, container: s, ...i }, N) => /* @__PURE__ */ o(A, { container: s, children: /* @__PURE__ */ o(
-    j,
-    {
-      ref: N,
-      align: t,
-      sideOffset: a,
-      className: r(
-        "z-50 w-72 rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50",
-        e
-      ),
-      ...i
-    }
-  ) })
+)), { Content: $, Portal: L } = c, Te = c.Root, Ce = c.Trigger, Ie = n.forwardRef(
+  ({
+    align: t = "center",
+    className: e,
+    sideOffset: a = 4,
+    container: s,
+    disablePortal: i = !1,
+    ...y
+  }, k) => {
+    const p = /* @__PURE__ */ o(
+      $,
+      {
+        ref: k,
+        align: t,
+        sideOffset: a,
+        className: r(
+          "z-50 w-72 rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50",
+          e
+        ),
+        ...y
+      }
+    );
+    return i ? p : /* @__PURE__ */ o(L, { container: s, children: p });
+  }
 ), {
-  CheckboxItem: g,
-  Content: b,
-  SubContent: $,
-  Item: v,
-  ItemIndicator: L,
-  Portal: V,
-  Root: _,
-  Trigger: B,
-  SubTrigger: F,
-  RadioItem: H,
-  Label: q,
-  Separator: E
-} = l, Ce = _, Ie = B, G = n.forwardRef(({ className: t, inset: e, children: a, ...s }, i) => /* @__PURE__ */ m(
+  CheckboxItem: b,
+  Content: v,
+  SubContent: V,
+  Item: x,
+  ItemIndicator: _,
+  Portal: B,
+  Root: F,
+  Trigger: H,
+  SubTrigger: q,
+  RadioItem: E,
+  Label: G,
+  Separator: J
+} = l, Pe = F, ze = H, K = n.forwardRef(({ className: t, inset: e, children: a, ...s }, i) => /* @__PURE__ */ m(
   l.SubTrigger,
   {
     ref: i,
@@ -82,13 +92,13 @@ const we = p.Root, { Content: z, Header: D, Item: M, Trigger: S } = p, he = n.fo
     ...s,
     children: [
       a,
-      /* @__PURE__ */ o(k, { className: "ml-auto" })
+      /* @__PURE__ */ o(T, { className: "ml-auto" })
     ]
   }
 ));
-G.displayName = F.displayName;
-const J = n.forwardRef(({ className: t, sideOffset: e = 4, ...a }, s) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(
-  b,
+K.displayName = q.displayName;
+const O = n.forwardRef(({ className: t, sideOffset: e = 4, ...a }, s) => /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(
+  v,
   {
     ref: s,
     sideOffset: e,
@@ -100,8 +110,8 @@ const J = n.forwardRef(({ className: t, sideOffset: e = 4, ...a }, s) => /* @__P
     ...a
   }
 ) }));
-J.displayName = b.displayName;
-const K = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+O.displayName = v.displayName;
+const Q = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
   l.SubContent,
   {
     ref: a,
@@ -112,9 +122,9 @@ const K = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
     ...e
   }
 ));
-K.displayName = $.displayName;
-const O = n.forwardRef(({ className: t, inset: e, ...a }, s) => /* @__PURE__ */ o(
-  v,
+Q.displayName = V.displayName;
+const U = n.forwardRef(({ className: t, inset: e, ...a }, s) => /* @__PURE__ */ o(
+  x,
   {
     ref: s,
     className: r(
@@ -125,9 +135,9 @@ const O = n.forwardRef(({ className: t, inset: e, ...a }, s) => /* @__PURE__ */
     ...a
   }
 ));
-O.displayName = v.displayName;
-const Q = n.forwardRef(({ checked: t, children: e, className: a, ...s }, i) => /* @__PURE__ */ m(
-  g,
+U.displayName = x.displayName;
+const W = n.forwardRef(({ checked: t, children: e, className: a, ...s }, i) => /* @__PURE__ */ m(
+  b,
   {
     ref: i,
     className: r(
@@ -137,13 +147,13 @@ const Q = n.forwardRef(({ checked: t, children: e, className: a, ...s }, i) => /
     checked: t,
     ...s,
     children: [
-      /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(R, { className: "size-4" }) }) }),
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(C, { className: "size-4" }) }) }),
       e
     ]
   }
 ));
-Q.displayName = g.displayName;
-const U = n.forwardRef(({ className: t, children: e, ...a }, s) => /* @__PURE__ */ m(
+W.displayName = b.displayName;
+const X = n.forwardRef(({ className: t, children: e, ...a }, s) => /* @__PURE__ */ m(
   l.RadioItem,
   {
     ref: s,
@@ -153,13 +163,13 @@ const U = n.forwardRef(({ className: t, children: e, ...a }, s) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(l.ItemIndicator, { children: /* @__PURE__ */ o(T, { className: "size-2 fill-current" }) }) }),
+      /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ o(l.ItemIndicator, { children: /* @__PURE__ */ o(I, { className: "size-2 fill-current" }) }) }),
       e
     ]
   }
 ));
-U.displayName = H.displayName;
-const W = n.forwardRef(({ className: t, inset: e, ...a }, s) => /* @__PURE__ */ o(
+X.displayName = E.displayName;
+const Y = n.forwardRef(({ className: t, inset: e, ...a }, s) => /* @__PURE__ */ o(
   l.Label,
   {
     ref: s,
@@ -171,8 +181,8 @@ const W = n.forwardRef(({ className: t, inset: e, ...a }, s) => /* @__PURE__ */
     ...a
   }
 ));
-W.displayName = q.displayName;
-const X = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+Y.displayName = G.displayName;
+const Z = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
   l.Separator,
   {
     ref: a,
@@ -183,9 +193,9 @@ const X = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
     ...e
   }
 ));
-X.displayName = E.displayName;
-const Pe = f.Root, { List: x, Trigger: w, Content: h } = f, Y = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
-  x,
+Z.displayName = J.displayName;
+const De = g.Root, { List: w, Trigger: h, Content: N } = g, ee = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+  w,
   {
     ref: a,
     className: r(
@@ -195,9 +205,9 @@ const Pe = f.Root, { List: x, Trigger: w, Content: h } = f, Y = u.forwardRef(({
     ...e
   }
 ));
-Y.displayName = x.displayName;
-const Z = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
-  w,
+ee.displayName = w.displayName;
+const te = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+  h,
   {
     ref: a,
     className: r(
@@ -207,9 +217,9 @@ const Z = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
     ...e
   }
 ));
-Z.displayName = w.displayName;
-const ee = u.forwardRef(({ children: t, className: e, ...a }, s) => /* @__PURE__ */ o(
-  h,
+te.displayName = h.displayName;
+const ae = u.forwardRef(({ children: t, className: e, ...a }, s) => /* @__PURE__ */ o(
+  N,
   {
     ref: s,
     className: r(
@@ -220,8 +230,8 @@ const ee = u.forwardRef(({ children: t, className: e, ...a }, s) => /* @__PURE__
     children: t
   }
 ));
-ee.displayName = h.displayName;
-const te = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+ae.displayName = N.displayName;
+const oe = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
   d.Viewport,
   {
     ref: a,
@@ -232,8 +242,8 @@ const te = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
     ...e
   }
 ));
-te.displayName = d.Viewport.displayName;
-const ae = I(
+oe.displayName = d.Viewport.displayName;
+const re = z(
   "group pointer-events-auto rounded-[10px] text-sidebar-10 relative flex w-full items-center justify-between space-x-2 overflow-hidden py-3 px-[15px] transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full dark:border-neutral-800",
   {
     variants: {
@@ -249,16 +259,16 @@ const ae = I(
       variant: "default"
     }
   }
-), oe = n.forwardRef(({ className: t, variant: e, ...a }, s) => /* @__PURE__ */ o(
+), se = n.forwardRef(({ className: t, variant: e, ...a }, s) => /* @__PURE__ */ o(
   d.Root,
   {
     ref: s,
-    className: r(ae({ variant: e }), t),
+    className: r(re({ variant: e }), t),
     ...a
   }
 ));
-oe.displayName = d.Root.displayName;
-const re = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+se.displayName = d.Root.displayName;
+const ne = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
   d.Action,
   {
     ref: a,
@@ -269,8 +279,8 @@ const re = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
     ...e
   }
 ));
-re.displayName = d.Action.displayName;
-const se = n.forwardRef(({ className: t, variant: e, ...a }, s) => /* @__PURE__ */ o(
+ne.displayName = d.Action.displayName;
+const de = n.forwardRef(({ className: t, variant: e, ...a }, s) => /* @__PURE__ */ o(
   d.Close,
   {
     ref: s,
@@ -280,11 +290,11 @@ const se = n.forwardRef(({ className: t, variant: e, ...a }, s) => /* @__PURE__
     ),
     "toast-close": "",
     ...a,
-    children: /* @__PURE__ */ o(C, { className: r(`size-4 text-${e}-10`) })
+    children: /* @__PURE__ */ o(P, { className: r(`size-4 text-${e}-10`) })
   }
 ));
-se.displayName = d.Close.displayName;
-const ne = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+de.displayName = d.Close.displayName;
+const ie = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
   d.Title,
   {
     ref: a,
@@ -292,8 +302,8 @@ const ne = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
     ...e
   }
 ));
-ne.displayName = d.Title.displayName;
-const de = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+ie.displayName = d.Title.displayName;
+const le = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
   d.Description,
   {
     ref: a,
@@ -301,9 +311,9 @@ const de = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
     ...e
   }
 ));
-de.displayName = d.Description.displayName;
-const { Root: ie, Indicator: le } = P, me = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
-  ie,
+le.displayName = d.Description.displayName;
+const { Root: me, Indicator: ue } = D, ce = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+  me,
   {
     ref: a,
     className: r(
@@ -313,9 +323,9 @@ const { Root: ie, Indicator: le } = P, me = n.forwardRef(({ className: t, ...e }
     ...e
   }
 ));
-me.displayName = "ProgressRoot";
-const ue = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
-  le,
+ce.displayName = "ProgressRoot";
+const pe = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
+  ue,
   {
     ref: a,
     className: r(
@@ -325,25 +335,25 @@ const ue = n.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ o(
     ...e
   }
 ));
-ue.displayName = "ProgressIndicator";
+pe.displayName = "ProgressIndicator";
 export {
-  we as A,
-  Ce as D,
-  ke as P,
-  ne as T,
-  de as a,
-  Re as b,
-  Te as c,
-  Ie as d,
-  J as e,
-  O as f,
-  he as g,
-  Ne as h,
-  ye as i,
-  Pe as j,
-  Y as k,
-  Z as l,
-  ee as m,
-  me as n,
-  ue as o
+  Ne as A,
+  Pe as D,
+  Te as P,
+  ie as T,
+  le as a,
+  Ce as b,
+  Ie as c,
+  ze as d,
+  O as e,
+  U as f,
+  ye as g,
+  ke as h,
+  Re as i,
+  De as j,
+  ee as k,
+  te as l,
+  ae as m,
+  ce as n,
+  pe as o
 };

package/lib/src/_shared/Popover.utils.d.ts

@@ -4,4 +4,5 @@ export declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     container?: HTMLElement | null;
+    disablePortal?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/Combobox/Combobox.types.d.ts

@@ -8,6 +8,8 @@ export type ComboboxProps = {
     onChange: (value: string) => void;
     searchValue: string;
     onSearchChange: (query: string) => void;
+    onDebouncedSearch?: (query: string) => void;
+    debounceDelay?: number;
     placeholder?: string;
     searchPlaceholder?: string;
     emptyMessage?: string;
@@ -15,6 +17,7 @@ export type ComboboxProps = {
     status?: SelectStatusType;
     isLoading?: boolean;
     container?: HTMLElement | null;
+    disablePortal?: boolean;
     classNames?: {
         parent?: string;
         trigger?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namuna-nur/ui-kit",
-  "version": "1.10.4",
+  "version": "1.10.5",
   "description": "UI Kit for Namuna NUR",
   "type": "module",
   "main": "lib/index.js",