@vkzstudio/muza-ui 1.0.17 → 1.0.18

package/dist/components/Textarea/Textarea.js

@@ -1,11 +1,12 @@
-import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import { forwardRef as w, useId as I, useRef as k } from "react";
-import { cva as N } from "class-variance-authority";
-import { Typography as d, typographyVariants as R } from "../Typography/Typography.js";
-import { cn as c } from "../../utils/cn.js";
-const T = N(
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as z, useId as w, useRef as I } from "react";
+import { cva as k } from "class-variance-authority";
+import { FormField as R } from "../FormField/FormField.js";
+import { cn as F } from "../../utils/cn.js";
+import { typographyVariants as V } from "../Typography/Typography.js";
+const $ = k(
   [
-    R({
+    V({
       variant: "body",
       weight: "medium",
       size: "base"
@@ -37,66 +38,56 @@ const T = N(
       resize: "none"
     }
   }
-), V = w(
+), N = z(
   ({
-    className: m,
-    label: a,
-    hint: i,
+    className: d,
+    label: p,
+    hint: c,
     id: u,
     error: o,
-    resize: x,
-    autoResize: n,
-    errorMessage: s,
-    ...f
-  }, l) => {
-    const h = I(), e = u ?? h, b = `${e}-hint`, g = `${e}-label`, y = k(null), p = (typeof l == "function" ? null : l) ?? y, z = () => {
-      const t = p.current;
+    resize: m,
+    autoResize: a,
+    errorMessage: i,
+    required: r,
+    disableRequiredAsterisk: f,
+    ...h
+  }, n) => {
+    const x = w(), e = u ?? x, b = `${e}-hint`, y = `${e}-label`, g = I(null), l = (typeof n == "function" ? null : n) ?? g, v = () => {
+      const t = l.current;
       t && (t.style.height = "auto", t.style.height = `${t.scrollHeight + 2}px`);
     };
-    return /* @__PURE__ */ v("div", { className: "flex flex-col gap-comp-input-gap", children: [
-      a && /* @__PURE__ */ r(
-        d,
-        {
-          component: "label",
-          weight: "regular",
-          size: "sm",
-          htmlFor: e,
-          id: g,
-          className: "text-comp-input-text-primary",
-          children: a
-        }
-      ),
-      /* @__PURE__ */ r(
-        "textarea",
-        {
-          "data-slot": "textarea",
-          ref: p,
-          id: e,
-          className: c(
-            T({ error: o, resize: x, autoResize: n }),
-            m
-          ),
-          ...f,
-          onInput: n ? z : void 0
-        }
-      ),
-      i && /* @__PURE__ */ r(
-        d,
-        {
-          component: "span",
-          size: "sm",
-          weight: "regular",
-          className: c("text-comp-input-text-secondary", {
-            "text-comp-input-text-error": o
-          }),
-          id: b,
-          children: o && s ? s : i
-        }
-      )
-    ] });
+    return /* @__PURE__ */ s(
+      R,
+      {
+        label: p,
+        hint: o && i ? i : c,
+        error: o,
+        required: r,
+        disableRequiredAsterisk: f,
+        htmlFor: e,
+        labelId: y,
+        hintId: b,
+        children: /* @__PURE__ */ s(
+          "textarea",
+          {
+            "data-slot": "textarea",
+            ref: l,
+            id: e,
+            required: r,
+            "aria-required": r,
+            className: F(
+              $({ error: o, resize: m, autoResize: a }),
+              d
+            ),
+            ...h,
+            onInput: a ? v : void 0
+          }
+        )
+      }
+    );
   }
 );
-V.displayName = "Textarea";
+N.displayName = "Textarea";
 export {
-  V as Textarea
+  N as Textarea
 };

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

@@ -8,6 +8,7 @@ export declare const WithTitleAndHint: Story;
 export declare const Filled: Story;
 export declare const Error: Story;
 export declare const Disabled: Story;
+export declare const Required: Story;
 export declare const AutoResize: Story;
 export declare const ResizableHandles: Story;
 //# sourceMappingURL=Textarea.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA8F/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA"}
+{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA8F/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA"}

package/dist/components/TimePicker/TimePicker.d.ts

@@ -20,6 +20,8 @@ export interface TimePickerProps extends Omit<InputProps, 'type' | 'suffix'> {
     readOnly?: boolean;
     /** Marks the field as required in form validation. */
     required?: boolean;
+    /** Hides the required asterisk even when `required` is true. @default false */
+    disableRequiredAsterisk?: boolean;
 }
 declare const TimePicker: ({ placeholder, ...props }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
 export { TimePicker };

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

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1E,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,GAAI,2BAA2B,eAAe,4CAc7D,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAEjD;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1E,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,QAAA,MAAM,UAAU,GAAI,2BAA2B,eAAe,4CAc7D,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}