@xenosystem/components 0.3.1 → 0.5.0

package/dist/auth/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, ReactElement } from 'react';
 import { ButtonVariant } from '@xenosystem/elements-react';
 
 declare function ensureAuthStyles(): void;
@@ -143,4 +143,41 @@ declare const CREDENTIAL_STATES: {
     props: CredentialStateProps;
 }[];
 
-export { AuthDoor, type AuthDoorProps, AuthHero, type AuthHeroProps, type AuthHeroStat, CREDENTIAL_STATES, type CredentialErrors, CredentialForm, type CredentialFormProps, type CredentialMode, type CredentialValues, EmailDisclosure, type EmailDisclosureProps, LicencePlate, OrDivider, STATES, type SignInAction, SignInForm, type SignInFormProps, type SocialProvider, SocialSignIn, type SocialSignInProps, XenoMark, ensureAuthStyles };
+/**
+ * `gallery()` — every unit of the family in every state, as renderable entries. This is what the
+ * workshop (rungs 1–2, from source) and xeno-apps' Library mode (from the published package) both
+ * consume, so neither hand-lists a state: `XENO FRONT-END HIERARCHY.md` — "states are derived, never
+ * hand-listed, IN the rung packages, so the workshop and the Library render the same list."
+ *
+ * `render` is pure: fixture props in, element out, callbacks inert. A gallery entry never reaches a
+ * network or a host.
+ */
+
+interface GalleryEntry {
+    family: 'auth';
+    unit: string;
+    state: string;
+    /** How the entry wants to be staged: `form` (a 400 px column) or `door` (fills a box, `inset: 0`). */
+    stage: 'form' | 'door';
+    render: () => ReactElement;
+}
+declare function gallery(): GalleryEntry[];
+
+/**
+ * `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

@@ -317,9 +317,62 @@ var CREDENTIAL_STATES = [
   { id: "collapsed", props: { mode: "signin", values: empty, open: false, title: "Welcome back", body: "Enter your credentials to access your account" } },
   { id: "rejected", props: { mode: "signin", values: { name: "", email: "you@example.com", password: "hunter22" }, errors: { form: "Invalid email or password." }, title: "Welcome back", body: "Enter your credentials to access your account" } }
 ];
+
+// src/auth/gallery.tsx
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var noop = () => {
+};
+function gallery() {
+  const out = [];
+  const hero = {
+    headline: /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      "One account.",
+      /* @__PURE__ */ jsx9("br", {}),
+      "Every XENO product."
+    ] }),
+    lead: "Sign in once and XENO Canvas \u2014 and every other XENO app \u2014 runs under your plan, your credits and your files.",
+    stats: [{ value: "1", label: "Account" }, { value: "Yours", label: "Files stay put" }, { value: "Browser", label: "Sign-in, never in-app" }]
+  };
+  for (const s of STATES) {
+    out.push({ family: "auth", unit: "SignInForm", state: s.id, stage: "form", render: () => /* @__PURE__ */ jsx9(SignInForm, { ...s.props, phase: s.id }) });
+    out.push({ family: "auth", unit: "AuthDoor", state: s.id, stage: "door", render: () => /* @__PURE__ */ jsx9(AuthDoor, { label: `XENO Canvas sign-in \u2014 ${s.id}`, hero, rootAttributes: { "data-xeno-auth-gate": s.id }, children: /* @__PURE__ */ jsx9(SignInForm, { ...s.props, phase: s.id }) }) });
+  }
+  for (const s of CREDENTIAL_STATES) {
+    out.push({ family: "auth", unit: "CredentialForm", state: s.id, stage: "form", render: () => /* @__PURE__ */ jsx9(CredentialForm, { ...s.props, id: `gallery-${s.id}`, onModeChange: noop, onChange: noop, onSubmit: noop, before: /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      /* @__PURE__ */ jsx9(SocialSignIn, { onSelect: noop }),
+      /* @__PURE__ */ jsx9(EmailDisclosure, { open: s.props.open !== false, onToggle: noop, controls: `gallery-${s.id}` })
+    ] }) }) });
+  }
+  out.push({ family: "auth", unit: "SocialSignIn", state: "default", stage: "form", render: () => /* @__PURE__ */ jsx9(SocialSignIn, { onSelect: noop }) });
+  out.push({ family: "auth", unit: "SocialSignIn", state: "disabled", stage: "form", render: () => /* @__PURE__ */ jsx9(SocialSignIn, { onSelect: noop, disabled: true }) });
+  const region = (id, open) => /* @__PURE__ */ jsx9("div", { id, hidden: !open, className: "xc-form__note", children: "the email form" });
+  out.push({ family: "auth", unit: "EmailDisclosure", state: "closed", stage: "form", render: () => /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx9(EmailDisclosure, { open: false, onToggle: noop, controls: "gallery-disclosure-closed" }),
+    region("gallery-disclosure-closed", false)
+  ] }) });
+  out.push({ family: "auth", unit: "EmailDisclosure", state: "open", stage: "form", render: () => /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx9(EmailDisclosure, { open: true, onToggle: noop, controls: "gallery-disclosure-open" }),
+    region("gallery-disclosure-open", true)
+  ] }) });
+  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,
@@ -329,5 +382,6 @@ export {
   SignInForm,
   SocialSignIn,
   XenoMark,
-  ensureAuthStyles
+  ensureAuthStyles,
+  gallery
 };

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.3.1";
+declare const COMPONENTS_VERSION = "0.5.0";
 
 export { COMPONENTS_VERSION };

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenosystem/components",
-  "version": "0.3.1",
+  "version": "0.5.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",