@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/customer-profile/components/professional-section.js

@@ -0,0 +1,152 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var professional_section_exports = {};
+__export(professional_section_exports, {
+  ProfessionalEdit: () => ProfessionalEdit,
+  ProfessionalRead: () => ProfessionalRead
+});
+module.exports = __toCommonJS(professional_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+var import_fields = require("./fields.js");
+var import_types = require("./types.js");
+const MEMBERSHIP_TONE = {
+  active: "success",
+  invited: "info",
+  suspended: "warning"
+};
+function ProfessionalRead({
+  snapshot,
+  labels,
+  capabilities,
+  onManageOrganization
+}) {
+  const professional = snapshot.professional;
+  if (!professional) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_fields.ReadGrid, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.ReadRow,
+        {
+          label: labels.fields.jobTitle,
+          value: (0, import_types.orEmpty)(professional.jobTitle, labels.emptyValue)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.ReadRow,
+        {
+          label: labels.fields.department,
+          value: (0, import_types.orEmpty)(professional.department, labels.emptyValue)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.ReadRow,
+        {
+          label: labels.fields.workPhone,
+          value: (0, import_types.orEmpty)(professional.workPhone, labels.emptyValue),
+          className: "sm:col-span-2"
+        }
+      )
+    ] }),
+    capabilities.organizations ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2 border-t border-border pt-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-xs font-medium text-muted-foreground", children: labels.organizations.title }),
+      professional.memberships.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: labels.organizations.empty }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "space-y-2", children: professional.memberships.map((membership) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "li",
+        {
+          className: "rounded-lg border border-border px-3 py-2",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium break-words", children: membership.organization }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: `${labels.organizations.role}: ${membership.role}` })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_fields.Chip,
+                {
+                  label: labels.organizations.status[membership.status],
+                  tone: MEMBERSHIP_TONE[membership.status]
+                }
+              ),
+              membership.active ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fields.Chip, { label: labels.organizations.active, tone: "success" }) : null,
+              onManageOrganization ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_blocks.Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => onManageOrganization(membership.id),
+                  children: labels.organizations.manage
+                }
+              ) : null
+            ] })
+          ] })
+        },
+        membership.id
+      )) })
+    ] }) : null
+  ] });
+}
+function ProfessionalEdit({ labels, draft, errors, onChange }) {
+  const text = (key) => {
+    const value = draft[key];
+    return typeof value === "string" ? value : "";
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_fields.TextField,
+      {
+        label: labels.fields.jobTitle,
+        value: text("jobTitle"),
+        onChange: (value) => onChange("jobTitle", value),
+        error: (0, import_types.errorMessage)(labels, errors.jobTitle),
+        optionalLabel: labels.optional,
+        maxLength: 80
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_fields.TextField,
+      {
+        label: labels.fields.department,
+        value: text("department"),
+        onChange: (value) => onChange("department", value),
+        error: (0, import_types.errorMessage)(labels, errors.department),
+        optionalLabel: labels.optional,
+        maxLength: 80
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_fields.TextField,
+      {
+        label: labels.fields.workPhone,
+        type: "tel",
+        inputMode: "tel",
+        value: text("workPhone"),
+        onChange: (value) => onChange("workPhone", value),
+        error: (0, import_types.errorMessage)(labels, errors.workPhone),
+        optionalLabel: labels.optional,
+        className: "sm:col-span-2"
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProfessionalEdit,
+  ProfessionalRead
+});
+//# sourceMappingURL=professional-section.js.map

package/dist/blocks/designs/customer-profile/components/professional-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/professional-section.tsx"],"sourcesContent":["import { Button } from '@thorprovider/blocks'\n\nimport type { MembershipStatus } from '../contracts'\nimport type { Tone } from './fields'\nimport { Chip, ReadGrid, ReadRow, TextField } from './fields'\nimport { errorMessage, orEmpty } from './types'\nimport type { SectionViewProps } from './types'\n\nconst MEMBERSHIP_TONE: Record<MembershipStatus, Tone> = {\n  active: 'success',\n  invited: 'info',\n  suspended: 'warning',\n}\n\nexport function ProfessionalRead({\n  snapshot,\n  labels,\n  capabilities,\n  onManageOrganization,\n}: SectionViewProps) {\n  const professional = snapshot.professional\n  if (!professional) return null\n\n  return (\n    <div className=\"space-y-4\">\n      <ReadGrid>\n        <ReadRow\n          label={labels.fields.jobTitle}\n          value={orEmpty(professional.jobTitle, labels.emptyValue)}\n        />\n        <ReadRow\n          label={labels.fields.department}\n          value={orEmpty(professional.department, labels.emptyValue)}\n        />\n        <ReadRow\n          label={labels.fields.workPhone}\n          value={orEmpty(professional.workPhone, labels.emptyValue)}\n          className=\"sm:col-span-2\"\n        />\n      </ReadGrid>\n\n      {capabilities.organizations ? (\n        <div className=\"space-y-2 border-t border-border pt-3\">\n          <h3 className=\"text-xs font-medium text-muted-foreground\">\n            {labels.organizations.title}\n          </h3>\n          {professional.memberships.length === 0 ? (\n            <p className=\"text-sm text-muted-foreground\">{labels.organizations.empty}</p>\n          ) : (\n            <ul className=\"space-y-2\">\n              {professional.memberships.map((membership) => (\n                <li\n                  key={membership.id}\n                  className=\"rounded-lg border border-border px-3 py-2\"\n                >\n                  <div className=\"flex flex-wrap items-start justify-between gap-2\">\n                    <div className=\"min-w-0\">\n                      <p className=\"text-sm font-medium break-words\">{membership.organization}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {`${labels.organizations.role}: ${membership.role}`}\n                      </p>\n                    </div>\n                    <div className=\"flex flex-wrap items-center gap-1.5\">\n                      <Chip\n                        label={labels.organizations.status[membership.status]}\n                        tone={MEMBERSHIP_TONE[membership.status]}\n                      />\n                      {membership.active ? (\n                        <Chip label={labels.organizations.active} tone=\"success\" />\n                      ) : null}\n                      {onManageOrganization ? (\n                        <Button\n                          variant=\"outline\"\n                          size=\"sm\"\n                          onClick={() => onManageOrganization(membership.id)}\n                        >\n                          {labels.organizations.manage}\n                        </Button>\n                      ) : null}\n                    </div>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport function ProfessionalEdit({ labels, draft, errors, onChange }: SectionViewProps) {\n  const text = (key: string) => {\n    const value = draft[key]\n    return typeof value === 'string' ? value : ''\n  }\n\n  return (\n    <div className=\"grid gap-3 sm:grid-cols-2\">\n      <TextField\n        label={labels.fields.jobTitle}\n        value={text('jobTitle')}\n        onChange={(value) => onChange('jobTitle', value)}\n        error={errorMessage(labels, errors.jobTitle)}\n        optionalLabel={labels.optional}\n        maxLength={80}\n      />\n      <TextField\n        label={labels.fields.department}\n        value={text('department')}\n        onChange={(value) => onChange('department', value)}\n        error={errorMessage(labels, errors.department)}\n        optionalLabel={labels.optional}\n        maxLength={80}\n      />\n      <TextField\n        label={labels.fields.workPhone}\n        type=\"tel\"\n        inputMode=\"tel\"\n        value={text('workPhone')}\n        onChange={(value) => onChange('workPhone', value)}\n        error={errorMessage(labels, errors.workPhone)}\n        optionalLabel={labels.optional}\n        className=\"sm:col-span-2\"\n      />\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/customer-profile/components/professional-section.mjs

@@ -0,0 +1,127 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@thorprovider/blocks";
+import { Chip, ReadGrid, ReadRow, TextField } from "./fields.mjs";
+import { errorMessage, orEmpty } from "./types.mjs";
+const MEMBERSHIP_TONE = {
+  active: "success",
+  invited: "info",
+  suspended: "warning"
+};
+function ProfessionalRead({
+  snapshot,
+  labels,
+  capabilities,
+  onManageOrganization
+}) {
+  const professional = snapshot.professional;
+  if (!professional) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs(ReadGrid, { children: [
+      /* @__PURE__ */ jsx(
+        ReadRow,
+        {
+          label: labels.fields.jobTitle,
+          value: orEmpty(professional.jobTitle, labels.emptyValue)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ReadRow,
+        {
+          label: labels.fields.department,
+          value: orEmpty(professional.department, labels.emptyValue)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ReadRow,
+        {
+          label: labels.fields.workPhone,
+          value: orEmpty(professional.workPhone, labels.emptyValue),
+          className: "sm:col-span-2"
+        }
+      )
+    ] }),
+    capabilities.organizations ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-border pt-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-muted-foreground", children: labels.organizations.title }),
+      professional.memberships.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.organizations.empty }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: professional.memberships.map((membership) => /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: "rounded-lg border border-border px-3 py-2",
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium break-words", children: membership.organization }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: `${labels.organizations.role}: ${membership.role}` })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  label: labels.organizations.status[membership.status],
+                  tone: MEMBERSHIP_TONE[membership.status]
+                }
+              ),
+              membership.active ? /* @__PURE__ */ jsx(Chip, { label: labels.organizations.active, tone: "success" }) : null,
+              onManageOrganization ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => onManageOrganization(membership.id),
+                  children: labels.organizations.manage
+                }
+              ) : null
+            ] })
+          ] })
+        },
+        membership.id
+      )) })
+    ] }) : null
+  ] });
+}
+function ProfessionalEdit({ labels, draft, errors, onChange }) {
+  const text = (key) => {
+    const value = draft[key];
+    return typeof value === "string" ? value : "";
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: labels.fields.jobTitle,
+        value: text("jobTitle"),
+        onChange: (value) => onChange("jobTitle", value),
+        error: errorMessage(labels, errors.jobTitle),
+        optionalLabel: labels.optional,
+        maxLength: 80
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: labels.fields.department,
+        value: text("department"),
+        onChange: (value) => onChange("department", value),
+        error: errorMessage(labels, errors.department),
+        optionalLabel: labels.optional,
+        maxLength: 80
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: labels.fields.workPhone,
+        type: "tel",
+        inputMode: "tel",
+        value: text("workPhone"),
+        onChange: (value) => onChange("workPhone", value),
+        error: errorMessage(labels, errors.workPhone),
+        optionalLabel: labels.optional,
+        className: "sm:col-span-2"
+      }
+    )
+  ] });
+}
+export {
+  ProfessionalEdit,
+  ProfessionalRead
+};
+//# sourceMappingURL=professional-section.mjs.map

package/dist/blocks/designs/customer-profile/components/professional-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/professional-section.tsx"],"sourcesContent":["import { Button } from '@thorprovider/blocks'\n\nimport type { MembershipStatus } from '../contracts'\nimport type { Tone } from './fields'\nimport { Chip, ReadGrid, ReadRow, TextField } from './fields'\nimport { errorMessage, orEmpty } from './types'\nimport type { SectionViewProps } from './types'\n\nconst MEMBERSHIP_TONE: Record<MembershipStatus, Tone> = {\n  active: 'success',\n  invited: 'info',\n  suspended: 'warning',\n}\n\nexport function ProfessionalRead({\n  snapshot,\n  labels,\n  capabilities,\n  onManageOrganization,\n}: SectionViewProps) {\n  const professional = snapshot.professional\n  if (!professional) return null\n\n  return (\n    <div className=\"space-y-4\">\n      <ReadGrid>\n        <ReadRow\n          label={labels.fields.jobTitle}\n          value={orEmpty(professional.jobTitle, labels.emptyValue)}\n        />\n        <ReadRow\n          label={labels.fields.department}\n          value={orEmpty(professional.department, labels.emptyValue)}\n        />\n        <ReadRow\n          label={labels.fields.workPhone}\n          value={orEmpty(professional.workPhone, labels.emptyValue)}\n          className=\"sm:col-span-2\"\n        />\n      </ReadGrid>\n\n      {capabilities.organizations ? (\n        <div className=\"space-y-2 border-t border-border pt-3\">\n          <h3 className=\"text-xs font-medium text-muted-foreground\">\n            {labels.organizations.title}\n          </h3>\n          {professional.memberships.length === 0 ? (\n            <p className=\"text-sm text-muted-foreground\">{labels.organizations.empty}</p>\n          ) : (\n            <ul className=\"space-y-2\">\n              {professional.memberships.map((membership) => (\n                <li\n                  key={membership.id}\n                  className=\"rounded-lg border border-border px-3 py-2\"\n                >\n                  <div className=\"flex flex-wrap items-start justify-between gap-2\">\n                    <div className=\"min-w-0\">\n                      <p className=\"text-sm font-medium break-words\">{membership.organization}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {`${labels.organizations.role}: ${membership.role}`}\n                      </p>\n                    </div>\n                    <div className=\"flex flex-wrap items-center gap-1.5\">\n                      <Chip\n                        label={labels.organizations.status[membership.status]}\n                        tone={MEMBERSHIP_TONE[membership.status]}\n                      />\n                      {membership.active ? (\n                        <Chip label={labels.organizations.active} tone=\"success\" />\n                      ) : null}\n                      {onManageOrganization ? (\n                        <Button\n                          variant=\"outline\"\n                          size=\"sm\"\n                          onClick={() => onManageOrganization(membership.id)}\n                        >\n                          {labels.organizations.manage}\n                        </Button>\n                      ) : null}\n                    </div>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport function ProfessionalEdit({ labels, draft, errors, onChange }: SectionViewProps) {\n  const text = (key: string) => {\n    const value = draft[key]\n    return typeof value === 'string' ? value : ''\n  }\n\n  return (\n    <div className=\"grid gap-3 sm:grid-cols-2\">\n      <TextField\n        label={labels.fields.jobTitle}\n        value={text('jobTitle')}\n        onChange={(value) => onChange('jobTitle', value)}\n        error={errorMessage(labels, errors.jobTitle)}\n        optionalLabel={labels.optional}\n        maxLength={80}\n      />\n      <TextField\n        label={labels.fields.department}\n        value={text('department')}\n        onChange={(value) => onChange('department', value)}\n        error={errorMessage(labels, errors.department)}\n        optionalLabel={labels.optional}\n        maxLength={80}\n      />\n      <TextField\n        label={labels.fields.workPhone}\n        type=\"tel\"\n        inputMode=\"tel\"\n        value={text('workPhone')}\n        onChange={(value) => onChange('workPhone', value)}\n        error={errorMessage(labels, errors.workPhone)}\n        optionalLabel={labels.optional}\n        className=\"sm:col-span-2\"\n      />\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/customer-profile/components/profile-header.d.ts

@@ -0,0 +1,11 @@
+import type { AccountType, CustomerPerson, CustomerProfileCapabilities, CustomerProfileLabels } from '../contracts';
+/** The compact identity summary: who this is, never a large profile card. */
+export declare function ProfileHeader({ person, accountType, capabilities, labels, incomplete, readOnly, }: {
+    person: CustomerPerson;
+    accountType: AccountType;
+    capabilities: CustomerProfileCapabilities;
+    labels: CustomerProfileLabels;
+    incomplete: boolean;
+    readOnly: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=profile-header.d.ts.map

package/dist/blocks/designs/customer-profile/components/profile-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-header.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-profile/components/profile-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,cAAc,CAAA;AAIrB,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,WAAW,EACX,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,cAAc,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,2BAA2B,CAAA;IACzC,MAAM,EAAE,qBAAqB,CAAA;IAC7B,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,+BA0CA"}

package/dist/blocks/designs/customer-profile/components/profile-header.js

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var profile_header_exports = {};
+__export(profile_header_exports, {
+  ProfileHeader: () => ProfileHeader
+});
+module.exports = __toCommonJS(profile_header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+var import_format = require("../format.js");
+var import_fields = require("./fields.js");
+function ProfileHeader({
+  person,
+  accountType,
+  capabilities,
+  labels,
+  incomplete,
+  readOnly
+}) {
+  const showPhoto = capabilities.avatar && Boolean(person.avatarUrl);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-xl font-semibold tracking-tight", children: labels.heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: labels.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.Avatar, { size: "lg", className: "shrink-0", children: [
+        showPhoto ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.AvatarImage, { src: person.avatarUrl, alt: (0, import_format.displayName)(person) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.AvatarFallback, { children: (0, import_format.initials)(person) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-base font-medium break-words", children: (0, import_format.displayName)(person) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm break-words text-muted-foreground", children: person.email.value }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: [
+          capabilities.emailVerification ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fields.VerificationChip, { status: person.email.verification, labels }) : null,
+          accountType === "business" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fields.Chip, { label: labels.accountTypeBusiness, tone: "neutral" }) : null
+        ] })
+      ] })
+    ] }),
+    incomplete ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: labels.incomplete }) : null,
+    readOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: labels.readOnly }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProfileHeader
+});
+//# sourceMappingURL=profile-header.js.map

package/dist/blocks/designs/customer-profile/components/profile-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/profile-header.tsx"],"sourcesContent":["import { Avatar, AvatarFallback, AvatarImage } from '@thorprovider/blocks'\n\nimport type {\n  AccountType,\n  CustomerPerson,\n  CustomerProfileCapabilities,\n  CustomerProfileLabels,\n} from '../contracts'\nimport { displayName, initials } from '../format'\nimport { Chip, VerificationChip } from './fields'\n\n/** The compact identity summary: who this is, never a large profile card. */\nexport function ProfileHeader({\n  person,\n  accountType,\n  capabilities,\n  labels,\n  incomplete,\n  readOnly,\n}: {\n  person: CustomerPerson\n  accountType: AccountType\n  capabilities: CustomerProfileCapabilities\n  labels: CustomerProfileLabels\n  incomplete: boolean\n  readOnly: boolean\n}) {\n  const showPhoto = capabilities.avatar && Boolean(person.avatarUrl)\n\n  return (\n    <header className=\"space-y-3\">\n      <div>\n        <h1 className=\"text-xl font-semibold tracking-tight\">{labels.heading}</h1>\n        <p className=\"mt-1 text-sm text-muted-foreground\">{labels.description}</p>\n      </div>\n\n      <div className=\"flex items-start gap-3\">\n        <Avatar size=\"lg\" className=\"shrink-0\">\n          {showPhoto ? <AvatarImage src={person.avatarUrl} alt={displayName(person)} /> : null}\n          <AvatarFallback>{initials(person)}</AvatarFallback>\n        </Avatar>\n\n        <div className=\"min-w-0\">\n          <p className=\"text-base font-medium break-words\">{displayName(person)}</p>\n          <p className=\"text-sm break-words text-muted-foreground\">{person.email.value}</p>\n          <div className=\"mt-1.5 flex flex-wrap items-center gap-1.5\">\n            {capabilities.emailVerification ? (\n              <VerificationChip status={person.email.verification} labels={labels} />\n            ) : null}\n            {accountType === 'business' ? (\n              <Chip label={labels.accountTypeBusiness} tone=\"neutral\" />\n            ) : null}\n          </div>\n        </div>\n      </div>\n\n      {incomplete ? (\n        <p className=\"rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n          {labels.incomplete}\n        </p>\n      ) : null}\n      {readOnly ? (\n        <p className=\"rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n          {labels.readOnly}\n        </p>\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BM;AA/BN,oBAAoD;AAQpD,oBAAsC;AACtC,oBAAuC;AAGhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,YAAY,aAAa,UAAU,QAAQ,OAAO,SAAS;AAEjE,SACE,6CAAC,YAAO,WAAU,aAChB;AAAA,iDAAC,SACC;AAAA,kDAAC,QAAG,WAAU,wCAAwC,iBAAO,SAAQ;AAAA,MACrE,4CAAC,OAAE,WAAU,sCAAsC,iBAAO,aAAY;AAAA,OACxE;AAAA,IAEA,6CAAC,SAAI,WAAU,0BACb;AAAA,mDAAC,wBAAO,MAAK,MAAK,WAAU,YACzB;AAAA,oBAAY,4CAAC,6BAAY,KAAK,OAAO,WAAW,SAAK,2BAAY,MAAM,GAAG,IAAK;AAAA,QAChF,4CAAC,gCAAgB,sCAAS,MAAM,GAAE;AAAA,SACpC;AAAA,MAEA,6CAAC,SAAI,WAAU,WACb;AAAA,oDAAC,OAAE,WAAU,qCAAqC,yCAAY,MAAM,GAAE;AAAA,QACtE,4CAAC,OAAE,WAAU,6CAA6C,iBAAO,MAAM,OAAM;AAAA,QAC7E,6CAAC,SAAI,WAAU,8CACZ;AAAA,uBAAa,oBACZ,4CAAC,kCAAiB,QAAQ,OAAO,MAAM,cAAc,QAAgB,IACnE;AAAA,UACH,gBAAgB,aACf,4CAAC,sBAAK,OAAO,OAAO,qBAAqB,MAAK,WAAU,IACtD;AAAA,WACN;AAAA,SACF;AAAA,OACF;AAAA,IAEC,aACC,4CAAC,OAAE,WAAU,uFACV,iBAAO,YACV,IACE;AAAA,IACH,WACC,4CAAC,OAAE,WAAU,uFACV,iBAAO,UACV,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/blocks/designs/customer-profile/components/profile-header.mjs

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, AvatarImage } from "@thorprovider/blocks";
+import { displayName, initials } from "../format.mjs";
+import { Chip, VerificationChip } from "./fields.mjs";
+function ProfileHeader({
+  person,
+  accountType,
+  capabilities,
+  labels,
+  incomplete,
+  readOnly
+}) {
+  const showPhoto = capabilities.avatar && Boolean(person.avatarUrl);
+  return /* @__PURE__ */ jsxs("header", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold tracking-tight", children: labels.heading }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: labels.description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsxs(Avatar, { size: "lg", className: "shrink-0", children: [
+        showPhoto ? /* @__PURE__ */ jsx(AvatarImage, { src: person.avatarUrl, alt: displayName(person) }) : null,
+        /* @__PURE__ */ jsx(AvatarFallback, { children: initials(person) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-base font-medium break-words", children: displayName(person) }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm break-words text-muted-foreground", children: person.email.value }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-1.5", children: [
+          capabilities.emailVerification ? /* @__PURE__ */ jsx(VerificationChip, { status: person.email.verification, labels }) : null,
+          accountType === "business" ? /* @__PURE__ */ jsx(Chip, { label: labels.accountTypeBusiness, tone: "neutral" }) : null
+        ] })
+      ] })
+    ] }),
+    incomplete ? /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: labels.incomplete }) : null,
+    readOnly ? /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: labels.readOnly }) : null
+  ] });
+}
+export {
+  ProfileHeader
+};
+//# sourceMappingURL=profile-header.mjs.map

package/dist/blocks/designs/customer-profile/components/profile-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/profile-header.tsx"],"sourcesContent":["import { Avatar, AvatarFallback, AvatarImage } from '@thorprovider/blocks'\n\nimport type {\n  AccountType,\n  CustomerPerson,\n  CustomerProfileCapabilities,\n  CustomerProfileLabels,\n} from '../contracts'\nimport { displayName, initials } from '../format'\nimport { Chip, VerificationChip } from './fields'\n\n/** The compact identity summary: who this is, never a large profile card. */\nexport function ProfileHeader({\n  person,\n  accountType,\n  capabilities,\n  labels,\n  incomplete,\n  readOnly,\n}: {\n  person: CustomerPerson\n  accountType: AccountType\n  capabilities: CustomerProfileCapabilities\n  labels: CustomerProfileLabels\n  incomplete: boolean\n  readOnly: boolean\n}) {\n  const showPhoto = capabilities.avatar && Boolean(person.avatarUrl)\n\n  return (\n    <header className=\"space-y-3\">\n      <div>\n        <h1 className=\"text-xl font-semibold tracking-tight\">{labels.heading}</h1>\n        <p className=\"mt-1 text-sm text-muted-foreground\">{labels.description}</p>\n      </div>\n\n      <div className=\"flex items-start gap-3\">\n        <Avatar size=\"lg\" className=\"shrink-0\">\n          {showPhoto ? <AvatarImage src={person.avatarUrl} alt={displayName(person)} /> : null}\n          <AvatarFallback>{initials(person)}</AvatarFallback>\n        </Avatar>\n\n        <div className=\"min-w-0\">\n          <p className=\"text-base font-medium break-words\">{displayName(person)}</p>\n          <p className=\"text-sm break-words text-muted-foreground\">{person.email.value}</p>\n          <div className=\"mt-1.5 flex flex-wrap items-center gap-1.5\">\n            {capabilities.emailVerification ? (\n              <VerificationChip status={person.email.verification} labels={labels} />\n            ) : null}\n            {accountType === 'business' ? (\n              <Chip label={labels.accountTypeBusiness} tone=\"neutral\" />\n            ) : null}\n          </div>\n        </div>\n      </div>\n\n      {incomplete ? (\n        <p className=\"rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n          {labels.incomplete}\n        </p>\n      ) : null}\n      {readOnly ? (\n        <p className=\"rounded-lg border border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n          {labels.readOnly}\n        </p>\n      ) : null}\n    </header>\n  )\n}\n"],"mappings":"AA+BM,SACE,KADF;AA/BN,SAAS,QAAQ,gBAAgB,mBAAmB;AAQpD,SAAS,aAAa,gBAAgB;AACtC,SAAS,MAAM,wBAAwB;AAGhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,YAAY,aAAa,UAAU,QAAQ,OAAO,SAAS;AAEjE,SACE,qBAAC,YAAO,WAAU,aAChB;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,wCAAwC,iBAAO,SAAQ;AAAA,MACrE,oBAAC,OAAE,WAAU,sCAAsC,iBAAO,aAAY;AAAA,OACxE;AAAA,IAEA,qBAAC,SAAI,WAAU,0BACb;AAAA,2BAAC,UAAO,MAAK,MAAK,WAAU,YACzB;AAAA,oBAAY,oBAAC,eAAY,KAAK,OAAO,WAAW,KAAK,YAAY,MAAM,GAAG,IAAK;AAAA,QAChF,oBAAC,kBAAgB,mBAAS,MAAM,GAAE;AAAA,SACpC;AAAA,MAEA,qBAAC,SAAI,WAAU,WACb;AAAA,4BAAC,OAAE,WAAU,qCAAqC,sBAAY,MAAM,GAAE;AAAA,QACtE,oBAAC,OAAE,WAAU,6CAA6C,iBAAO,MAAM,OAAM;AAAA,QAC7E,qBAAC,SAAI,WAAU,8CACZ;AAAA,uBAAa,oBACZ,oBAAC,oBAAiB,QAAQ,OAAO,MAAM,cAAc,QAAgB,IACnE;AAAA,UACH,gBAAgB,aACf,oBAAC,QAAK,OAAO,OAAO,qBAAqB,MAAK,WAAU,IACtD;AAAA,WACN;AAAA,SACF;AAAA,OACF;AAAA,IAEC,aACC,oBAAC,OAAE,WAAU,uFACV,iBAAO,YACV,IACE;AAAA,IACH,WACC,oBAAC,OAAE,WAAU,uFACV,iBAAO,UACV,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/blocks/designs/customer-profile/components/profile-section.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+/**
+ * One compact section: heading, contextual action, body. The action slot is the
+ * only place edition starts, so a section is never a permanently open form.
+ */
+export declare function ProfileSection({ title, description, action, status, children, }: {
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    status?: ReactNode;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=profile-section.d.ts.map

package/dist/blocks/designs/customer-profile/components/profile-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-section.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-profile/components/profile-section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAwBA"}

package/dist/blocks/designs/customer-profile/components/profile-section.js

@@ -0,0 +1,58 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var profile_section_exports = {};
+__export(profile_section_exports, {
+  ProfileSection: () => ProfileSection
+});
+module.exports = __toCommonJS(profile_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+function ProfileSection({
+  title,
+  description,
+  action,
+  status,
+  children
+}) {
+  const id = (0, import_react.useId)();
+  const headingId = `${id}-heading`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "section",
+    {
+      "aria-labelledby": headingId,
+      className: "rounded-xl border border-border bg-card text-card-foreground",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-3 px-4 pt-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: headingId, className: "text-sm font-semibold", children: title }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: description }) : null
+          ] }),
+          action ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "shrink-0", children: action }) : null
+        ] }),
+        status ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 pt-2", children: status }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 py-3", children })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProfileSection
+});
+//# sourceMappingURL=profile-section.js.map

package/dist/blocks/designs/customer-profile/components/profile-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/profile-section.tsx"],"sourcesContent":["import { useId } from 'react'\nimport type { ReactNode } from 'react'\n\n/**\n * One compact section: heading, contextual action, body. The action slot is the\n * only place edition starts, so a section is never a permanently open form.\n */\nexport function ProfileSection({\n  title,\n  description,\n  action,\n  status,\n  children,\n}: {\n  title: string\n  description?: string\n  action?: ReactNode\n  status?: ReactNode\n  children: ReactNode\n}) {\n  const id = useId()\n  const headingId = `${id}-heading`\n\n  return (\n    <section\n      aria-labelledby={headingId}\n      className=\"rounded-xl border border-border bg-card text-card-foreground\"\n    >\n      <div className=\"flex items-start justify-between gap-3 px-4 pt-4\">\n        <div className=\"min-w-0\">\n          <h2 id={headingId} className=\"text-sm font-semibold\">\n            {title}\n          </h2>\n          {description ? (\n            <p className=\"mt-0.5 text-xs text-muted-foreground\">{description}</p>\n          ) : null}\n        </div>\n        {action ? <div className=\"shrink-0\">{action}</div> : null}\n      </div>\n      {status ? <div className=\"px-4 pt-2\">{status}</div> : null}\n      <div className=\"px-4 py-3\">{children}</div>\n    </section>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BQ;AA7BR,mBAAsB;AAOf,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,SAAK,oBAAM;AACjB,QAAM,YAAY,GAAG,EAAE;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,mBAAiB;AAAA,MACjB,WAAU;AAAA,MAEV;AAAA,qDAAC,SAAI,WAAU,oDACb;AAAA,uDAAC,SAAI,WAAU,WACb;AAAA,wDAAC,QAAG,IAAI,WAAW,WAAU,yBAC1B,iBACH;AAAA,YACC,cACC,4CAAC,OAAE,WAAU,wCAAwC,uBAAY,IAC/D;AAAA,aACN;AAAA,UACC,SAAS,4CAAC,SAAI,WAAU,YAAY,kBAAO,IAAS;AAAA,WACvD;AAAA,QACC,SAAS,4CAAC,SAAI,WAAU,aAAa,kBAAO,IAAS;AAAA,QACtD,4CAAC,SAAI,WAAU,aAAa,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":[]}

package/dist/blocks/designs/customer-profile/components/profile-section.mjs

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+function ProfileSection({
+  title,
+  description,
+  action,
+  status,
+  children
+}) {
+  const id = useId();
+  const headingId = `${id}-heading`;
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-labelledby": headingId,
+      className: "rounded-xl border border-border bg-card text-card-foreground",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 px-4 pt-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("h2", { id: headingId, className: "text-sm font-semibold", children: title }),
+            description ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: description }) : null
+          ] }),
+          action ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action }) : null
+        ] }),
+        status ? /* @__PURE__ */ jsx("div", { className: "px-4 pt-2", children: status }) : null,
+        /* @__PURE__ */ jsx("div", { className: "px-4 py-3", children })
+      ]
+    }
+  );
+}
+export {
+  ProfileSection
+};
+//# sourceMappingURL=profile-section.mjs.map

package/dist/blocks/designs/customer-profile/components/profile-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/profile-section.tsx"],"sourcesContent":["import { useId } from 'react'\nimport type { ReactNode } from 'react'\n\n/**\n * One compact section: heading, contextual action, body. The action slot is the\n * only place edition starts, so a section is never a permanently open form.\n */\nexport function ProfileSection({\n  title,\n  description,\n  action,\n  status,\n  children,\n}: {\n  title: string\n  description?: string\n  action?: ReactNode\n  status?: ReactNode\n  children: ReactNode\n}) {\n  const id = useId()\n  const headingId = `${id}-heading`\n\n  return (\n    <section\n      aria-labelledby={headingId}\n      className=\"rounded-xl border border-border bg-card text-card-foreground\"\n    >\n      <div className=\"flex items-start justify-between gap-3 px-4 pt-4\">\n        <div className=\"min-w-0\">\n          <h2 id={headingId} className=\"text-sm font-semibold\">\n            {title}\n          </h2>\n          {description ? (\n            <p className=\"mt-0.5 text-xs text-muted-foreground\">{description}</p>\n          ) : null}\n        </div>\n        {action ? <div className=\"shrink-0\">{action}</div> : null}\n      </div>\n      {status ? <div className=\"px-4 pt-2\">{status}</div> : null}\n      <div className=\"px-4 py-3\">{children}</div>\n    </section>\n  )\n}\n"],"mappings":"AA6BQ,SACE,KADF;AA7BR,SAAS,aAAa;AAOf,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,KAAK,MAAM;AACjB,QAAM,YAAY,GAAG,EAAE;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,mBAAiB;AAAA,MACjB,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,oDACb;AAAA,+BAAC,SAAI,WAAU,WACb;AAAA,gCAAC,QAAG,IAAI,WAAW,WAAU,yBAC1B,iBACH;AAAA,YACC,cACC,oBAAC,OAAE,WAAU,wCAAwC,uBAAY,IAC/D;AAAA,aACN;AAAA,UACC,SAAS,oBAAC,SAAI,WAAU,YAAY,kBAAO,IAAS;AAAA,WACvD;AAAA,QACC,SAAS,oBAAC,SAAI,WAAU,aAAa,kBAAO,IAAS;AAAA,QACtD,oBAAC,SAAI,WAAU,aAAa,UAAS;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":[]}

package/dist/blocks/designs/customer-profile/components/profile-states.d.ts

@@ -0,0 +1,13 @@
+export declare function ProfileSkeleton({ label }: {
+    label: string;
+}): import("react").JSX.Element;
+export declare function ProfileErrorPanel({ message, retryLabel, onRetry, }: {
+    message: string;
+    retryLabel: string;
+    onRetry?: () => void;
+}): import("react").JSX.Element;
+export declare function ProfileEmpty({ title, body }: {
+    title: string;
+    body: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=profile-states.d.ts.map

package/dist/blocks/designs/customer-profile/components/profile-states.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-states.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-profile/components/profile-states.tsx"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,+BA8B3D;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,UAAU,EACV,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,+BAWA;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,+BAO5E"}