@yuno-payments/dashboard-design-system 2.9.4 → 3.0.0

package/dist/components/molecules/file-upload/file-upload.js

@@ -1,276 +0,0 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as K, useRef as w, useState as G, useCallback as c } from "react";
-import { cn as N } from "../../../lib/utils.js";
-import { Icon as b } from "../../atoms/icon/icon.js";
-import { FieldError as W } from "../../../vendor/shadcn/field.js";
-import { Label as Z } from "../../atoms/label/label.js";
-import { Progress as H } from "../../atoms/progress/progress.js";
-function Q(e) {
-  const s = e.split(",").map((l) => l.trim().replace(/^\./, "").toUpperCase()).filter(Boolean);
-  if (s.length === 0) return "";
-  if (s.length === 1) return `Supports: ${s[0]} format`;
-  const n = s[s.length - 1];
-  return `Supports: ${s.slice(0, -1).join(", ")} or ${n} format`;
-}
-function S(e) {
-  if (e >= 1024 * 1024 * 1024) {
-    const n = e / 1073741824;
-    return `${Number.isInteger(n) ? n : n.toFixed(1)} GB max file size.`;
-  }
-  if (e >= 1024 * 1024) {
-    const n = e / 1048576;
-    return `${Number.isInteger(n) ? n : n.toFixed(1)} MB max file size.`;
-  }
-  const s = e / 1024;
-  return `${Number.isInteger(s) ? s : s.toFixed(1)} KB max file size.`;
-}
-const V = {
-  pdf: "FilePdf",
-  doc: "FileDoc",
-  docx: "FileDoc",
-  txt: "FileTxt",
-  csv: "FileCsv",
-  xls: "FileXls",
-  xlsx: "FileXls",
-  zip: "FileZip",
-  rar: "FileArchive",
-  "7z": "FileArchive",
-  png: "FilePng",
-  jpg: "FileJpg",
-  jpeg: "FileJpg",
-  ppt: "FilePpt",
-  pptx: "FilePpt"
-};
-function Y(e) {
-  const s = e.split(".").pop()?.toLowerCase() || "";
-  return V[s] || "File";
-}
-function q(e) {
-  return e.status ? e.status : e.progress !== void 0 && e.progress < 100 ? "uploading" : "uploaded";
-}
-function ee({
-  isDragActive: e,
-  disabled: s,
-  acceptText: n,
-  maxSizeText: o,
-  dropzoneText: l,
-  image: p,
-  onClick: u,
-  onDragEnter: f,
-  onDragOver: x,
-  onDragLeave: g,
-  onDrop: F
-}) {
-  return /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      role: "button",
-      tabIndex: s ? -1 : 0,
-      onClick: s ? void 0 : u,
-      onKeyDown: (a) => {
-        !s && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), u());
-      },
-      onDragEnter: f,
-      onDragOver: x,
-      onDragLeave: g,
-      onDrop: F,
-      "aria-label": "File upload dropzone",
-      className: N(
-        "flex flex-col items-center justify-center gap-2 rounded-lg border bg-muted/40 px-6 py-6 transition-colors cursor-pointer",
-        "border-border hover:border-primary/50",
-        e && "border-primary bg-primary/5",
-        s && "opacity-50 cursor-not-allowed pointer-events-none"
-      ),
-      children: [
-        p ? /* @__PURE__ */ r.jsx(
-          "img",
-          {
-            src: p,
-            alt: "",
-            width: 100,
-            height: 82,
-            className: "object-contain",
-            "aria-hidden": "true"
-          }
-        ) : /* @__PURE__ */ r.jsx(b, { name: "UploadSimple", size: "xl", className: "text-muted-foreground" }),
-        /* @__PURE__ */ r.jsxs("p", { className: "text-sm text-center text-foreground font-semibold", children: [
-          /* @__PURE__ */ r.jsx("span", { className: "text-primary cursor-pointer", children: "Select" }),
-          " ",
-          l
-        ] }),
-        (n || o) && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
-          n && /* @__PURE__ */ r.jsx("p", { className: "text-xs text-muted-foreground", children: n }),
-          o && /* @__PURE__ */ r.jsx("p", { className: "text-xs text-muted-foreground", children: o })
-        ] })
-      ]
-    }
-  );
-}
-function te({ file: e, onRemove: s, disabled: n }) {
-  const o = q(e), l = Y(e.name);
-  return /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: N(
-        "flex items-center gap-3 rounded-lg border px-3 py-2.5",
-        o === "error" && "border-destructive/50 bg-destructive/5"
-      ),
-      children: [
-        /* @__PURE__ */ r.jsx(
-          b,
-          {
-            name: l,
-            size: "lg",
-            className: N(
-              "shrink-0 text-muted-foreground",
-              o === "error" && "text-destructive"
-            )
-          }
-        ),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ r.jsx("p", { className: "text-sm font-medium truncate", children: e.name }),
-          o === "uploading" && /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ r.jsx(H, { value: e.progress ?? 0, className: "h-1.5 flex-1" }) }),
-          o === "uploaded" && /* @__PURE__ */ r.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: "Uploaded" }),
-          o === "error" && /* @__PURE__ */ r.jsx("p", { className: "text-xs text-destructive mt-0.5", children: e.errorMessage || "Upload failed" })
-        ] }),
-        /* @__PURE__ */ r.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => s?.(e.id),
-            disabled: n,
-            className: "shrink-0 flex items-center justify-center cursor-pointer text-muted-foreground",
-            "aria-label": `Remove ${e.name}`,
-            children: /* @__PURE__ */ r.jsx(b, { name: "X", size: "sm" })
-          }
-        )
-      ]
-    }
-  );
-}
-const re = K(
-  ({
-    value: e = [],
-    onFilesAdded: s,
-    onRemove: n,
-    accept: o,
-    maxSize: l,
-    maxFiles: p,
-    multiple: u = !0,
-    label: f,
-    info: x,
-    requiredIndicator: g,
-    required: F,
-    disabled: a,
-    error: C,
-    className: I,
-    dropzoneText: P = "a file or drag it here",
-    image: A = "https://dashboard-assets.y.uno/batch-refunds/upload_media.png"
-  }, m) => {
-    const k = w(null), h = w(0), [L, y] = G(!1), E = c(
-      (t) => {
-        k.current = t, typeof m == "function" ? m(t) : m && (m.current = t);
-      },
-      [m]
-    ), R = o ? Q(o) : "", T = l ? S(l) : "", j = c(
-      (t) => {
-        let i = t;
-        if (o) {
-          const d = o.split(",").map((v) => v.trim().toLowerCase());
-          i = i.filter((v) => {
-            const _ = "." + (v.name.split(".").pop()?.toLowerCase() || ""), J = v.type.toLowerCase();
-            return d.some(
-              (D) => D.startsWith(".") ? _ === D : J === D
-            );
-          });
-        }
-        if (l && (i = i.filter((d) => d.size <= l)), p) {
-          const d = p - (e?.length || 0);
-          i = i.slice(0, Math.max(0, d));
-        }
-        u || (i = i.slice(0, 1)), i.length > 0 && s?.(i);
-      },
-      [o, l, p, u, e, s]
-    ), $ = c(() => {
-      a || k.current?.click();
-    }, [a]), U = c(
-      (t) => {
-        const i = Array.from(t.target.files || []);
-        j(i), t.target.value = "";
-      },
-      [j]
-    ), B = c(
-      (t) => {
-        t.preventDefault(), t.stopPropagation(), h.current++, !a && t.dataTransfer.items && t.dataTransfer.items.length > 0 && y(!0);
-      },
-      [a]
-    ), M = c((t) => {
-      t.preventDefault(), t.stopPropagation();
-    }, []), z = c((t) => {
-      t.preventDefault(), t.stopPropagation(), h.current--, h.current === 0 && y(!1);
-    }, []), O = c(
-      (t) => {
-        if (t.preventDefault(), t.stopPropagation(), y(!1), h.current = 0, a) return;
-        const i = Array.from(t.dataTransfer.files);
-        j(i);
-      },
-      [a, j]
-    ), X = !!C;
-    return /* @__PURE__ */ r.jsxs("div", { className: N("flex flex-col gap-2 w-full", I), children: [
-      (f || x || g) && /* @__PURE__ */ r.jsx(
-        Z,
-        {
-          info: x,
-          requiredIndicator: g,
-          required: F,
-          disabled: a,
-          children: f
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        "input",
-        {
-          ref: E,
-          type: "file",
-          className: "sr-only",
-          accept: o,
-          multiple: u,
-          disabled: a,
-          onChange: U,
-          tabIndex: -1,
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ r.jsx(
-        ee,
-        {
-          isDragActive: L,
-          disabled: a,
-          acceptText: R,
-          maxSizeText: T,
-          dropzoneText: P,
-          image: A,
-          onClick: $,
-          onDragEnter: B,
-          onDragOver: M,
-          onDragLeave: z,
-          onDrop: O
-        }
-      ),
-      e.length > 0 && /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-2", children: e.map((t) => /* @__PURE__ */ r.jsx(
-        te,
-        {
-          file: t,
-          onRemove: n,
-          disabled: a
-        },
-        t.id
-      )) }),
-      X && /* @__PURE__ */ r.jsx(W, { children: C })
-    ] });
-  }
-);
-re.displayName = "FileUpload";
-export {
-  re as FileUpload
-};

package/dist/components/molecules/file-upload/index.d.ts

@@ -1 +0,0 @@
-export { FileUpload, type FileUploadProps, type UploadFile } from './file-upload';

package/dist/components/molecules/highlight-banner/highlight-banner.d.ts

@@ -1,58 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { IconName } from '../../atoms/icon';
-/**
- * Props for the HighlightBanner component
- */
-interface HighlightBannerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
-    /**
-     * Icon name to display on the left side of the banner.
-     * The icon will be displayed inside a circular container.
-     */
-    icon: IconName;
-    /**
-     * Title content of the banner.
-     * Can be a string or any ReactNode for custom formatting.
-     */
-    title: ReactNode;
-    /**
-     * Description content of the banner.
-     * Can be a string or any ReactNode for custom formatting (e.g., with links).
-     */
-    description: ReactNode;
-    /**
-     * Optional button or action element to display on the right side of the banner.
-     */
-    button?: ReactNode;
-    /**
-     * Visual style variant of the banner.
-     * @default "default"
-     */
-    variant?: "default" | "secondary";
-}
-/**
- * Prominent banner component for highlighting important information or calls-to-action.
- * Features an icon in a circular container, title, description, and optional action button.
- *
- * @example
- * ```tsx
- * <HighlightBanner
- *   icon="Lightbulb"
- *   title="Get started with our API"
- *   description="Learn how to integrate our payment solution in minutes"
- *   button={<Button>View Documentation</Button>}
- * />
- * ```
- *
- * @example
- * ```tsx
- * <HighlightBanner
- *   variant="secondary"
- *   icon="Lightbulb"
- *   title="Get started with our API"
- *   description="Learn how to integrate our payment solution in minutes"
- *   button={<Button>View Documentation</Button>}
- * />
- * ```
- */
-declare const HighlightBanner: import('react').ForwardRefExoticComponent<HighlightBannerProps & import('react').RefAttributes<HTMLDivElement>>;
-export { HighlightBanner, type HighlightBannerProps };

package/dist/components/molecules/highlight-banner/highlight-banner.js

@@ -1,71 +0,0 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as x } from "react";
-import { cn as i } from "../../../lib/utils.js";
-import { Icon as c } from "../../atoms/icon/icon.js";
-const f = x(
-  ({ className: s, icon: d, title: o, description: a, button: t, variant: n = "default", ...l }, m) => {
-    const r = n === "secondary";
-    return /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        ref: m,
-        className: i(
-          "flex items-center gap-6 rounded-xl border p-6",
-          r ? "border-border bg-background" : "border-primary bg-primary",
-          s
-        ),
-        ...l,
-        children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: i(
-                "flex size-16 shrink-0 items-center justify-center rounded-full border-2",
-                r ? "border-primary" : "border-muted"
-              ),
-              children: /* @__PURE__ */ e.jsx(
-                c,
-                {
-                  name: d,
-                  size: "xl",
-                  className: i(
-                    "text-muted-foreground",
-                    r ? "text-primary" : "text-primary-foreground"
-                  ),
-                  weight: "fill"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: i(
-                  "text-lg font-semibold leading-7",
-                  r ? "text-foreground" : "text-[#FAFAFA]"
-                ),
-                children: o
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: i(
-                  "text-sm leading-5 opacity-80",
-                  r ? "text-muted-foreground" : "text-[#FAFAFA]"
-                ),
-                children: a
-              }
-            )
-          ] }),
-          t && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: t })
-        ]
-      }
-    );
-  }
-);
-f.displayName = "HighlightBanner";
-export {
-  f as HighlightBanner
-};

package/dist/components/molecules/highlight-banner/index.d.ts

@@ -1 +0,0 @@
-export { HighlightBanner, type HighlightBannerProps } from './highlight-banner';

package/dist/components/molecules/index.d.ts

@@ -1,28 +0,0 @@
-export { Breadcrumb, type BreadcrumbProps, type BreadcrumbItemData } from './breadcrumb';
-export { Pagination, type PaginationProps } from './pagination';
-export { Pagination as PaginationRoot, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './pagination';
-export * from './dialog-header';
-export * from './dialog-content';
-export * from './dialog-footer';
-export { NavTabs, type NavTab, type NavTabsProps } from './nav-tabs';
-export { HighlightBanner, type HighlightBannerProps } from './highlight-banner';
-export { Empty, type EmptyProps } from './empty';
-export { EmptyIcon, type EmptyIconProps } from './empty';
-export { AnimatedEmpty, AnimatedEmptyIllustration, type AnimatedEmptyProps, type AnimatedEmptyVariant, type AnimatedEmptyAction, type AnimatedEmptyIllustrationProps, } from './animated-empty';
-export { ProviderCard, type ProviderCardProps } from './provider-card';
-export { FileUpload, type FileUploadProps, type UploadFile, } from './file-upload';
-export { Stepper, type StepperProps, type StepperStep } from './stepper';
-export { Checkbox, type CheckboxProps } from './checkbox';
-export { Switch, type SwitchProps } from './switch';
-export { Textarea, type TextareaProps } from './textarea';
-export { NavLink, type NavLinkProps } from './nav-link';
-export { OTPField, type OTPFieldProps } from './otp-field';
-export { MultiValuesField, type MultiValuesFieldProps, type TriggerKey, } from './multi-values-field';
-export { RadioGroup, type RadioGroupProps, type RadioOption, RadioGroupBase, RadioGroupItem, RadioGroupOption, type RadioGroupOptionProps, } from './radio-group';
-export { Field, type FieldProps } from './field';
-export { TimePicker, type TimePickerProps } from './time-picker';
-export { SearchField, type SearchFieldProps, type SearchValue, } from './search-field';
-export { DotsMenu, type DotsMenuProps, type DotsMenuAction, type DotsMenuOptions, } from './dots-menu';
-export { PasswordField, type PasswordFieldProps } from './password-field';
-export { Select, SearchSelect, type SelectProps, type SelectOption, type SelectOptionGroup, type SearchSelectProps, } from './select';
-export * from './data-table-cells';

package/dist/components/molecules/multi-values-field/index.d.ts

@@ -1,2 +0,0 @@
-export { MultiValuesField } from './multi-values-field';
-export type { MultiValuesFieldProps, TriggerKey } from './multi-values-field.types';

package/dist/components/molecules/multi-values-field/multi-values-field.d.ts

@@ -1,19 +0,0 @@
-import { MultiValuesFieldProps } from './multi-values-field.types';
-/**
- * Multi-value input field for adding/removing multiple string values as badges.
- * Features keyboard shortcuts, validation, duplicate detection, and max items limit.
- *
- * @example
- * ```tsx
- * <MultiValuesField
- *   label="Email addresses"
- *   value={emails}
- *   onChange={setEmails}
- *   validate={(value) => /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(value) || "Invalid email"}
- *   maxItems={5}
- *   allowDuplicates={false}
- * />
- * ```
- */
-declare const MultiValuesField: import('react').ForwardRefExoticComponent<MultiValuesFieldProps & import('react').RefAttributes<HTMLInputElement>>;
-export { MultiValuesField };

package/dist/components/molecules/multi-values-field/multi-values-field.js

@@ -1,177 +0,0 @@
-import { j as n } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as Y, useId as Z, useState as V } from "react";
-import { cn as E } from "../../../lib/utils.js";
-import { Field as _, FieldLabel as K, FieldDescription as ee, FieldError as te } from "../../../vendor/shadcn/field.js";
-import { Badge as $ } from "../../atoms/badge/badge.js";
-import { Icon as ne } from "../../atoms/icon/icon.js";
-const re = Y(
-  ({
-    value: r = [],
-    onChange: f,
-    label: F,
-    description: b,
-    error: v,
-    placeholder: N = "Type and press Enter...",
-    disabled: d = !1,
-    id: T,
-    name: M,
-    triggerKeys: s = ["Enter", "Tab", "Comma", "Space"],
-    addOnBlur: I = !0,
-    allowDuplicates: C = !1,
-    maxItems: a,
-    validate: h,
-    badgeVariant: P = "outline",
-    orientation: S = "vertical",
-    className: L,
-    deleteAll: u
-  }, X) => {
-    const q = Z(), c = T || q, w = !!v, [y, j] = V(""), [z, B] = V(!1), [k, i] = V(""), p = (e) => {
-      const t = e.trim();
-      if (t !== "") {
-        if (a && r.length >= a) {
-          i(`Maximum ${a} items allowed`);
-          return;
-        }
-        if (!C && r.includes(t)) {
-          i("Duplicate values are not allowed");
-          return;
-        }
-        if (h) {
-          const o = h(t);
-          if (o !== !0) {
-            i(
-              typeof o == "string" ? o : "Invalid value"
-            );
-            return;
-          }
-        }
-        i(""), f([...r, t]), j("");
-      }
-    }, A = (e) => {
-      f(r.filter((t) => t !== e)), i("");
-    }, G = (e) => {
-      const t = e.currentTarget.value;
-      e.key === "Enter" && s.includes("Enter") ? (e.preventDefault(), p(t)) : e.key === "Tab" && s.includes("Tab") ? t.trim() !== "" && (e.preventDefault(), p(t)) : (e.key === "," || e.key === ",") && s.includes("Comma") || e.key === " " && s.includes("Space") ? (e.preventDefault(), p(t)) : e.key === "Backspace" && t === "" && r.length > 0 && f(r.slice(0, -1));
-    }, H = (e) => {
-      j(e.target.value), i("");
-    }, J = () => {
-      B(!0);
-    }, O = () => {
-      B(!1), I && y.trim() !== "" && p(y);
-    }, Q = (e) => {
-      const t = e.clipboardData.getData("text"), o = [];
-      if (s.includes("Comma") && o.push(","), s.includes("Space") && o.push(" "), o.length === 0) return;
-      const x = new RegExp(`[${o.join("")}]+`);
-      if (!x.test(t)) return;
-      e.preventDefault();
-      const R = t.split(x).map((l) => l.trim()).filter((l) => l !== "");
-      if (R.length === 0) return;
-      const D = [];
-      let g = [...r];
-      for (const l of R) {
-        if (a && g.length >= a) {
-          i(`Maximum ${a} items allowed`);
-          break;
-        }
-        !C && g.includes(l) || h && h(l) !== !0 || (D.push(l), g = [...g, l]);
-      }
-      D.length > 0 && (i(""), f([...r, ...D]), j(""));
-    }, U = (e, t) => {
-      e.preventDefault(), e.stopPropagation(), A(t);
-    }, W = () => {
-      d || !u?.onClick || u.onClick();
-    }, m = v || k;
-    return /* @__PURE__ */ n.jsxs(
-      _,
-      {
-        orientation: S,
-        "data-invalid": w,
-        className: E("w-full", L),
-        children: [
-          F && /* @__PURE__ */ n.jsx(K, { htmlFor: c, children: F }),
-          /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
-            /* @__PURE__ */ n.jsxs(
-              "div",
-              {
-                className: E(
-                  "font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex min-h-9 w-full min-w-0 rounded-md border bg-input px-3 py-1.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
-                  "flex-wrap gap-1.5 items-center",
-                  z && "border-ring ring-ring/50 ring-[3px]",
-                  (w || k) && "border-destructive ring-destructive/20 dark:ring-destructive/40",
-                  d && "opacity-50 cursor-not-allowed"
-                ),
-                onClick: () => {
-                  d || document.getElementById(c)?.focus();
-                },
-                children: [
-                  (() => {
-                    const e = u && !d && r.length >= u.length;
-                    return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-                      e && /* @__PURE__ */ n.jsx(
-                        "div",
-                        {
-                          onClick: (t) => {
-                            t.preventDefault(), t.stopPropagation(), W();
-                          },
-                          children: /* @__PURE__ */ n.jsx(
-                            $,
-                            {
-                              variant: "secondary",
-                              className: "gap-1 cursor-pointer flex items-center",
-                              children: u.label || "Delete all"
-                            }
-                          )
-                        }
-                      ),
-                      r.map((t, o) => /* @__PURE__ */ n.jsxs($, { variant: P, children: [
-                        t,
-                        /* @__PURE__ */ n.jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: (x) => U(x, t),
-                            children: /* @__PURE__ */ n.jsx(ne, { name: "X", className: "h-3 w-3" })
-                          }
-                        )
-                      ] }, `${t}-${o}`))
-                    ] });
-                  })(),
-                  /* @__PURE__ */ n.jsx(
-                    "input",
-                    {
-                      ref: X,
-                      id: c,
-                      name: M,
-                      type: "text",
-                      value: y,
-                      onChange: H,
-                      onKeyDown: G,
-                      onFocus: J,
-                      onBlur: O,
-                      onPaste: Q,
-                      placeholder: r.length === 0 ? N : "",
-                      disabled: d,
-                      className: E(
-                        "flex-1 min-w-[120px] outline-none bg-transparent border-none shadow-none p-0 h-6",
-                        "placeholder:text-muted-foreground",
-                        "disabled:cursor-not-allowed"
-                      ),
-                      "aria-invalid": w || !!k,
-                      "aria-describedby": b || m ? `${c}-description` : void 0
-                    }
-                  )
-                ]
-              }
-            ),
-            b && !m && /* @__PURE__ */ n.jsx(ee, { id: `${c}-description`, children: b }),
-            m && /* @__PURE__ */ n.jsx(te, { id: `${c}-description`, children: m })
-          ] })
-        ]
-      }
-    );
-  }
-);
-re.displayName = "MultiValuesField";
-export {
-  re as MultiValuesField
-};