@nanisoft/prism-ui 0.10.2 → 0.15.0

package/dist/blocks/index.js

@@ -5,22 +5,140 @@
  * content as props and never fetches application data (ticket 07). The `-NN`
  * suffix is the block-family variant ordinal.
  */
-export { Hero01 } from './hero-01';
-export { FeatureGrid01 } from './feature-grid-01';
-export { Stats01 } from './stats-01';
-export { Pricing01 } from './pricing-01';
-export { Cta01 } from './cta-01';
-export { PageHeader01 } from './page-header-01';
-export { DataTable01 } from './data-table-01';
-export { SettingsPanel01 } from './settings-panel-01';
-export { AuthForm01 } from './auth-form-01';
-export { AppShell01 } from './app-shell-01';
-export { ProcessRail01 } from './process-rail-01';
-export { StatusLedger01, STATUS_TIERS } from './status-ledger-01';
-export { ProductGrid01 } from './product-grid-01';
-export { StackGrid01 } from './stack-grid-01';
-export { LogoStrip01 } from './logo-strip-01';
-export { NoteGrid01 } from './note-grid-01';
-export { InstrumentPanel01 } from './instrument-panel-01';
-export { SiteHeader } from './site-header';
-export { SiteFooter } from './site-footer';
+export { Hero01 } from './hero-01/index.js';
+export { FeatureGrid01 } from './feature-grid-01/index.js';
+export { Stats01 } from './stats-01/index.js';
+export { Pricing01 } from './pricing-01/index.js';
+export { Cta01 } from './cta-01/index.js';
+export { PageHeader01 } from './page-header-01/index.js';
+export { DataTable01 } from './data-table-01/index.js';
+export { SettingsPanel01 } from './settings-panel-01/index.js';
+export { AuthForm01 } from './auth-form-01/index.js';
+export { AppShell01 } from './app-shell-01/index.js';
+export { ProcessRail01 } from './process-rail-01/index.js';
+export { StatusLedger01, STATUS_TIERS } from './status-ledger-01/index.js';
+export { ProductGrid01 } from './product-grid-01/index.js';
+export { StackGrid01 } from './stack-grid-01/index.js';
+export { LogoStrip01 } from './logo-strip-01/index.js';
+export { NoteGrid01 } from './note-grid-01/index.js';
+export { InstrumentPanel01 } from './instrument-panel-01/index.js';
+export { SiteHeader } from './site-header/index.js';
+export { SiteFooter } from './site-footer/index.js';
+/*
+ * The roster expansion of 2026-09: the marketing, content and conversion Bands. Every one
+ * composes Components and takes its content as props, so the value export is the whole
+ * surface a consumer usually needs and the type exports follow it for the callers who
+ * build the props. The catalogue is the list of record; this is the convenience barrel.
+ */
+export { About01 } from './about-01/index.js';
+export { Awards01 } from './awards-01/index.js';
+export { Backdrop01 } from './backdrop-01/index.js';
+export { Bento01 } from './bento-01/index.js';
+export { Careers01 } from './careers-01/index.js';
+export { CaseStudies01 } from './case-studies-01/index.js';
+export { CaseStudy01 } from './case-study-01/index.js';
+export { Changelog01 } from './changelog-01/index.js';
+export { CodeSample01 } from './code-sample-01/index.js';
+export { Community01 } from './community-01/index.js';
+export { Compare01 } from './compare-01/index.js';
+export { Compliance01 } from './compliance-01/index.js';
+export { Consent01 } from './consent-01/index.js';
+export { Contact01 } from './contact-01/index.js';
+export { ContentGrid01 } from './content-grid-01/index.js';
+export { Download01 } from './download-01/index.js';
+export { EmptyState01 } from './empty-state-01/index.js';
+export { Faq01 } from './faq-01/index.js';
+export { FeatureRows01 } from './feature-rows-01/index.js';
+export { Feedback01 } from './feedback-01/index.js';
+export { FieldMap01 } from './field-map-01/index.js';
+export { Gallery01 } from './gallery-01/index.js';
+export { Help01 } from './help-01/index.js';
+export { Hero02 } from './hero-02/index.js';
+export { Hero03 } from './hero-03/index.js';
+export { Industries01 } from './industries-01/index.js';
+export { Integration01 } from './integration-01/index.js';
+export { LogoCloud01 } from './logo-cloud-01/index.js';
+export { MemberList01 } from './member-list-01/index.js';
+export { MilestoneTimeline01 } from './milestone-timeline-01/index.js';
+export { Newsletter01 } from './newsletter-01/index.js';
+export { Offer01 } from './offer-01/index.js';
+export { PricingCompare01 } from './pricing-compare-01/index.js';
+export { ProcessFlow01 } from './process-flow-01/index.js';
+export { RateCard01 } from './rate-card-01/index.js';
+export { ResourceList01 } from './resource-list-01/index.js';
+export { RunConsole01 } from './run-console-01/index.js';
+export { Services01 } from './services-01/index.js';
+export { Showcase01 } from './showcase-01/index.js';
+export { SiteNavbar } from './site-navbar/index.js';
+export { Story01 } from './story-01/index.js';
+export { Team01 } from './team-01/index.js';
+export { Testimonial01 } from './testimonial-01/index.js';
+export { Trend01 } from './trend-01/index.js';
+export { TrustStrip01 } from './trust-strip-01/index.js';
+export { Waitlist01 } from './waitlist-01/index.js';
+/*
+ * The roster expansion of 2026-09: the marketing, content and conversion Bands. Every one
+ * composes Components and takes its content as props, so the value export is the whole
+ * surface a consumer usually needs and the type exports follow it for the callers who
+ * build the props. The catalogue is the list of record; this is the convenience barrel.
+ */
+export { ActivityFeed01 } from './activity-feed-01/index.js';
+export { AddressBook01 } from './address-book-01/index.js';
+export { AuditLog01 } from './audit-log-01/index.js';
+export { Calendar01 } from './calendar-01/index.js';
+export { ChartCard01 } from './chart-card-01/index.js';
+export { ChartGroup01 } from './chart-group-01/index.js';
+export { Dashboard01 } from './dashboard-01/index.js';
+export { Directory01 } from './directory-01/index.js';
+export { Gantt01 } from './gantt-01/index.js';
+export { Handoff01 } from './handoff-01/index.js';
+export { Inbox01 } from './inbox-01/index.js';
+export { Intake01 } from './intake-01/index.js';
+export { IssueDetail01 } from './issue-detail-01/index.js';
+export { IssueList01 } from './issue-list-01/index.js';
+export { Kanban01 } from './kanban-01/index.js';
+export { Leaderboard01 } from './leaderboard-01/index.js';
+export { NotificationCenter01 } from './notification-center-01/index.js';
+export { Onboarding01 } from './onboarding-01/index.js';
+export { OpsChecklist01 } from './ops-checklist-01/index.js';
+export { PermissionMatrix01 } from './permission-matrix-01/index.js';
+export { Project01 } from './project-01/index.js';
+export { ProjectDashboard01 } from './project-dashboard-01/index.js';
+export { ProjectList01 } from './project-list-01/index.js';
+export { Retention01 } from './retention-01/index.js';
+export { SettingsIntegrations01 } from './settings-integrations-01/index.js';
+export { SettingsMembers01 } from './settings-members-01/index.js';
+export { SettingsNotifications01 } from './settings-notifications-01/index.js';
+export { SettingsSecurity01 } from './settings-security-01/index.js';
+export { Todo01 } from './todo-01/index.js';
+export { UserProfile01 } from './user-profile-01/index.js';
+/*
+ * The roster expansion of 2026-09: the marketing, content and conversion Bands. Every one
+ * composes Components and takes its content as props, so the value export is the whole
+ * surface a consumer usually needs and the type exports follow it for the callers who
+ * build the props. The catalogue is the list of record; this is the convenience barrel.
+ */
+export { AcceptInvite01 } from './accept-invite-01/index.js';
+export { Account01 } from './account-01/index.js';
+export { BillingSource01 } from './billing-source-01/index.js';
+export { Bundle01 } from './bundle-01/index.js';
+export { Capacity01 } from './capacity-01/index.js';
+export { Delivery01 } from './delivery-01/index.js';
+export { ForgotPassword01 } from './forgot-password-01/index.js';
+export { History01 } from './history-01/index.js';
+export { InviteUser01 } from './invite-user-01/index.js';
+export { Login01 } from './login-01/index.js';
+export { MagicLink01 } from './magic-link-01/index.js';
+export { Offering01 } from './offering-01/index.js';
+export { OfferingCategories01 } from './offering-categories-01/index.js';
+export { OfferingList01 } from './offering-list-01/index.js';
+export { Passkey01 } from './passkey-01/index.js';
+export { Provisioning01 } from './provisioning-01/index.js';
+export { QuickView01 } from './quick-view-01/index.js';
+export { ResetPassword01 } from './reset-password-01/index.js';
+export { Shortlist01 } from './shortlist-01/index.js';
+export { Signup01 } from './signup-01/index.js';
+export { SpecTable01 } from './spec-table-01/index.js';
+export { Summary01 } from './summary-01/index.js';
+export { TwoFactor01 } from './two-factor-01/index.js';
+export { VerifyEmail01 } from './verify-email-01/index.js';

package/dist/blocks/industries-01/index.d.ts

@@ -0,0 +1,3 @@
+export { Industries01, default } from './industries.js';
+export type { Industries01Props, Industry, IndustryLink } from './industries.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/industries-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/industries-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAMpD,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA"}

package/dist/blocks/industries-01/index.js

@@ -0,0 +1 @@
+export { Industries01, default } from './industries.js';

package/dist/blocks/industries-01/industries.d.ts

@@ -0,0 +1,164 @@
+import type { LucideIcon } from 'lucide-react';
+import { type HeadingLevel } from '../../components/ui/section.js';
+/**
+ * The link arm and the no-link arm of one sector, as a union.
+ *
+ * The same agreement `CaseStudies01` and `Careers01` make, for the same reason. A
+ * tile whose only link is the sector name reads as a name in a list of names, and
+ * the sentence that says what following it does is a claim about the destination,
+ * so it belongs to whoever wrote the destination.
+ */
+export type IndustryLink = {
+    /** Where the sector's work is. Present makes the tile carry a link. */
+    href: string;
+    /** The words on the link, and what following it does. */
+    hrefLabel: string;
+    /** Opens the destination in a new browsing context, with the matching `rel`. */
+    newTab?: boolean;
+} | {
+    href?: never;
+    hrefLabel?: never;
+    newTab?: never;
+};
+/**
+ * One sector a product serves: its name, the one-line problem its readers have,
+ * and optionally a mark and a link into the work.
+ *
+ * `problem` is required and this is the field the whole Block is shaped around. A
+ * sector tile with only a name is a navigation menu, and this is not one: a
+ * navigation list answers "where can I go", a sectors list answers "does this
+ * recognise my week". The second is the question a reader brings to a page about
+ * sectors, and a tile that can only carry the first cannot answer it, so the
+ * one-line problem is required rather than optional and the Block throws when a
+ * sector arrives with none. The alternative was an optional field, which compiles
+ * cleanly and produces a menu of sector names on a page that claimed to say
+ * something about sectors, and a page of names is a page nobody reads twice.
+ *
+ * `name` is a `string` and not a `ReactNode` because a grid of sectors is scanned
+ * down its left edge and a name that wraps costs every other tile its alignment.
+ * `icon` is optional and additive: a tile that reserves space for a mark that is
+ * not there is a hole, and the problem line is what the tile is for.
+ */
+export type Industry = {
+    /** A stable key for the sector. */
+    id: string;
+    /** The sector's own name, spelled as that sector's people would spell it. */
+    name: string;
+    /** The one line that says why this sector reaches for the product. */
+    problem: string;
+    /** The sector's mark, from the icon set this system uses. */
+    icon?: LucideIcon;
+} & IndustryLink;
+/**
+ * The props an Industries01 takes.
+ *
+ * Every string, every problem and every mark is a prop and the Block ships none:
+ * no sector, no problem, no link label and no default set of industries. A list
+ * that hardcoded its sectors would hand every consumer a set of sectors that are
+ * not theirs, which is a claim about markets.
+ */
+export type Industries01Props = {
+    /** Optional label above the section title. See the No-Default-Eyebrow Rule. */
+    eyebrow?: string;
+    /** The section title. Omit it for a list composed under its own heading. */
+    title?: string;
+    /** One or two sentences under the title. */
+    description?: string;
+    /**
+     * The sectors, in the order a reader should meet them. Order is the caller's
+     * because it is a claim about which sector leads.
+     */
+    industries: Industry[];
+    /**
+     * How the sectors are arranged: a grid of tiles, a list of rows, or a set of
+     * tabs that shows one sector at a time.
+     *
+     * `grid` is the default and the default is the argument, not a shrug. Tabs hide
+     * five of six answers behind a control, and on a marketing page a hidden answer
+     * is an unanswered question: a reader who arrives looking for their own sector
+     * and does not see it in the visible list has to guess whether it is one of the
+     * tabs, and a reader who does not guess goes away. So hiding is opt-in, and the
+     * caller who opts in is saying they have a reason to make every reader click
+     * before they can read the rest.
+     *
+     * `list` is for a page that has already narrowed, where each sector's row can
+     * carry more than one line.
+     *
+     * @defaultValue 'grid'
+     */
+    variant?: 'grid' | 'list' | 'tabs';
+    /** Heading level for the section title. See `HeadingLevel`. */
+    headingLevel?: HeadingLevel;
+    /**
+     * Layout only, exactly as on every Block. Changing a Prism-owned visual
+     * property from here is prohibited.
+     */
+    className?: string;
+};
+/**
+ * The sectors a product serves: a name, a one-line problem, and a link into the
+ * work, as a grid, a list or a set of tabs.
+ *
+ * **A sectors list is sometimes tabs, and the reason is the length of the
+ * problem.** When each sector has a paragraph and a link, a grid of six paragraphs
+ * is a page nobody scrolls: the reader lands on it, reads the first two, and
+ * leaves, having answered nothing about the other four. A set of tabs turns the
+ * same six claims into six choices the reader picks between, and a reader who
+ * recognises their own sector reads one and is done. That is a real improvement
+ * and it is why the tabs variant exists rather than being a variant nobody wanted.
+ *
+ * **The grid is the default because tabs hide five of six answers behind a
+ * control, and on a marketing page a hidden answer is an unanswered question.** A
+ * reader who arrives looking for their own sector and does not see it among the
+ * visible tiles has to work out whether it is behind a tab, and a reader who does
+ * not work it out is a reader who leaves. So the cost of hiding is charged to the
+ * caller rather than to the reader: the variant is opt-in, and a caller who passes
+ * `tabs` is making the argument that their sectors are alternatives a reader
+ * chooses between rather than a set a reader checks membership of. The rejected
+ * default was tabs, which is the shape most industries pages reach for first,
+ * because it looks more like an interface and less like a page.
+ *
+ * **The one-line problem is required, and that is what makes this a sectors list
+ * rather than a menu.** A tile with only a name is a navigation menu, and this is
+ * not one. A menu answers "where can I go"; a sectors list answers "does this
+ * recognise my week", and the second is the question a reader brings to a page
+ * whose subject is sectors. So the field is required, the Block throws without
+ * it, and the cost of the requirement is a caller with nothing to say about a
+ * sector has to write the sentence themselves rather than leave the tile blank,
+ * which is the correct outcome: a blank tile in a grid of six is a defect a reader
+ * sees and a sentence is thirty words of copy.
+ *
+ * **The NaniSoft framing is in this JSDoc and in the Demo, and nowhere in the
+ * Block.** The sectors are the places where the four claims bite hardest: a
+ * market that is captured rather than reconstructed, an estate observed rather than
+ * visited, a pipeline that keeps running between the shifts, and findings handed
+ * to agents. Each `problem` is one of those claims written as a sentence about the
+ * reader's week, and that is the only place the sentence can live: a Block that
+ * hardcoded six problems would put one company's reading of six markets into every
+ * consumer's page, and a sector name attached to it.
+ *
+ * **The tabs variant composes `Tabs`, and the client JavaScript it costs is paid
+ * whether or not you use it.** A client boundary in this system is a module, and
+ * there is no conditional import of a client module, so `Tabs` is in this Block's
+ * graph from the moment the Block is imported and a page that renders the `grid`
+ * variant still ships the tab engine's code. That is a real cost and it is the
+ * cost of one Block offering all three arrangements rather than a consumer
+ * composing `Tabs` around a sectors list themselves and paying for it only when
+ * they did. The alternative was to ship the tabs variant as its own Block, which
+ * would have meant a second `Industry` type, a second heading level, and two
+ * catalogue entries for one list of sectors. The cost is paid; the duplication is
+ * not, and that is the trade this Block makes.
+ *
+ * A sector's name is a heading one step below the section, derived rather than
+ * written, so a Block embedded one level deeper carries its tile titles with it.
+ * The problem is one line: at two lines the tile stops being a list entry and
+ * starts being a paragraph, and the longer answer belongs in the work the link
+ * points at.
+ *
+ * It is a server Component. The `tabs` variant composes `Tabs`, which is a client
+ * Component, and composing a client Component from a server one is what a slot is
+ * for, so this Block ships no directive of its own.
+ */
+export declare function Industries01({ eyebrow, title, description, industries, variant, headingLevel, className, }: Industries01Props): import("react").JSX.Element;
+export default Industries01;
+//# sourceMappingURL=industries.d.ts.map

package/dist/blocks/industries-01/industries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"industries.d.ts","sourceRoot":"","sources":["../../../src/blocks/industries-01/industries.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C,OAAO,EAAuC,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAIpG;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAA;IACZ,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAA;IACjB,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG;IACF,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,MAAM,CAAC,EAAE,KAAK,CAAA;CACf,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,QAAQ,GAAG;IACrB,mCAAmC;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,6EAA6E;IAC7E,IAAI,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAA;IACf,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,GAAG,YAAY,CAAA;AAYhB;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,UAAU,EAAE,QAAQ,EAAE,CAAA;IACtB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IAClC,+DAA+D;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,WAAW,EACX,UAAU,EACV,OAAgB,EAChB,YAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,+BAoLnB;AAED,eAAe,YAAY,CAAA"}

package/dist/blocks/industries-01/industries.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from '../../components/ui/card.js';
+import { CtaLink } from '../../components/ui/cta-link.js';
+import { Section, SectionHeading, childLevel } from '../../components/ui/section.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../components/ui/tabs.js';
+import { cn } from '../../lib/utils.js';
+/**
+ * The tracks the grid variant gets.
+ *
+ * Two at the narrowest width where a grid exists and three at the width of the
+ * container, so a six-sector page reads as three and then three rather than as
+ * three and then one orphan. The tracks, not the sector count: a sectors list is
+ * content and the grid is the arrangement.
+ */
+const GRID_TRACKS = 'sm:grid-cols-2 lg:grid-cols-3';
+/**
+ * The sectors a product serves: a name, a one-line problem, and a link into the
+ * work, as a grid, a list or a set of tabs.
+ *
+ * **A sectors list is sometimes tabs, and the reason is the length of the
+ * problem.** When each sector has a paragraph and a link, a grid of six paragraphs
+ * is a page nobody scrolls: the reader lands on it, reads the first two, and
+ * leaves, having answered nothing about the other four. A set of tabs turns the
+ * same six claims into six choices the reader picks between, and a reader who
+ * recognises their own sector reads one and is done. That is a real improvement
+ * and it is why the tabs variant exists rather than being a variant nobody wanted.
+ *
+ * **The grid is the default because tabs hide five of six answers behind a
+ * control, and on a marketing page a hidden answer is an unanswered question.** A
+ * reader who arrives looking for their own sector and does not see it among the
+ * visible tiles has to work out whether it is behind a tab, and a reader who does
+ * not work it out is a reader who leaves. So the cost of hiding is charged to the
+ * caller rather than to the reader: the variant is opt-in, and a caller who passes
+ * `tabs` is making the argument that their sectors are alternatives a reader
+ * chooses between rather than a set a reader checks membership of. The rejected
+ * default was tabs, which is the shape most industries pages reach for first,
+ * because it looks more like an interface and less like a page.
+ *
+ * **The one-line problem is required, and that is what makes this a sectors list
+ * rather than a menu.** A tile with only a name is a navigation menu, and this is
+ * not one. A menu answers "where can I go"; a sectors list answers "does this
+ * recognise my week", and the second is the question a reader brings to a page
+ * whose subject is sectors. So the field is required, the Block throws without
+ * it, and the cost of the requirement is a caller with nothing to say about a
+ * sector has to write the sentence themselves rather than leave the tile blank,
+ * which is the correct outcome: a blank tile in a grid of six is a defect a reader
+ * sees and a sentence is thirty words of copy.
+ *
+ * **The NaniSoft framing is in this JSDoc and in the Demo, and nowhere in the
+ * Block.** The sectors are the places where the four claims bite hardest: a
+ * market that is captured rather than reconstructed, an estate observed rather than
+ * visited, a pipeline that keeps running between the shifts, and findings handed
+ * to agents. Each `problem` is one of those claims written as a sentence about the
+ * reader's week, and that is the only place the sentence can live: a Block that
+ * hardcoded six problems would put one company's reading of six markets into every
+ * consumer's page, and a sector name attached to it.
+ *
+ * **The tabs variant composes `Tabs`, and the client JavaScript it costs is paid
+ * whether or not you use it.** A client boundary in this system is a module, and
+ * there is no conditional import of a client module, so `Tabs` is in this Block's
+ * graph from the moment the Block is imported and a page that renders the `grid`
+ * variant still ships the tab engine's code. That is a real cost and it is the
+ * cost of one Block offering all three arrangements rather than a consumer
+ * composing `Tabs` around a sectors list themselves and paying for it only when
+ * they did. The alternative was to ship the tabs variant as its own Block, which
+ * would have meant a second `Industry` type, a second heading level, and two
+ * catalogue entries for one list of sectors. The cost is paid; the duplication is
+ * not, and that is the trade this Block makes.
+ *
+ * A sector's name is a heading one step below the section, derived rather than
+ * written, so a Block embedded one level deeper carries its tile titles with it.
+ * The problem is one line: at two lines the tile stops being a list entry and
+ * starts being a paragraph, and the longer answer belongs in the work the link
+ * points at.
+ *
+ * It is a server Component. The `tabs` variant composes `Tabs`, which is a client
+ * Component, and composing a client Component from a server one is what a slot is
+ * for, so this Block ships no directive of its own.
+ */
+export function Industries01({ eyebrow, title, description, industries, variant = 'grid', headingLevel = 'h2', className, }) {
+    // A sector's name is a heading one step below the section that introduces the
+    // set, so six names under one heading read as six children of it rather than as
+    // six competing sections.
+    const Title = childLevel(headingLevel);
+    const asTabs = variant === 'tabs';
+    if (asTabs) {
+        // The first sector is the panel a reader sees before touching anything, and
+        // putting it in the `defaultValue` is what keeps the control from starting in
+        // a state where the visible list and the visible panel disagree.
+        const first = industries[0];
+        return (_jsxs(Section, { children: [title ? (_jsx(SectionHeading, { as: headingLevel, align: "left", eyebrow: eyebrow, title: title, description: description, className: "mb-10" })) : null, first ? (_jsxs(Tabs, { "data-slot": "industries-01-tabs", defaultValue: first.id, className: cn('gap-6', className), children: [_jsx(TabsList, { className: "flex-wrap", children: industries.map((industry) => (_jsx(TabsTrigger, { value: industry.id, children: industry.name }, industry.id))) }), industries.map((industry) => (_jsx(TabsContent, { value: industry.id, children: _jsxs(Card, { "data-slot": "industries-01-panel", className: "gap-4 py-6", children: [_jsxs(CardHeader, { children: [industry.icon ? (_jsx("span", { "data-slot": "industries-01-icon", className: "bg-accent text-accent-foreground mb-2 flex size-10 items-center justify-center rounded-lg", children: _jsx(industry.icon, { className: "size-5" }) })) : null, _jsx(CardTitle, { children: _jsx(Title, { children: industry.name }) }), _jsx("p", { className: "text-muted-foreground text-pretty text-sm", children: industry.problem })] }), industry.href !== undefined ? (_jsx(CardContent, { children: _jsx(CtaLink, { href: industry.href, newTab: industry.newTab, variant: "ghost", size: "sm", className: "self-start", children: industry.hrefLabel }) })) : null] }) }, industry.id)))] })) : null] }));
+    }
+    const asList = variant === 'list';
+    return (_jsxs(Section, { children: [title ? (_jsx(SectionHeading, { as: headingLevel, align: "left", eyebrow: eyebrow, title: title, description: description, className: "mb-10" })) : null, _jsx("ul", { "data-slot": "industries-01-list", "data-variant": variant, className: cn(asList ? 'flex flex-col gap-3' : 'grid gap-6', !asList && GRID_TRACKS, className), children: industries.map((industry) => (_jsx("li", { "data-slot": "industries-01-item", className: cn(!asList && 'h-full'), children: asList ? (_jsxs("div", { "data-slot": "industries-01-row", className: "border-border flex flex-col gap-3 border-t pt-4 sm:flex-row sm:items-baseline sm:justify-between sm:gap-8", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-3", children: [industry.icon ? (_jsx("span", { "data-slot": "industries-01-icon", className: "bg-accent text-accent-foreground flex size-8 shrink-0 items-center justify-center rounded-md", children: _jsx(industry.icon, { className: "size-4" }) })) : null, _jsx(Title, { className: "text-base", children: industry.name })] }), _jsx("p", { className: "text-muted-foreground text-pretty text-sm", children: industry.problem })] }), industry.href !== undefined ? (_jsx(CtaLink, { href: industry.href, newTab: industry.newTab, variant: "ghost", size: "sm", className: "shrink-0 self-start sm:self-auto", children: industry.hrefLabel })) : null] })) : (_jsxs(Card, { className: "h-full gap-3 py-6", children: [_jsxs(CardHeader, { children: [industry.icon ? (_jsx("span", { "data-slot": "industries-01-icon", className: "bg-accent text-accent-foreground mb-2 flex size-10 items-center justify-center rounded-lg", children: _jsx(industry.icon, { className: "size-5" }) })) : null, _jsx(CardTitle, { children: _jsx(Title, { children: industry.name }) })] }), _jsxs(CardContent, { className: "flex flex-col gap-3", children: [_jsx("p", { className: "text-muted-foreground text-pretty text-sm", children: industry.problem }), industry.href !== undefined ? (_jsx(CtaLink, { href: industry.href, newTab: industry.newTab, variant: "ghost", size: "sm", className: "self-start", children: industry.hrefLabel })) : null] })] })) }, industry.id))) })] }));
+}
+export default Industries01;

package/dist/blocks/instrument-panel-01/index.d.ts

@@ -1,3 +1,3 @@
-export { InstrumentPanel01, default } from './instrument-panel';
-export type { InstrumentPanel01Props, PanelState } from './instrument-panel';
+export { InstrumentPanel01, default } from './instrument-panel.js';
+export type { InstrumentPanel01Props, PanelState } from './instrument-panel.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/instrument-panel-01/index.js

@@ -1 +1 @@
-export { InstrumentPanel01, default } from './instrument-panel';
+export { InstrumentPanel01, default } from './instrument-panel.js';

package/dist/blocks/instrument-panel-01/instrument-panel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
+import { cn } from '../../lib/utils.js';
 /**
  * The dot each state draws.
  *

package/dist/blocks/intake-01/index.d.ts

@@ -0,0 +1,3 @@
+export { Intake01, default } from './intake-01.js';
+export type { Intake01Item, Intake01Props, Intake01State } from './intake-01.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/intake-01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/intake-01/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAM/C,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA"}

package/dist/blocks/intake-01/index.js

@@ -0,0 +1 @@
+export { Intake01, default } from './intake-01.js';