@vkzstudio/muza-ui 1.0.20 → 1.0.22

package/dist/components/Dialog/Dialog.js

@@ -25,19 +25,19 @@ const Q = o.Root, U = o.Title, Z = o.Description, A = ({
     children: s,
     title: c,
     hideCloseButton: n = !1,
-    closeAriaLabel: u,
-    ...f
+    closeAriaLabel: f,
+    ...u
   }, h) => {
-    const y = T(), x = u ?? y.dialog.closeAriaLabel;
+    const y = T(), x = f ?? y.dialog.closeAriaLabel;
     return /* @__PURE__ */ a(
       "div",
       {
         ref: h,
         className: i(
-          "-mx-comp-dialog-p -mt-comp-dialog-p border-b border-stroke-base-primary px-comp-dialog-p py-comp-dialog-p-hor",
+          "-mx-comp-dialog-p -mt-comp-dialog-p border-b border-stroke-base-primary px-comp-dialog-p py-comp-dialog-p-hor-def",
           l
         ),
-        ...f,
+        ...u,
         children: /* @__PURE__ */ g("div", { className: "flex items-center gap-4xl", children: [
           /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
             t && /* @__PURE__ */ a("span", { className: "text-surface-brand-primary [&>svg]:size-icon-medium", children: t }),
@@ -105,8 +105,8 @@ const X = b(
     size: s = "medium",
     closeAriaLabel: c,
     ...n
-  }, u) => {
-    const f = T(), h = c ?? f.dialog.closeAriaLabel, [y, x] = O(!1), d = E(null), v = S.toArray(t), w = v.find(
+  }, f) => {
+    const u = T(), h = c ?? u.dialog.closeAriaLabel, [y, x] = O(!1), d = E(null), v = S.toArray(t), w = v.find(
       (e) => {
         var r;
         return C(e) && ((r = e.type) == null ? void 0 : r.displayName) === "DialogHeader";
@@ -131,7 +131,7 @@ const X = b(
     return /* @__PURE__ */ a(W, { children: /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(
       o.Content,
       {
-        ref: u,
+        ref: f,
         className: i(
           "relative flex w-full flex-col rounded-2xl bg-surface-base-secondary p-comp-dialog-p duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           {

package/dist/components/FileUpload/FileItem.js

@@ -34,7 +34,7 @@ const E = (e, a, t) => {
           "border-comp-file-upload-stroke-def-def",
           "bg-comp-input-fill-def leading-[140%]",
           "text-comp-file-upload-text-dark-secondary",
-          "font-regular"
+          "font-medium"
         ],
         error: [
           "border-comp-file-upload-stroke-error-def",

package/dist/components/FileUpload/FileUpload.d.ts

@@ -42,6 +42,10 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     maxSize?: number;
     /** Custom error message when a file exceeds `maxSize`. Defaults to a translated message with the size in MB. */
     maxSizeErrorMessage?: string;
+    /** Maximum number of files allowed. When reached, the dropzone is hidden. */
+    maxFiles?: number;
+    /** Custom error message when file count exceeds `maxFiles`. Defaults to a translated message. */
+    maxFilesErrorMessage?: string;
     /** Controls the visual size of file items in the list. @default 'base' */
     size?: 'sm' | 'base' | 'lg';
     /** Prevents interaction and applies disabled styling. @default false */
@@ -65,7 +69,7 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      * Props managed by the component (`onDrop`, `accept`, `multiple`, `maxSize`, `disabled`) are excluded.
      * @see DropzoneOptions
      */
-    dropzoneOptions?: Omit<DropzoneOptions, 'onDrop' | 'accept' | 'multiple' | 'maxSize' | 'disabled'>;
+    dropzoneOptions?: Omit<DropzoneOptions, 'onDrop' | 'accept' | 'multiple' | 'maxSize' | 'maxFiles' | 'disabled'>;
     /** Files displayed in the list on mount. @default [] */
     preselectedFiles?: File[];
     /**
@@ -103,6 +107,10 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     preselectedUrls?: PreselectedUrl[];
     /** Fires when a URL-backed item is deleted. Receives the item and its index in the `preselectedUrls` array. */
     onDeleteUrl?: (item: PreselectedUrl, index: number) => void;
+    /** Extra content rendered inline next to the label (e.g. a tooltip icon). */
+    labelExtra?: React.ReactNode;
+    /** Tooltip content shown in an info icon next to the label. Overridden by `labelExtra` if both are provided. */
+    infoTooltip?: string;
 }
 declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>>;
 export { FileUpload };

package/dist/components/FileUpload/FileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,gBAAgB,CAAA;AASlE,QAAA,MAAM,kBAAkB;;;;8EAoCvB,CAAA;AAgBD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,0GAA0G;IAC1G,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,QAAQ,GAAG,SAAS,GAAG,UAAU,CAClC,EACD,IAAI,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAC/D,kFAAkF;IAClF,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACxC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gHAAgH;IAChH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;OAIG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,CAAA;IACD,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,mGAAmG;IACnG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IAClC,6FAA6F;IAC7F,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,+GAA+G;IAC/G,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D;AAED,QAAA,MAAM,UAAU,wFAgOf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileUpload/FileUpload.js

@@ -1,15 +1,15 @@
-import { jsxs as f, jsx as a, Fragment as ee } from "react/jsx-runtime";
-import * as F from "react";
-import { cva as B } from "class-variance-authority";
-import { useDropzone as oe } from "react-dropzone";
-import { FileItem as K } from "./FileItem.js";
-import { useMuzaTranslations as te } from "../../translations/TranslationContext.js";
-import { Flex as re } from "../Flex/Flex.js";
-import { FormField as le } from "../FormField/FormField.js";
-import { cn as _ } from "../../utils/cn.js";
-import { CloudUploadOutline as se } from "@solar-icons/react-perf";
-import { Typography as S } from "../Typography/Typography.js";
-const ie = B(
+import { jsxs as n, jsx as a, Fragment as pe } from "react/jsx-runtime";
+import * as v from "react";
+import { cva as Y } from "class-variance-authority";
+import { useDropzone as ue } from "react-dropzone";
+import { FileItem as Q } from "./FileItem.js";
+import { useMuzaTranslations as fe } from "../../translations/TranslationContext.js";
+import { Flex as W } from "../Flex/Flex.js";
+import { FormField as ne } from "../FormField/FormField.js";
+import { cn as X } from "../../utils/cn.js";
+import { CloudUploadOutline as me } from "@solar-icons/react-perf";
+import { Typography as M } from "../Typography/Typography.js";
+const ge = Y(
   [
     "group relative cursor-pointer rounded-xl border-1 border-dashed transition-colors",
     "p-4xl pt-3xl pr-4xl pb-3xl",
@@ -45,7 +45,7 @@ const ie = B(
       }
     }
   }
-), ae = B(
+), xe = Y(
   [
     "text-center transition-colors",
     "text-comp-file-upload-text-dark-secondary"
@@ -57,115 +57,139 @@ const ie = B(
       }
     }
   }
-), de = F.forwardRef(
+), he = v.forwardRef(
   ({
-    className: y,
-    onDrop: x,
-    accept: u,
-    multiple: k = !0,
-    maxSize: g,
-    maxSizeErrorMessage: G,
-    size: $ = "base",
+    className: U,
+    onDrop: z,
+    accept: m,
+    multiple: A = !0,
+    maxSize: y,
+    maxSizeErrorMessage: Z,
+    maxFiles: i,
+    maxFilesErrorMessage: q,
+    size: P = "base",
     disabled: p = !1,
-    readOnly: m = !1,
-    dropzoneOptions: J,
-    label: w,
-    title: L,
-    subtitle: N,
-    preselectedFiles: Q = [],
-    fileStatus: W = [],
-    itemErrors: b,
-    itemHints: h,
-    error: X,
-    required: v,
-    disableRequiredAsterisk: Y,
+    readOnly: g = !1,
+    dropzoneOptions: O,
+    label: V,
+    title: H,
+    subtitle: K,
+    preselectedFiles: D = [],
+    fileStatus: C = [],
+    itemErrors: S,
+    itemHints: F,
+    error: E,
+    required: k,
+    disableRequiredAsterisk: ee,
     onError: t,
-    onDelete: z,
-    onChange: c,
-    preselectedUrls: U = [],
-    onDeleteUrl: M,
-    ...Z
-  }, q) => {
-    const n = te(), [I, R] = F.useState(Q), [j, A] = F.useState(!1), O = L ?? n.fileUpload.title, P = g ? n.fileUpload.maxSizeError.replace(
+    onDelete: w,
+    onChange: u,
+    preselectedUrls: x = [],
+    onDeleteUrl: $,
+    labelExtra: te,
+    infoTooltip: oe,
+    ...le
+  }, se) => {
+    const f = fe(), [h, _] = v.useState(D), [j, N] = v.useState(!1), [B, b] = v.useState(!1), T = h.length + x.length, re = H ?? f.fileUpload.title, I = i != null ? f.fileUpload.maxFilesError.replace("{count}", String(i)) : "", R = q ?? I, G = y ? f.fileUpload.maxSizeError.replace(
       "{size}",
-      (g / (1024 * 1024)).toFixed(0)
-    ) : "", T = G ?? P, { getRootProps: H, getInputProps: D, isDragActive: E } = oe({
-      onDrop: (e, l) => {
+      (y / (1024 * 1024)).toFixed(0)
+    ) : "", J = Z ?? G, { getRootProps: ae, getInputProps: ie, isDragActive: de } = ue({
+      onDrop: (e, s) => {
         try {
-          if (A(!1), l.length > 0 && l.some(
-            (r) => r.errors.some((s) => s.code === "file-too-large")
-          )) {
-            A(!0);
-            const r = T || P;
-            t == null || t(r, l[0].file);
+          if (N(!1), b(!1), s.length > 0) {
+            const o = s.some(
+              (l) => l.errors.some((r) => r.code === "file-too-large")
+            );
+            if (s.some(
+              (l) => l.errors.some((r) => r.code === "too-many-files")
+            )) {
+              b(!0);
+              const l = R || I;
+              t == null || t(l, s[0].file);
+              return;
+            }
+            if (o) {
+              N(!0);
+              const l = J || G;
+              t == null || t(l, s[0].file);
+              return;
+            }
+          }
+          if (i != null && T + e.length > i) {
+            b(!0);
+            const o = R || I;
+            t == null || t(o);
             return;
           }
-          R((o) => {
-            const r = new Set(
-              o.map((i) => `${i.name}-${i.size}-${i.lastModified}`)
-            ), s = e.filter(
-              (i) => !r.has(`${i.name}-${i.size}-${i.lastModified}`)
-            ), d = [...o, ...s];
-            return c == null || c(d), d;
-          }), x == null || x(e);
+          _((o) => {
+            const c = new Set(
+              o.map((d) => `${d.name}-${d.size}-${d.lastModified}`)
+            ), l = e.filter(
+              (d) => !c.has(`${d.name}-${d.size}-${d.lastModified}`)
+            ), r = [...o, ...l];
+            return u == null || u(r), r;
+          }), z == null || z(e);
         } catch (o) {
-          const r = o instanceof Error ? o.message : n.fileUpload.processingError;
-          t == null || t(r);
+          const c = o instanceof Error ? o.message : f.fileUpload.processingError;
+          t == null || t(c);
         }
       },
-      accept: typeof u == "string" ? { [u]: [] } : u ? Object.fromEntries(u.map((e) => [e, []])) : void 0,
-      multiple: k,
-      maxSize: g,
+      accept: typeof m == "string" ? { [m]: [] } : m ? Object.fromEntries(m.map((e) => [e, []])) : void 0,
+      multiple: A,
+      maxSize: y,
+      maxFiles: i != null ? i - T : void 0,
       disabled: p,
-      ...J
-    }), V = m || !k && (I.length > 0 || U.length > 0);
-    return /* @__PURE__ */ f(re, { direction: "column", gap: "lg", children: [
-      (!V || w) && /* @__PURE__ */ a(
-        le,
+      ...O
+    }), L = g || !A && (h.length > 0 || x.length > 0) || i != null && T >= i;
+    return /* @__PURE__ */ n(W, { direction: "column", gap: "lg", children: [
+      (!L || V) && /* @__PURE__ */ a(
+        ne,
         {
-          label: w,
-          required: v,
-          disableRequiredAsterisk: Y,
-          children: !V && /* @__PURE__ */ f(ee, { children: [
-            /* @__PURE__ */ f(
+          label: V,
+          required: k,
+          disableRequiredAsterisk: ee,
+          labelExtra: te,
+          infoTooltip: oe,
+          children: !L && /* @__PURE__ */ n(pe, { children: [
+            /* @__PURE__ */ n(
               "div",
               {
-                ref: q,
+                ref: se,
                 tabIndex: p ? void 0 : 0,
-                className: _(
-                  ie({
-                    error: X || j,
+                className: X(
+                  ge({
+                    error: E || j || B,
                     disabled: p,
-                    className: y,
-                    isDragActive: E
+                    className: U,
+                    isDragActive: de
                   })
                 ),
-                ...H(),
-                ...Z,
+                ...ae(),
+                ...le,
                 children: [
                   /* @__PURE__ */ a(
                     "input",
                     {
-                      ...D({ required: v }),
-                      "aria-required": v
+                      ...ie({ required: k }),
+                      "aria-required": k
                     }
                   ),
-                  /* @__PURE__ */ a(se, { className: "inline size-comp-file-upload-ico-size" }),
-                  /* @__PURE__ */ f("div", { children: [
-                    /* @__PURE__ */ a(S, { size: "base", component: "p", weight: "medium", children: O }),
-                    N && /* @__PURE__ */ a(
-                      S,
+                  /* @__PURE__ */ a(me, { className: "inline size-comp-file-upload-ico-size" }),
+                  /* @__PURE__ */ n("div", { children: [
+                    /* @__PURE__ */ a(M, { size: "base", component: "p", weight: "medium", children: re }),
+                    K && /* @__PURE__ */ a(
+                      M,
                       {
                         size: "sm",
                         component: "p",
                         weight: "regular",
-                        className: _(
-                          ae({
+                        className: X(
+                          xe({
                             disabled: p,
-                            className: y
+                            className: U
                           })
                         ),
-                        children: N
+                        children: K
                       }
                     )
                   ] })
@@ -173,22 +197,33 @@ const ie = B(
               }
             ),
             j && /* @__PURE__ */ a(
-              S,
+              M,
+              {
+                size: "sm",
+                variant: "body",
+                component: "p",
+                weight: "regular",
+                className: "text-comp-file-upload-text-error-def",
+                children: J
+              }
+            ),
+            B && /* @__PURE__ */ a(
+              M,
               {
                 size: "sm",
                 variant: "body",
                 component: "p",
                 weight: "regular",
                 className: "text-comp-file-upload-text-error-def",
-                children: T
+                children: R
               }
             )
           ] })
         }
       ),
-      /* @__PURE__ */ f("ul", { className: "flex flex-col gap-md", children: [
-        U.map((e, l) => /* @__PURE__ */ a(
-          K,
+      (x.length > 0 || h.length > 0) && /* @__PURE__ */ n(W, { component: "ul", direction: "column", gap: "md", children: [
+        x.map((e, s) => /* @__PURE__ */ a(
+          Q,
           {
             source: "url",
             url: e.url,
@@ -196,36 +231,36 @@ const ie = B(
             type: e.type,
             uploaded: !0,
             disabled: p,
-            readOnly: m,
-            size: $,
-            onDelete: () => M == null ? void 0 : M(e, l)
+            readOnly: g,
+            size: P,
+            onDelete: () => $ == null ? void 0 : $(e, s)
           },
           `url-${e.url}`
         )),
-        I.map((e, l) => {
-          const o = W[l], r = o == null ? void 0 : o.uploaded;
-          return m && !r ? null : /* @__PURE__ */ a(
-            K,
+        h.map((e, s) => {
+          const o = C[s], c = o == null ? void 0 : o.uploaded;
+          return g && !c ? null : /* @__PURE__ */ a(
+            Q,
             {
               source: "file",
               file: e,
-              uploaded: r,
+              uploaded: c,
               progress: o == null ? void 0 : o.progress,
               disabled: p,
-              readOnly: m,
-              error: b == null ? void 0 : b.get(e),
-              note: h == null ? void 0 : h.get(e),
+              readOnly: g,
+              error: S == null ? void 0 : S.get(e),
+              note: F == null ? void 0 : F.get(e),
               onError: t,
-              size: $,
+              size: P,
               onDelete: () => {
                 try {
-                  R((s) => {
-                    const d = s.filter((i, C) => C !== l);
-                    return c == null || c(d), d;
-                  }), z == null || z(e, l);
-                } catch (s) {
-                  const d = s instanceof Error ? s.message : n.fileUpload.deleteError;
-                  t == null || t(d, e);
+                  b(!1), N(!1), _((l) => {
+                    const r = l.filter((d, ce) => ce !== s);
+                    return u == null || u(r), r;
+                  }), w == null || w(e, s);
+                } catch (l) {
+                  const r = l instanceof Error ? l.message : f.fileUpload.deleteError;
+                  t == null || t(r, e);
                 }
               }
             },
@@ -236,7 +271,7 @@ const ie = B(
     ] });
   }
 );
-de.displayName = "FileUpload";
+he.displayName = "FileUpload";
 export {
-  de as FileUpload
+  he as FileUpload
 };

package/dist/components/FileUpload/FileUpload.stories.d.ts

@@ -17,6 +17,8 @@ export declare const Disabled: Story;
 export declare const WithErrorsAndHints: Story;
 export declare const ReadOnly: Story;
 export declare const UploadSimulation: Story;
+export declare const WithMaxFiles: Story;
+export declare const WithMaxFilesAndPreselected: Story;
 export declare const PreselectedUrls: Story;
 export declare const MixedFilesAndUrls: Story;
 export declare const SingleFileWithUrl: Story;

package/dist/components/FileUpload/FileUpload.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA8KjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}
+{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgMjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}

package/dist/components/FormField/FormField.d.ts

@@ -23,6 +23,10 @@ export interface FormFieldProps {
     hintId?: string;
     /** Extra content rendered inline next to the label (e.g. a tooltip icon). */
     labelExtra?: ReactNode;
+    /** Tooltip content shown in an info icon next to the label. Overridden by `labelExtra` if both are provided. */
+    infoTooltip?: string;
+    /** Content rendered on the right side of the label row (e.g. a character counter). */
+    labelRight?: ReactNode;
     /** Additional CSS classes for the outer wrapper. */
     className?: string;
 }

package/dist/components/FormField/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAKlD,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,QAAQ,EAAE,SAAS,CAAA;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,2GAoDrB,CAAA"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAOlD,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,QAAQ,EAAE,SAAS,CAAA;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sFAAsF;IACtF,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,2GAwErB,CAAA"}

package/dist/components/FormField/FormField.js

@@ -1,56 +1,69 @@
-import { jsxs as f, jsx as m } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { InputHint as h } from "./InputHint.js";
-import { InputLabel as e } from "./InputLabel.js";
-import { cn as F } from "../../utils/cn.js";
-const N = g(
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { InputHint as g } from "./InputHint.js";
+import { InputLabel as s } from "./InputLabel.js";
+import { Tooltip as j, TooltipTrigger as C, TooltipContent as F } from "../Tooltip/Tooltip.js";
+import { cn as T } from "../../utils/cn.js";
+import { InfoCircleBold as w } from "@solar-icons/react-perf";
+const y = N(
   ({
-    children: t,
-    label: i,
-    hint: o,
-    error: s,
-    required: r,
-    disableRequiredAsterisk: p,
-    htmlFor: c,
-    labelId: n,
+    children: l,
+    label: r,
+    hint: c,
+    error: a,
+    required: t,
+    disableRequiredAsterisk: m,
+    htmlFor: n,
+    labelId: p,
     hintId: x,
-    labelExtra: d,
-    className: a
-  }, l) => /* @__PURE__ */ f(
-    "div",
-    {
-      ref: l,
-      className: F("flex flex-col gap-comp-input-gap", a),
-      children: [
-        i && (d ? /* @__PURE__ */ f("div", { className: "flex items-center gap-2xs", children: [
-          /* @__PURE__ */ m(
-            e,
+    labelExtra: h,
+    infoTooltip: d,
+    labelRight: i,
+    className: v
+  }, u) => {
+    const f = h ?? (d ? /* @__PURE__ */ e(j, { children: [
+      /* @__PURE__ */ o(C, { asChild: !0, children: /* @__PURE__ */ o(w, { className: "cursor-help text-comp-info-ico-def hover:text-comp-info-ico-hover" }) }),
+      /* @__PURE__ */ o(F, { children: d })
+    ] }) : void 0);
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: u,
+        className: T("flex flex-col gap-comp-input-gap", v),
+        children: [
+          (r || i) && (f || i ? /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-2xs", children: [
+              r && /* @__PURE__ */ o(
+                s,
+                {
+                  htmlFor: n,
+                  id: p,
+                  required: t,
+                  disableRequiredAsterisk: m,
+                  children: r
+                }
+              ),
+              f
+            ] }),
+            i
+          ] }) : /* @__PURE__ */ o(
+            s,
             {
-              htmlFor: c,
-              id: n,
-              required: r,
-              disableRequiredAsterisk: p,
-              children: i
+              htmlFor: n,
+              id: p,
+              required: t,
+              disableRequiredAsterisk: m,
+              children: r
             }
-          ),
-          d
-        ] }) : /* @__PURE__ */ m(
-          e,
-          {
-            htmlFor: c,
-            id: n,
-            required: r,
-            disableRequiredAsterisk: p,
-            children: i
-          }
-        )),
-        t,
-        o && /* @__PURE__ */ m(h, { error: s, id: x, children: o })
-      ]
-    }
-  )
+          )),
+          l,
+          c && /* @__PURE__ */ o(g, { error: a, id: x, children: c })
+        ]
+      }
+    );
+  }
 );
-N.displayName = "FormField";
+y.displayName = "FormField";
 export {
-  N as FormField
+  y as FormField
 };

package/dist/components/Input/Input.d.ts

@@ -39,6 +39,10 @@ export interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'pref
     disableRequiredAsterisk?: boolean;
     /** Displays helper or error text below the input. */
     hint?: string;
+    /** Extra content rendered inline next to the label (e.g. a tooltip icon). */
+    labelExtra?: ReactNode;
+    /** Tooltip content shown in an info icon next to the label. Overridden by `labelExtra` if both are provided. */
+    infoTooltip?: string;
     /**
      * Input mask pattern using react-imask syntax. All alphabetic input is automatically converted to uppercase.
      *

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,oBAAoB;;;8EAyBzB,CAAA;AAgBD;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC1E,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,KAAK,sHA0IjB,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,oBAAoB;;;8EAyBzB,CAAA;AAgBD;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC1E,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,KAAK,sHA8IjB,CAAA"}