@hirobius/design-system 0.18.0 → 0.19.1

package/dist/chunks/{form-DnGRy27o.js → form-COP3vK9_.js}

@@ -2,7 +2,7 @@
 import { jsx as m, jsxs as u } from "react/jsx-runtime";
 import * as s from "react";
 import { cn as p } from "../cn.js";
-const g = s.forwardRef(function({ className: e, ...l }, o) {
+const g = /* @__PURE__ */ s.forwardRef(function({ className: e, ...l }, o) {
   return /* @__PURE__ */ m("form", { ref: o, className: p("flex flex-col gap-4", e), ...l });
 });
 function F({
@@ -14,7 +14,7 @@ function F({
   const i = s.useId(), r = c ?? e ?? i, n = `${r}-description`, d = `${r}-error`, a = [l ? n : null, o ? d : null].filter(Boolean).join(" ") || void 0;
   return { controlId: r, descriptionId: n, errorId: d, describedBy: a };
 }
-const b = s.forwardRef(
+const b = /* @__PURE__ */ s.forwardRef(
   function({ controlId: e, label: l, description: o, error: i, required: r = !1, className: n, children: d }, a) {
     const t = `${e}-description`, f = `${e}-error`;
     return /* @__PURE__ */ u("div", { ref: a, className: p("flex flex-col gap-2", n), children: [
@@ -30,35 +30,37 @@ const b = s.forwardRef(
       i ? /* @__PURE__ */ m("p", { id: f, role: "alert", className: "text-xs text-destructive", children: i }) : null
     ] });
   }
-), N = s.forwardRef(function({ label: e, children: l, htmlFor: o, description: i, error: r, required: n = !1, className: d }, a) {
-  const t = s.Children.only(l), { controlId: f, describedBy: x } = F({
-    htmlFor: o,
-    childId: t.props.id,
-    description: i,
-    error: r
-  }), h = s.cloneElement(t, {
-    id: f,
-    required: t.props.required ?? n,
-    "aria-invalid": r ? !0 : t.props["aria-invalid"],
-    "aria-describedby": [t.props["aria-describedby"], x].filter(Boolean).join(" ") || void 0
-  });
-  return /* @__PURE__ */ m(
-    b,
-    {
-      ref: a,
-      controlId: f,
-      label: e,
+), N = /* @__PURE__ */ s.forwardRef(
+  function({ label: e, children: l, htmlFor: o, description: i, error: r, required: n = !1, className: d }, a) {
+    const t = s.Children.only(l), { controlId: f, describedBy: x } = F({
+      htmlFor: o,
+      childId: t.props.id,
       description: i,
-      error: r,
-      required: n,
-      className: d,
-      children: h
-    }
-  );
-});
+      error: r
+    }), h = s.cloneElement(t, {
+      id: f,
+      required: t.props.required ?? n,
+      "aria-invalid": r ? !0 : t.props["aria-invalid"],
+      "aria-describedby": [t.props["aria-describedby"], x].filter(Boolean).join(" ") || void 0
+    });
+    return /* @__PURE__ */ m(
+      b,
+      {
+        ref: a,
+        controlId: f,
+        label: e,
+        description: i,
+        error: r,
+        required: n,
+        className: d,
+        children: h
+      }
+    );
+  }
+);
 export {
   g as F,
-  N as a,
-  b,
+  b as a,
+  N as b,
   F as u
 };

package/dist/contexts.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as l, Fragment as x } from "react/jsx-runtime";
 import { useState as i, useCallback as a, useEffect as s, useContext as E, createContext as S } from "react";
-import { F as j, H as q, L as N, u as V, a as J, b as Q } from "./chunks/LanguageContext-CH_bwzCq.js";
-import { T as W, u as X } from "./chunks/TokenDisplayContext-evZi_214.js";
-const I = ["system", "light", "dark"], d = "hds-theme-mode", P = "hds-theme", T = S({
+import { F as j, H as q, L as N, u as V, a as J, b as Q } from "./chunks/LanguageContext-BxdCwiFg.js";
+import { T as W, u as X } from "./chunks/TokenDisplayContext-DKYJMVWk.js";
+const I = ["system", "light", "dark"], d = "hds-theme-mode", P = "hds-theme", T = /* @__PURE__ */ S({
   isDark: !0,
   toggleDark: () => {
   },
@@ -93,7 +93,7 @@ function F({ children: t }) {
 function O() {
   return E(T);
 }
-const k = S({ tenantSlug: null }), p = ["data-brand", "data-tenant"];
+const k = /* @__PURE__ */ S({ tenantSlug: null }), p = ["data-brand", "data-tenant"];
 function m(t) {
   for (const n of p) document.documentElement.setAttribute(n, t);
 }

package/dist/form.js

@@ -2,7 +2,7 @@
 import { useForm as f, FormProvider as h, useController as v } from "react-hook-form";
 import { zodResolver as b } from "@hookform/resolvers/zod";
 import { jsx as t } from "react/jsx-runtime";
-import { F as p, u as g, b as S } from "./chunks/form-DnGRy27o.js";
+import { F as p, u as g, a as S } from "./chunks/form-COP3vK9_.js";
 function y(r, e) {
   return f({
     mode: "onTouched",
@@ -28,10 +28,10 @@ function j({
   children: i,
   description: n,
   required: l,
-  className: a
+  className: m
 }) {
-  var m;
-  const { field: o, fieldState: u } = v({ name: r }), d = (m = u.error) == null ? void 0 : m.message, { controlId: s, describedBy: c } = g({ description: n, error: d }), F = {
+  var a;
+  const { field: o, fieldState: u } = v({ name: r }), d = (a = u.error) == null ? void 0 : a.message, { controlId: s, describedBy: c } = g({ description: n, error: d }), F = {
     name: o.name,
     // Coalesce nullish to '' so a controlled input never flips to uncontrolled.
     value: o.value ?? "",
@@ -51,7 +51,7 @@ function j({
       description: n,
       error: d,
       required: l,
-      className: a,
+      className: m,
       children: i(F)
     }
   );