@vkzstudio/muza-ui 1.9.0 → 1.9.1

package/dist/components/FormField/FormField.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,GAAI,0EAOxB,eAAe,4CAcjB,CAAA"}
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,GAAI,0EAOxB,eAAe,4CAoCjB,CAAA"}

package/dist/components/FormField/InputLabel.js

@@ -1,27 +1,37 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { Typography as a } from "../Typography/Typography.js";
-const c = ({
-  children: e,
-  htmlFor: r,
-  id: t,
-  required: o,
-  disableRequiredAsterisk: p,
-  className: s
-}) => /* @__PURE__ */ m(
-  a,
-  {
-    component: "label",
-    weight: "regular",
-    size: "sm",
-    htmlFor: r,
-    id: t,
-    className: s,
-    children: [
-      e,
-      o && !p && /* @__PURE__ */ n("span", { className: "text-comp-input-text-error", children: " *" })
-    ]
-  }
-);
+import { jsx as e, jsxs as r, Fragment as l } from "react/jsx-runtime";
+import { cn as p } from "../../utils/cn.js";
+import { Typography as h } from "../Typography/Typography.js";
+const f = ({
+  children: s,
+  htmlFor: a,
+  id: o,
+  required: i,
+  disableRequiredAsterisk: c,
+  className: m
+}) => {
+  const n = i && !c, t = n && typeof s == "string" ? s.match(/^([\s\S]*\s)?(\S+)\s*$/) : null;
+  return /* @__PURE__ */ e(
+    h,
+    {
+      component: "label",
+      weight: "regular",
+      size: "sm",
+      htmlFor: a,
+      id: o,
+      className: p("block min-w-0 overflow-hidden text-ellipsis", m),
+      children: t ? /* @__PURE__ */ r(l, { children: [
+        t[1],
+        /* @__PURE__ */ r("span", { className: "inline-flex max-w-full", children: [
+          /* @__PURE__ */ e("span", { className: "truncate", children: t[2] }),
+          /* @__PURE__ */ e("span", { className: "shrink-0 text-comp-input-text-error", children: " *" })
+        ] })
+      ] }) : /* @__PURE__ */ r(l, { children: [
+        s,
+        n && /* @__PURE__ */ e("span", { className: "text-comp-input-text-error", children: " *" })
+      ] })
+    }
+  );
+};
 export {
-  c as InputLabel
+  f as InputLabel
 };

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

@@ -7,6 +7,7 @@ export declare const Default: Story;
 export declare const InputWithPrefixAndSuffix: Story;
 export declare const InputWithLabelAndHint: Story;
 export declare const InputWithError: Story;
+export declare const LongLabel: Story;
 export declare const DisabledInput: Story;
 export declare const InputWithMask: Story;
 export declare const InputWithSerialNumberMask: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}