@xenosystem/components 0.4.0 → 0.6.0

package/dist/auth/index.d.ts

@@ -44,8 +44,10 @@ interface SignInFormProps {
     animate?: boolean;
     /** Diagnostic hook the panel sets to its phase; carried to the DOM as `data-phase`. */
     phase?: string;
+    /** One callback for every action (a declaration binds this once); an action's own `onClick` still wins. */
+    onAction?: (id: string) => void;
 }
-declare function SignInForm({ tag, title, body, actions, note, warning, identity, animate, phase }: SignInFormProps): react.JSX.Element;
+declare function SignInForm({ tag, title, body, actions, note, warning, identity, animate, phase, onAction }: SignInFormProps): react.JSX.Element;
 /** The licence plates are the same form with a tag; kept as a name so a panel reads honestly. */
 declare const LicencePlate: typeof SignInForm;
 
@@ -163,4 +165,21 @@ interface GalleryEntry {
 }
 declare function gallery(): GalleryEntry[];
 
-export { AuthDoor, type AuthDoorProps, AuthHero, type AuthHeroProps, type AuthHeroStat, CREDENTIAL_STATES, type CredentialErrors, CredentialForm, type CredentialFormProps, type CredentialMode, type CredentialValues, EmailDisclosure, type EmailDisclosureProps, type GalleryEntry, LicencePlate, OrDivider, STATES, type SignInAction, SignInForm, type SignInFormProps, type SocialProvider, SocialSignIn, type SocialSignInProps, XenoMark, ensureAuthStyles, gallery };
+/**
+ * `COMPONENTS` — the family's units by their `family/Unit` names, for a block declaration's registry
+ * (`@xenosystem/block-sdk`). A block names `auth/SignInForm`; the host resolves it here. One map per
+ * family, merged by the host; nothing is registered by hand elsewhere.
+ */
+
+declare const COMPONENTS: {
+    readonly 'auth/AuthDoor': typeof AuthDoor;
+    readonly 'auth/AuthHero': typeof AuthHero;
+    readonly 'auth/SignInForm': typeof SignInForm;
+    readonly 'auth/CredentialForm': typeof CredentialForm;
+    readonly 'auth/SocialSignIn': typeof SocialSignIn;
+    readonly 'auth/EmailDisclosure': typeof EmailDisclosure;
+    readonly 'auth/OrDivider': typeof OrDivider;
+    readonly 'auth/XenoMark': typeof XenoMark;
+};
+
+export { AuthDoor, type AuthDoorProps, AuthHero, type AuthHeroProps, type AuthHeroStat, COMPONENTS, CREDENTIAL_STATES, type CredentialErrors, CredentialForm, type CredentialFormProps, type CredentialMode, type CredentialValues, EmailDisclosure, type EmailDisclosureProps, type GalleryEntry, LicencePlate, OrDivider, STATES, type SignInAction, SignInForm, type SignInFormProps, type SocialProvider, SocialSignIn, type SocialSignInProps, XenoMark, ensureAuthStyles, gallery };

package/dist/auth/index.js

@@ -19,7 +19,7 @@ var CSS = `
 .xc-auth[data-aspect=square] .xc-brand svg,.xc-auth__head .xc-brand svg{width:20px;height:20px}
 .xc-brand__word{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
 .xc-auth[data-aspect=square] .xc-brand__word,.xc-auth__head .xc-brand__word{font-size:11px}
-.xc-hero__h1{font-size:3.5rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;max-width:32rem}
+.xc-hero__h1{font-size:3.5rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;max-width:32rem;white-space:pre-line}
 .xc-auth[data-aspect=square] .xc-hero__h1{font-size:2rem}
 .xc-hero__lead{margin-top:16px;max-width:24rem;font-size:16px;line-height:1.6}
 .xc-hero__stats{display:flex;align-items:center;gap:32px}
@@ -134,7 +134,7 @@ function AuthHero({ headline, lead, stats, imageSrc, compact }) {
 import { useEffect, useState } from "react";
 import { Button } from "@xenosystem/elements-react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function SignInForm({ tag, title, body, actions, note, warning, identity, animate = true, phase }) {
+function SignInForm({ tag, title, body, actions, note, warning, identity, animate = true, phase, onAction }) {
   useAuthStyles();
   const [visible, setVisible] = useState(!animate);
   useEffect(() => {
@@ -146,7 +146,7 @@ function SignInForm({ tag, title, body, actions, note, warning, identity, animat
     tag && /* @__PURE__ */ jsx3("span", { className: "xc-form__tag", children: tag }),
     /* @__PURE__ */ jsx3("h2", { className: "xc-form__h2", children: title }),
     /* @__PURE__ */ jsx3("p", { className: "xc-form__sub", children: body }),
-    actions.length > 0 && /* @__PURE__ */ jsx3("div", { className: "xc-form__actions", children: actions.map((a) => /* @__PURE__ */ jsx3(Button, { variant: a.variant ?? "secondary", size: "lg", disabled: a.disabled, onClick: a.onClick, "data-intent": a.id, children: a.label }, a.id)) }),
+    actions.length > 0 && /* @__PURE__ */ jsx3("div", { className: "xc-form__actions", children: actions.map((a) => /* @__PURE__ */ jsx3(Button, { variant: a.variant ?? "secondary", size: "lg", disabled: a.disabled, onClick: a.onClick ?? (onAction ? () => onAction(a.id) : void 0), "data-intent": a.id, children: a.label }, a.id)) }),
     note && /* @__PURE__ */ jsx3("p", { className: "xc-form__note", children: note }),
     warning && /* @__PURE__ */ jsx3("p", { className: "xc-form__warn", children: warning }),
     identity && /* @__PURE__ */ jsxs3("p", { className: "xc-form__who", children: [
@@ -357,9 +357,22 @@ function gallery() {
   out.push({ family: "auth", unit: "OrDivider", state: "default", stage: "form", render: () => /* @__PURE__ */ jsx9(OrDivider, {}) });
   return out;
 }
+
+// src/auth/components.ts
+var COMPONENTS = {
+  "auth/AuthDoor": AuthDoor,
+  "auth/AuthHero": AuthHero,
+  "auth/SignInForm": SignInForm,
+  "auth/CredentialForm": CredentialForm,
+  "auth/SocialSignIn": SocialSignIn,
+  "auth/EmailDisclosure": EmailDisclosure,
+  "auth/OrDivider": OrDivider,
+  "auth/XenoMark": XenoMark
+};
 export {
   AuthDoor,
   AuthHero,
+  COMPONENTS,
   CREDENTIAL_STATES,
   CredentialForm,
   EmailDisclosure,

package/dist/index.d.ts

@@ -3,6 +3,6 @@
  * Families are subpaths: `@xenosystem/components/auth`, `/navigation`, `/feedback`, `/data`.
  * This root re-exports nothing on purpose: import the family you use, so a bundle carries only it.
  */
-declare const COMPONENTS_VERSION = "0.4.0";
+declare const COMPONENTS_VERSION = "0.6.0";
 
 export { COMPONENTS_VERSION };

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/index.ts
-var COMPONENTS_VERSION = "0.4.0";
+var COMPONENTS_VERSION = "0.6.0";
 export {
   COMPONENTS_VERSION
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/components",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "XENO Components — rung 2 of the front ladder: molecules composed from @xenosystem/elements, with no host contract. Families as subpaths: /auth, /navigation, /feedback, /data.",
   "license": "UNLICENSED",
   "type": "module",