@hirobius/design-system 0.20.0 → 0.21.0

package/dist/chunks/form-By82qZcC.js

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

package/dist/fonts.css

@@ -0,0 +1,53 @@
+/* @hirobius/design-system/fonts.css — OPTIONAL brand fonts: Satoshi 400/500/700
+ * and Geist Mono 400. tokens.css and styles.css do not include them. Import this
+ * once at the app root for the HDS faces, or skip it and load your own; the
+ * font-family variables in tokens.css fall back to the family stack either way.
+ * The woff2 URLs are relative to this file so your bundler resolves and hashes them. */
+/* Hirobius Design System — font-face declarations.
+ *
+ * Faces (type ramp, Adrian 2026-10-07, hds#483):
+ *   - Satoshi 400 — body
+ *   - Satoshi 500 — ui, caption
+ *   - Satoshi 700 — display, title
+ *   - Geist Mono 400 — mono
+ *
+ * Audit gate: scripts/audit-typography-overrides.mjs fails on inline
+ * fontWeight / textTransform outside the sketches lab and a small allowlist.
+ */
+
+/* Satoshi — Indian Type Foundry, ITF Free Font License via Fontshare. */
+/* Satoshi Regular — body (400), hds#483 type ramp. */
+@font-face {
+  font-family: 'Satoshi';
+  src: url('./fonts/satoshi-400.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* Satoshi Medium — ui and caption (500). */
+@font-face {
+  font-family: 'Satoshi';
+  src: url('./fonts/satoshi-500.woff2') format('woff2');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* Satoshi Bold — display/heading weight (700), replaces Clash Display (#48). */
+@font-face {
+  font-family: 'Satoshi';
+  src: url('./fonts/satoshi-700.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* Geist Mono — Vercel, OFL-1.1. */
+@font-face {
+  font-family: 'Geist Mono'; /* impeccable-disable-line overused-font -- deliberate brand choice (Adrian directive 2026-05-04, see file header) */
+  src: url('./fonts/geist-mono-400.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}

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, a as S } from "./chunks/form-COP3vK9_.js";
+import { F as p, u as g, a as S } from "./chunks/form-By82qZcC.js";
 function y(r, e) {
   return f({
     mode: "onTouched",