@vkzstudio/muza-ui 1.0.32 → 1.0.34

package/dist/components/FileUpload/FileUpload.js

@@ -1,15 +1,15 @@
-import { jsxs as n, jsx as a, Fragment as pe } from "react/jsx-runtime";
+import { jsxs as n, jsx as a, Fragment as ue } 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 { cva as Z } from "class-variance-authority";
+import { useDropzone as fe } from "react-dropzone";
+import { FileItem as W } from "./FileItem.js";
+import { useMuzaTranslations as ne } from "../../translations/TranslationContext.js";
+import { FormField as me } from "../FormField/FormField.js";
+import { Flex as X } from "../Flex/Flex.js";
+import { cn as Y } from "../../utils/cn.js";
+import { CloudUploadOutline as ge } from "@solar-icons/react-perf";
 import { Typography as M } from "../Typography/Typography.js";
-const ge = Y(
+const xe = Z(
   [
     "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 ge = Y(
       }
     }
   }
-), xe = Y(
+), he = Z(
   [
     "text-center transition-colors",
     "text-comp-file-upload-text-dark-secondary"
@@ -57,46 +57,47 @@ const ge = Y(
       }
     }
   }
-), he = v.forwardRef(
+), be = v.forwardRef(
   ({
-    className: U,
+    className: A,
     onDrop: z,
     accept: m,
-    multiple: A = !0,
+    multiple: P = !0,
     maxSize: y,
-    maxSizeErrorMessage: Z,
+    maxSizeErrorMessage: q,
     maxFiles: i,
-    maxFilesErrorMessage: q,
-    size: P = "base",
+    maxFilesErrorMessage: O,
+    size: V = "base",
     disabled: p = !1,
     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,
+    dropzoneOptions: H,
+    label: K,
+    title: D,
+    subtitle: _,
+    preselectedFiles: C = [],
+    fileStatus: E = [],
+    itemErrors: F,
+    itemHints: k,
+    itemSecondaryTexts: w,
+    error: ee,
+    required: S,
+    disableRequiredAsterisk: te,
     onError: t,
-    onDelete: w,
+    onDelete: $,
     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(
+    onDeleteUrl: N,
+    labelExtra: oe,
+    infoTooltip: le,
+    ...se
+  }, re) => {
+    const f = ne(), [h, j] = v.useState(C), [B, I] = v.useState(!1), [G, b] = v.useState(!1), R = h.length + x.length, ae = D ?? f.fileUpload.title, T = i != null ? f.fileUpload.maxFilesError.replace("{count}", String(i)) : "", U = O ?? T, J = y ? f.fileUpload.maxSizeError.replace(
       "{size}",
       (y / (1024 * 1024)).toFixed(0)
-    ) : "", J = Z ?? G, { getRootProps: ae, getInputProps: ie, isDragActive: de } = ue({
+    ) : "", L = q ?? J, { getRootProps: ie, getInputProps: de, isDragActive: ce } = fe({
       onDrop: (e, s) => {
         try {
-          if (N(!1), b(!1), s.length > 0) {
+          if (I(!1), b(!1), s.length > 0) {
             const o = s.some(
               (l) => l.errors.some((r) => r.code === "file-too-large")
             );
@@ -104,24 +105,24 @@ const ge = Y(
               (l) => l.errors.some((r) => r.code === "too-many-files")
             )) {
               b(!0);
-              const l = R || I;
+              const l = U || T;
               t == null || t(l, s[0].file);
               return;
             }
             if (o) {
-              N(!0);
-              const l = J || G;
+              I(!0);
+              const l = L || J;
               t == null || t(l, s[0].file);
               return;
             }
           }
-          if (i != null && T + e.length > i) {
+          if (i != null && R + e.length > i) {
             b(!0);
-            const o = R || I;
+            const o = U || T;
             t == null || t(o);
             return;
           }
-          _((o) => {
+          j((o) => {
             const c = new Set(
               o.map((d) => `${d.name}-${d.size}-${d.lastModified}`)
             ), l = e.filter(
@@ -135,68 +136,68 @@ const ge = Y(
         }
       },
       accept: typeof m == "string" ? { [m]: [] } : m ? Object.fromEntries(m.map((e) => [e, []])) : void 0,
-      multiple: A,
+      multiple: P,
       maxSize: y,
-      maxFiles: i != null ? i - T : void 0,
+      maxFiles: i != null ? i - R : void 0,
       disabled: p,
-      ...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,
+      ...H
+    }), Q = g || !P && (h.length > 0 || x.length > 0) || i != null && R >= i;
+    return /* @__PURE__ */ n(X, { direction: "column", gap: "lg", children: [
+      (!Q || K) && /* @__PURE__ */ a(
+        me,
         {
-          label: V,
-          required: k,
-          disableRequiredAsterisk: ee,
-          labelExtra: te,
-          infoTooltip: oe,
-          children: !L && /* @__PURE__ */ n(pe, { children: [
+          label: K,
+          required: S,
+          disableRequiredAsterisk: te,
+          labelExtra: oe,
+          infoTooltip: le,
+          children: !Q && /* @__PURE__ */ n(ue, { children: [
             /* @__PURE__ */ n(
               "div",
               {
-                ref: se,
+                ref: re,
                 tabIndex: p ? void 0 : 0,
-                className: X(
-                  ge({
-                    error: E || j || B,
+                className: Y(
+                  xe({
+                    error: ee || B || G,
                     disabled: p,
-                    className: U,
-                    isDragActive: de
+                    className: A,
+                    isDragActive: ce
                   })
                 ),
-                ...ae(),
-                ...le,
+                ...ie(),
+                ...se,
                 children: [
                   /* @__PURE__ */ a(
                     "input",
                     {
-                      ...ie({ required: k }),
-                      "aria-required": k
+                      ...de({ required: S }),
+                      "aria-required": S
                     }
                   ),
-                  /* @__PURE__ */ a(me, { className: "inline size-comp-file-upload-ico-size" }),
+                  /* @__PURE__ */ a(ge, { 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(
+                    /* @__PURE__ */ a(M, { size: "base", component: "p", weight: "medium", children: ae }),
+                    _ && /* @__PURE__ */ a(
                       M,
                       {
                         size: "sm",
                         component: "p",
                         weight: "regular",
-                        className: X(
-                          xe({
+                        className: Y(
+                          he({
                             disabled: p,
-                            className: U
+                            className: A
                           })
                         ),
-                        children: K
+                        children: _
                       }
                     )
                   ] })
                 ]
               }
             ),
-            j && /* @__PURE__ */ a(
+            B && /* @__PURE__ */ a(
               M,
               {
                 size: "sm",
@@ -204,10 +205,10 @@ const ge = Y(
                 component: "p",
                 weight: "regular",
                 className: "text-comp-file-upload-text-error-def",
-                children: J
+                children: L
               }
             ),
-            B && /* @__PURE__ */ a(
+            G && /* @__PURE__ */ a(
               M,
               {
                 size: "sm",
@@ -215,15 +216,15 @@ const ge = Y(
                 component: "p",
                 weight: "regular",
                 className: "text-comp-file-upload-text-error-def",
-                children: R
+                children: U
               }
             )
           ] })
         }
       ),
-      (x.length > 0 || h.length > 0) && /* @__PURE__ */ n(W, { component: "ul", direction: "column", gap: "md", children: [
+      (x.length > 0 || h.length > 0) && /* @__PURE__ */ n(X, { component: "ul", direction: "column", gap: "md", children: [
         x.map((e, s) => /* @__PURE__ */ a(
-          Q,
+          W,
           {
             source: "url",
             url: e.url,
@@ -232,15 +233,16 @@ const ge = Y(
             uploaded: !0,
             disabled: p,
             readOnly: g,
-            size: P,
-            onDelete: () => $ == null ? void 0 : $(e, s)
+            size: V,
+            secondaryText: e.secondaryText,
+            onDelete: () => N == null ? void 0 : N(e, s)
           },
           `url-${e.url}`
         )),
         h.map((e, s) => {
-          const o = C[s], c = o == null ? void 0 : o.uploaded;
+          const o = E[s], c = o == null ? void 0 : o.uploaded;
           return g && !c ? null : /* @__PURE__ */ a(
-            Q,
+            W,
             {
               source: "file",
               file: e,
@@ -248,16 +250,17 @@ const ge = Y(
               progress: o == null ? void 0 : o.progress,
               disabled: p,
               readOnly: g,
-              error: S == null ? void 0 : S.get(e),
-              note: F == null ? void 0 : F.get(e),
+              error: F == null ? void 0 : F.get(e),
+              note: k == null ? void 0 : k.get(e),
+              secondaryText: w == null ? void 0 : w.get(e),
               onError: t,
-              size: P,
+              size: V,
               onDelete: () => {
                 try {
-                  b(!1), N(!1), _((l) => {
-                    const r = l.filter((d, ce) => ce !== s);
+                  b(!1), I(!1), j((l) => {
+                    const r = l.filter((d, pe) => pe !== s);
                     return u == null || u(r), r;
-                  }), w == null || w(e, s);
+                  }), $ == null || $(e, s);
                 } catch (l) {
                   const r = l instanceof Error ? l.message : f.fileUpload.deleteError;
                   t == null || t(r, e);
@@ -271,7 +274,7 @@ const ge = Y(
     ] });
   }
 );
-he.displayName = "FileUpload";
+be.displayName = "FileUpload";
 export {
-  he as FileUpload
+  be as FileUpload
 };

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

@@ -21,5 +21,6 @@ export declare const WithMaxFiles: Story;
 export declare const WithMaxFilesAndPreselected: Story;
 export declare const PreselectedUrls: Story;
 export declare const MixedFilesAndUrls: Story;
+export declare const WithSecondaryText: Story;
 export declare const SingleFileWithUrl: Story;
 //# sourceMappingURL=FileUpload.stories.d.ts.map

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,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"}
+{"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,KAkC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}

package/dist/components/Flex/Flex.d.ts

@@ -81,6 +81,6 @@ export interface FlexProps extends Omit<VariantProps<typeof flexVariants>, 'gap'
      */
     margin?: SpacingProps['margin'];
 }
-declare const Flex: ({ children, className, style, direction, wrap, justify, align, flex, gap, padding, margin, component, ...props }: FlexProps) => import("react/jsx-runtime").JSX.Element;
+declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLElement>>;
 export { Flex, flexVariants };
 //# sourceMappingURL=Flex.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EACL,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAA;AAExB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;8EA+CjB,CAAA;AAED,KAAK,cAAc,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GACrD,MAAM,qBAAqB,CAAA;AAE7B;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,IAAI,CACR,YAAY,CAAC,OAAO,YAAY,CAAC,EAC/B,KAAK,GACL,MAAM,GACN,MAAM,GACN,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,MAAM,CACT,EACD,YAAY;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,iEAAiE;IACjE,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,kEAAkE;IAClE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAC/D,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;IACzC,yDAAyD;IACzD,OAAO,CAAC,EACJ,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,CAAA;IACb,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IAC3D,0CAA0C;IAC1C,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IACtC;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IACzB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAChC;AAED,QAAA,MAAM,IAAI,GAAI,kHAcX,SAAS,4CAwBX,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EACL,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAA;AAExB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;8EA+CjB,CAAA;AAED,KAAK,cAAc,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,GACrD,MAAM,qBAAqB,CAAA;AAE7B;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,IAAI,CACR,YAAY,CAAC,OAAO,YAAY,CAAC,EAC/B,KAAK,GACL,MAAM,GACN,MAAM,GACN,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,MAAM,CACT,EACD,YAAY;IACd,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,iEAAiE;IACjE,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,kEAAkE;IAClE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAC/D,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;IACzC,yDAAyD;IACzD,OAAO,CAAC,EACJ,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,CAAA;IACb,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IAC3D,0CAA0C;IAC1C,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IACtC;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IACzB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAChC;AAED,QAAA,MAAM,IAAI,+EA4CT,CAAA;AAID,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/Flex/Flex.js

@@ -1,9 +1,8 @@
-import { jsx as w } from "react/jsx-runtime";
-import "react";
+import * as e from "react";
 import { cva as v } from "class-variance-authority";
-import { getSpacingVariants as d, spacingVariantDefinitions as y } from "../../utils/spacing.js";
-import { cn as j } from "../../utils/cn.js";
-const g = v(
+import { getSpacingVariants as y, spacingVariantDefinitions as j } from "../../utils/spacing.js";
+import { cn as g } from "../../utils/cn.js";
+const h = v(
   // Base classes
   "flex",
   {
@@ -41,7 +40,7 @@ const g = v(
         initial: "flex-initial",
         none: "flex-none"
       },
-      ...y
+      ...j
     },
     defaultVariants: {
       direction: "row",
@@ -50,43 +49,47 @@ const g = v(
       align: "stretch"
     }
   }
-), F = ({
-  children: e,
-  className: t,
-  style: r,
-  direction: n,
-  wrap: i,
-  justify: s,
-  align: a,
-  flex: o,
-  gap: f,
-  padding: l,
-  margin: c,
-  component: p = "div",
-  ...m
-}) => {
-  const u = p ?? "div", x = d({ gap: f, padding: l, margin: c });
-  return /* @__PURE__ */ w(
-    u,
-    {
-      className: j(
-        g({
-          direction: n,
-          wrap: i,
-          justify: s,
-          align: a,
-          flex: o,
-          ...x
-        }),
-        t
-      ),
-      style: r,
-      ...m,
-      children: e
-    }
-  );
-};
+), V = e.forwardRef(
+  ({
+    children: t,
+    className: r,
+    style: a,
+    direction: n,
+    wrap: s,
+    justify: i,
+    align: o,
+    flex: l,
+    gap: f,
+    padding: c,
+    margin: m,
+    component: p = "div",
+    ...u
+  }, w) => {
+    const x = p ?? "div", d = y({ gap: f, padding: c, margin: m });
+    return e.createElement(
+      x,
+      {
+        ref: w,
+        className: g(
+          h({
+            direction: n,
+            wrap: s,
+            justify: i,
+            align: o,
+            flex: l,
+            ...d
+          }),
+          r
+        ),
+        style: a,
+        ...u
+      },
+      t
+    );
+  }
+);
+V.displayName = "Flex";
 export {
-  F as Flex,
-  g as flexVariants
+  V as Flex,
+  h as flexVariants
 };

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

@@ -1,7 +1,7 @@
 import { ComponentProps, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 declare const inputWrapperVariants: (props?: ({
-    size?: "sm" | "lg" | "base" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "base" | null | undefined;
     error?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
@@ -22,7 +22,7 @@ export interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'pref
      * Controls the visual size variant affecting height and typography.
      * @default "base"
      */
-    size?: 'sm' | 'base' | 'lg';
+    size?: 'xs' | 'sm' | 'base' | 'lg';
     /**
      * Enables error state with red border and red hint text.
      * @default false

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,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"}
+{"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;;;8EA0BzB,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,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;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"}