@tribepad/themis 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -5,6 +5,20 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.3.0] - 2026-04-21
+
+### Added
+- **PageTitle** — accessible page header for listing and landing pages (WCAG 2.2 target).
+  Compound API: `PageTitle.Breadcrumbs`, `PageTitle.Heading`, `PageTitle.Description`, `PageTitle.Actions`, `PageTitle.Tabs`.
+  - Two variants — `default` (light card) and `feature` (primary gradient).
+  - Semantic `<header>` root (no `role="banner"` — reserved for the site-level landmark).
+  - `<h1>` by default via `PageTitle.Heading`; override to `h2`/`h3` via `as` prop when the page's primary heading lives elsewhere. Dev-mode warning if multiple `<h1>`s land on the page.
+  - `PageTitle.Breadcrumbs` is items-driven (renders Themis `Breadcrumbs` internally) so the `<nav aria-label="Breadcrumb">` + `aria-current="page"` semantics are always correct.
+  - Feature variant applies a full-opacity foreground override to breadcrumb links, separators, and focus ring so they remain visible over the gradient without opacity hacks.
+  - Responsive column-to-row layout; 400% zoom reflow supported.
+  - RTL: gradient direction flips via `rtl:` modifier.
+  - AAA contrast of the feature gradient depends on the tenant's `--primary` token; contrast guardrails belong to the theme validator, not this component.
+
 ## [1.2.0] - 2026-04-21
 
 ### Added

package/dist/elements/PageTitle/PageTitle.d.ts

@@ -0,0 +1,33 @@
+import type { PageTitleProps } from './PageTitle.types';
+/**
+ * PageTitle compound component with dot-syntax sub-components.
+ *
+ * @example
+ * ```tsx
+ * <PageTitle variant="feature">
+ *   <PageTitle.Breadcrumbs
+ *     items={[
+ *       { id: 'home', label: 'Dashboard', href: '/' },
+ *       { id: 'forms', label: 'Forms' },
+ *     ]}
+ *     linkComponent={Link}
+ *   />
+ *   <PageTitle.Heading>Forms</PageTitle.Heading>
+ *   <PageTitle.Description>
+ *     Build and manage reusable forms for applications, interviews, screening,
+ *     and onboarding.
+ *   </PageTitle.Description>
+ *   <PageTitle.Actions>
+ *     <Button size="md" leadingIcon={<Plus />}>Create Form</Button>
+ *   </PageTitle.Actions>
+ * </PageTitle>
+ * ```
+ */
+export declare const PageTitle: import("react").ForwardRefExoticComponent<PageTitleProps & import("react").RefAttributes<HTMLElement>> & {
+    Breadcrumbs: import("react").ForwardRefExoticComponent<import("./PageTitle.types").PageTitleBreadcrumbsProps & import("react").RefAttributes<HTMLDivElement>>;
+    Heading: import("react").ForwardRefExoticComponent<import("./PageTitle.types").PageTitleHeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<import("./PageTitle.types").PageTitleDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Actions: import("react").ForwardRefExoticComponent<import("./PageTitle.types").PageTitleActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+    Tabs: import("react").ForwardRefExoticComponent<import("./PageTitle.types").PageTitleTabsProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=PageTitle.d.ts.map

package/dist/elements/PageTitle/PageTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitle.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitle.tsx"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA+FxD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS;;;;;;CAMpB,CAAC"}

package/dist/elements/PageTitle/PageTitle.styles.d.ts

@@ -0,0 +1,33 @@
+/**
+ * PageTitle CVA variants.
+ *
+ * Colour strategy
+ * - Default: `var(--content-background)` + `var(--content-foreground)`
+ *   (standard card surface; description uses `var(--menu-muted)`).
+ * - Feature: branded gradient `var(--primary)` → darkened; all text uses
+ *   `var(--primary-foreground)` at full opacity (no `/70` modifiers).
+ *   Gradient direction flips in RTL so the visual weight stays at the
+ *   reading end.
+ *
+ * AAA contrast of the feature variant's gradient depends on the tenant's
+ * `--primary` value. Tenant-specific contrast guardrails live in the
+ * theme validator, not here — this component renders whatever the tenant
+ * theme supplies.
+ */
+export declare const pageTitleRootVariants: (props?: ({
+    variant?: "default" | "feature" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pageTitleRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const pageTitleBodyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const pageTitleHeadingVariants: (props?: ({
+    variant?: "default" | "feature" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pageTitleDescriptionVariants: (props?: ({
+    variant?: "default" | "feature" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pageTitleBreadcrumbsVariants: (props?: ({
+    variant?: "default" | "feature" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pageTitleActionsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const pageTitleTabsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=PageTitle.styles.d.ts.map

package/dist/elements/PageTitle/PageTitle.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitle.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitle.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAMH,eAAO,MAAM,qBAAqB;;8EAgBjC,CAAC;AAMF,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAMF,eAAO,MAAM,wBAAwB;;8EAapC,CAAC;AAMF,eAAO,MAAM,4BAA4B;;8EAaxC,CAAC;AAMF,eAAO,MAAM,4BAA4B;;8EAmBvC,CAAC;AAMH,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAMF,eAAO,MAAM,qBAAqB,oFAEjC,CAAC"}

package/dist/elements/PageTitle/PageTitle.types.d.ts

@@ -0,0 +1,181 @@
+import { z } from 'zod';
+import type { ElementType, ReactNode } from 'react';
+import { type BreadcrumbItemData } from '../Breadcrumbs/Breadcrumbs.types';
+/**
+ * PageTitle variants.
+ *
+ * - `default` — light card background with dark text. Inner pages, editor contexts.
+ * - `feature` — branded gradient background with light text. Top-level landings.
+ *
+ * Extension policy: add new variants by (1) extending this enum, (2) adding the
+ * CVA variant in `PageTitle.styles`, (3) wiring context-aware sub-component
+ * classes. Do NOT add visual props (gradient, border, shadow) at the root level
+ * — extend through a named variant.
+ */
+export declare const PageTitleVariantSchema: z.ZodEnum<{
+    default: "default";
+    feature: "feature";
+}>;
+/**
+ * Heading tag override for `PageTitle.Heading`.
+ *
+ * Default is `h1`. Callers should override to `h2` when `PageTitle` is not the
+ * page's primary heading (e.g. inside an editor that owns its own `<h1>`).
+ */
+export declare const PageTitleHeadingLevelSchema: z.ZodEnum<{
+    h1: "h1";
+    h2: "h2";
+    h3: "h3";
+}>;
+export declare const PageTitlePropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    variant: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        feature: "feature";
+    }>>;
+}, z.core.$strip>;
+export interface PageTitleProps {
+    children: ReactNode;
+    /** Visual treatment. @default "default" */
+    variant?: 'default' | 'feature';
+    className?: string;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'data-testid'?: string;
+}
+export declare const PageTitleHeadingPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    as: z.ZodOptional<z.ZodEnum<{
+        h1: "h1";
+        h2: "h2";
+        h3: "h3";
+    }>>;
+}, z.core.$strip>;
+export interface PageTitleHeadingProps {
+    children: ReactNode;
+    /** Heading level. @default "h1" */
+    as?: 'h1' | 'h2' | 'h3';
+    className?: string;
+    id?: string;
+    'data-testid'?: string;
+}
+export declare const PageTitleDescriptionPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+}, z.core.$strip>;
+export interface PageTitleDescriptionProps {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    'data-testid'?: string;
+}
+export declare const PageTitleBreadcrumbsPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    items: z.ZodArray<z.ZodObject<{
+        id: z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>;
+        label: z.ZodString;
+        href: z.ZodOptional<z.ZodString>;
+        icon: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
+        isDisabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    }, z.core.$strip>>;
+    linkComponent: z.ZodOptional<z.ZodCustom<ElementType, ElementType>>;
+}, z.core.$strip>;
+export interface PageTitleBreadcrumbsProps {
+    items: BreadcrumbItemData[];
+    /** Polymorphic link component (e.g. next/link). @default "a" */
+    linkComponent?: ElementType;
+    className?: string;
+    'data-testid'?: string;
+    'aria-label'?: string;
+}
+export declare const PageTitleActionsPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+}, z.core.$strip>;
+export interface PageTitleActionsProps {
+    children: ReactNode;
+    className?: string;
+    'data-testid'?: string;
+}
+export declare const PageTitleTabsPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+}, z.core.$strip>;
+export interface PageTitleTabsProps {
+    children: ReactNode;
+    className?: string;
+    'data-testid'?: string;
+}
+export type PageTitleVariant = z.infer<typeof PageTitleVariantSchema>;
+export type PageTitleHeadingLevel = z.infer<typeof PageTitleHeadingLevelSchema>;
+//# sourceMappingURL=PageTitle.types.d.ts.map

package/dist/elements/PageTitle/PageTitle.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitle.types.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitle.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAA4B,KAAK,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAErG;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB;;;EAAiC,CAAC;AAErE;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B;;;;EAA6B,CAAC;AAMtE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;iBAG/B,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;iBAGtC,CAAC;AAEH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;iBAE1C,CAAC;AAEH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;iBAG1C,CAAC;AAEH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,gEAAgE;IAChE,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;iBAEtC,CAAC;AAEH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;iBAEnC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACtE,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,2BAA2B,CAAC,CAAC"}

package/dist/elements/PageTitle/PageTitleActions.d.ts

@@ -0,0 +1,13 @@
+import type { PageTitleActionsProps } from './PageTitle.types';
+/**
+ * PageTitle.Actions
+ *
+ * Container for page-level primary actions (typically Themis `Button`s).
+ * Actions wrap on narrow viewports so 400%-zoom reflow stays intact.
+ *
+ * WCAG 2.2 AAA 2.5.8 Target Size — Button children in this slot must be
+ * `size="md"` or larger (44×44 minimum). The compound does not enforce this
+ * but documents the expectation.
+ */
+export declare const PageTitleActions: import("react").ForwardRefExoticComponent<PageTitleActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageTitleActions.d.ts.map

package/dist/elements/PageTitle/PageTitleActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitleActions.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitleActions.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,kHAiB5B,CAAC"}

package/dist/elements/PageTitle/PageTitleBreadcrumbs.d.ts

@@ -0,0 +1,13 @@
+import type { PageTitleBreadcrumbsProps } from './PageTitle.types';
+/**
+ * PageTitle.Breadcrumbs
+ *
+ * Items-driven breadcrumb trail for the page header. Renders a Themis
+ * `<Breadcrumbs>` internally so the surrounding `<nav aria-label="Breadcrumb">`
+ * and `aria-current="page"` semantics are always correct.
+ *
+ * On the `feature` variant, applies a full-opacity colour override so link and
+ * separator text clear the gradient without relying on reduced-opacity hacks.
+ */
+export declare const PageTitleBreadcrumbs: import("react").ForwardRefExoticComponent<PageTitleBreadcrumbsProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageTitleBreadcrumbs.d.ts.map

package/dist/elements/PageTitle/PageTitleBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitleBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitleBreadcrumbs.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,sHAoBhC,CAAC"}

package/dist/elements/PageTitle/PageTitleContext.d.ts

@@ -0,0 +1,7 @@
+import type { PageTitleVariant } from './PageTitle.types';
+export interface PageTitleContextValue {
+    variant: PageTitleVariant;
+}
+export declare const PageTitleContext: import("react").Context<PageTitleContextValue | null>;
+export declare function usePageTitleContext(): PageTitleContextValue;
+//# sourceMappingURL=PageTitleContext.d.ts.map

package/dist/elements/PageTitle/PageTitleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitleContext.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitleContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,uDAAoD,CAAC;AAElF,wBAAgB,mBAAmB,IAAI,qBAAqB,CAM3D"}

package/dist/elements/PageTitle/PageTitleDescription.d.ts

@@ -0,0 +1,9 @@
+import type { PageTitleDescriptionProps } from './PageTitle.types';
+/**
+ * PageTitle.Description
+ *
+ * Full-opacity supporting copy below the heading. No `opacity-*` or `/70`
+ * modifier — visual hierarchy is weight/size only.
+ */
+export declare const PageTitleDescription: import("react").ForwardRefExoticComponent<PageTitleDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=PageTitleDescription.d.ts.map

package/dist/elements/PageTitle/PageTitleDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitleDescription.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitleDescription.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,4HAiBhC,CAAC"}

package/dist/elements/PageTitle/PageTitleHeading.d.ts

@@ -0,0 +1,12 @@
+import type { PageTitleHeadingProps } from './PageTitle.types';
+/**
+ * PageTitle.Heading
+ *
+ * Renders an `<h1>` by default. Use `as="h2"` or `as="h3"` when `PageTitle` is
+ * not the page's primary heading (e.g. inside an editor that already owns the
+ * page-level `<h1>`).
+ *
+ * Dev-mode check warns if multiple `<h1>`s land on the page.
+ */
+export declare const PageTitleHeading: import("react").ForwardRefExoticComponent<PageTitleHeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=PageTitleHeading.d.ts.map

package/dist/elements/PageTitle/PageTitleHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitleHeading.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitleHeading.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,sHAgC5B,CAAC"}

package/dist/elements/PageTitle/PageTitleTabs.d.ts

@@ -0,0 +1,11 @@
+import type { PageTitleTabsProps } from './PageTitle.types';
+/**
+ * PageTitle.Tabs
+ *
+ * Optional tabs region that renders below the title row. Consumers place
+ * Themis `<Tabs>` (or any tablist) inside. Renders full-width on all
+ * viewports; sits inside the `<header>` landmark so tabs read as part of
+ * the page header.
+ */
+export declare const PageTitleTabs: import("react").ForwardRefExoticComponent<PageTitleTabsProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageTitleTabs.d.ts.map

package/dist/elements/PageTitle/PageTitleTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTitleTabs.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/PageTitleTabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+GAgBzB,CAAC"}

package/dist/elements/PageTitle/index.d.ts

@@ -0,0 +1,11 @@
+export { PageTitle } from './PageTitle';
+export { PageTitleBreadcrumbs } from './PageTitleBreadcrumbs';
+export { PageTitleHeading } from './PageTitleHeading';
+export { PageTitleDescription } from './PageTitleDescription';
+export { PageTitleActions } from './PageTitleActions';
+export { PageTitleTabs } from './PageTitleTabs';
+export { usePageTitleContext, type PageTitleContextValue } from './PageTitleContext';
+export { pageTitleRootVariants, pageTitleRowVariants, pageTitleBodyVariants, pageTitleHeadingVariants, pageTitleDescriptionVariants, pageTitleBreadcrumbsVariants, pageTitleActionsVariants, pageTitleTabsVariants, } from './PageTitle.styles';
+export { PageTitlePropsSchema, PageTitleHeadingPropsSchema, PageTitleDescriptionPropsSchema, PageTitleBreadcrumbsPropsSchema, PageTitleActionsPropsSchema, PageTitleTabsPropsSchema, PageTitleVariantSchema, PageTitleHeadingLevelSchema, } from './PageTitle.types';
+export type { PageTitleProps, PageTitleHeadingProps, PageTitleDescriptionProps, PageTitleBreadcrumbsProps, PageTitleActionsProps, PageTitleTabsProps, PageTitleVariant, PageTitleHeadingLevel, } from './PageTitle.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/PageTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PageTitle/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,mBAAmB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAGrF,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,4BAA4B,EAC5B,4BAA4B,EAC5B,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,+BAA+B,EAC/B,+BAA+B,EAC/B,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,cAAc,EACd,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EACzB,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC"}

package/dist/elements/PageTitle/index.js

@@ -0,0 +1,3 @@
+"use client";
+'use strict';var react=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),zod=require('zod'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),reactAriaComponents=require('react-aria-components'),jsxRuntime=require('react/jsx-runtime');function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var j=react.createContext(null);function v(){let e=react.useContext(j);if(!e)throw new Error("PageTitle compound components must be used within <PageTitle>");return e}var h=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var Z=zod.z.object({id:zod.z.union([zod.z.string(),zod.z.number()]),label:zod.z.string(),href:zod.z.string().optional(),icon:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional().default(false)}),rt=zod.z.union([zod.z.literal("chevron"),zod.z.literal("slash"),zod.z.custom()]);h.extend({items:zod.z.array(Z),separator:rt.optional().default("chevron"),maxItems:zod.z.number().int().positive().optional().default(4),itemsBeforeCollapse:zod.z.number().int().nonnegative().optional().default(1),itemsAfterCollapse:zod.z.number().int().positive().optional().default(2),linkComponent:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional().default(false)});var J=classVarianceAuthority.cva("z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md p-1",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}}),k=classVarianceAuthority.cva("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function Q(e){if(typeof e=="function"||typeof e=="object")return e?.displayName}var Ie=react.forwardRef(({defaultOpen:e=false,isOpen:t,onOpenChange:a,children:r},o)=>{if(process.env.NODE_ENV!=="production"){let n=react.Children.toArray(r),s=n.some(p=>react.isValidElement(p)&&(p.type===H||Q(p.type)==="DropdownTrigger")),u=n.some(p=>react.isValidElement(p)&&(p.type===C||Q(p.type)==="DropdownMenu"));if(!s||!u)throw new Error("Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children")}return jsxRuntime.jsx(reactAriaComponents.MenuTrigger,{defaultOpen:e,isOpen:t,onOpenChange:a,children:r})});Ie.displayName="Dropdown";var H=react.forwardRef(({children:e,...t},a)=>react.isValidElement(e)?react.cloneElement(e,{...t,slot:"trigger"}):jsxRuntime.jsx(reactAriaComponents.Button,{ref:a,...t,children:e}));H.displayName="DropdownTrigger";var C=react.forwardRef(({align:e="start",side:t="bottom",className:a,children:r,...o},n)=>{let s=`${t} ${e}`;return jsxRuntime.jsx(reactAriaComponents.Popover,{placement:s,className:"data-[entering]:motion-safe:animate-in data-[entering]:motion-safe:fade-in-0 data-[entering]:motion-safe:slide-in-from-top-2 data-[entering]:[animation-duration:250ms] data-[entering]:[animation-timing-function:cubic-bezier(0.16,1,0.3,1)] data-[exiting]:motion-safe:animate-out data-[exiting]:motion-safe:fade-out-0 data-[exiting]:motion-safe:slide-out-to-top-2 data-[exiting]:[animation-duration:150ms]",children:jsxRuntime.jsx(reactAriaComponents.Menu,{className:l(J({variant:"default"}),a),...o,children:r})})});C.displayName="DropdownMenu";var X=react.forwardRef(({children:e,onAction:t,isDisabled:a=false,shortcut:r,icon:o,iconRight:n,className:s,"aria-label":u,...p},m)=>{let f=react.Children.toArray(e),c=x=>react.isValidElement(x)&&(x.type===C||Q(x.type)==="DropdownMenu"),g=f.some(c),P=f.filter(x=>!c(x)),w=f.find(c);return g&&w?jsxRuntime.jsxs(reactAriaComponents.SubmenuTrigger,{children:[jsxRuntime.jsxs(reactAriaComponents.MenuItem,{"aria-label":u,className:l(k({variant:"default"}),s),...p,children:[o&&jsxRuntime.jsx("span",{className:"mr-2",children:o}),jsxRuntime.jsx("span",{className:"flex-1",children:P}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:"ml-auto h-4 w-4","aria-hidden":"true"})]}),w]}):jsxRuntime.jsxs(reactAriaComponents.MenuItem,{onAction:t,isDisabled:a,"aria-label":u,className:l(k({variant:"default"}),s),...p,children:[o&&jsxRuntime.jsx("span",{className:"mr-2",children:o}),jsxRuntime.jsx("span",{className:"flex-1",children:e}),n&&jsxRuntime.jsx("span",{className:"ml-auto",children:n}),r&&jsxRuntime.jsx("kbd",{className:"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100",children:r})]})});X.displayName="DropdownItem";var ee=react.memo(react.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx(reactAriaComponents.Separator,{className:l("-mx-1 my-1 h-px bg-[var(--accent-background)]",e),...t})));ee.displayName="DropdownSeparator";var te=react.memo(react.forwardRef(({children:e,className:t,...a},r)=>jsxRuntime.jsx(reactAriaComponents.Header,{className:l("px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",t),...a,children:e})));te.displayName="DropdownLabel";var S=Object.assign(Ie,{Trigger:H,Menu:C,Item:X,Separator:ee,Label:te});var ae=classVarianceAuthority.cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),re=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background motion-safe:transition-transform motion-safe:duration-200 motion-safe:[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)] motion-reduce:transition-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] hover:-translate-y-1",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background-hover,var(--destructive-background))] motion-safe:hover:btn-warn-shake",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary-hover,var(--secondary))]",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)]",link:"text-[var(--text-link)] underline underline-offset-4 hover:bg-[var(--accent)] hover:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var oe="data-[pressed]:scale-[0.97]";var ne="data-[hovered]:shadow-md";var L="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",_="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var Le=react.createContext(null);Le.displayName="ButtonGroupContext";function _e(){return react.useContext(Le)}var Me=react.createContext(null);Me.displayName="ButtonGroupItemContext";function Ge(){return react.useContext(Me)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var ze=classVarianceAuthority.cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var M=react.memo(react.forwardRef(({className:e,buttonVisualClassName:t,variant:a,size:r,visualSize:o,fullWidth:n,loading:s=false,loadingText:u="Loading...",shortcut:p,children:m,isDisabled:f,paywall:c=false,paywallRedirect:g,paywallDescription:P,onPress:w,...x},je)=>{let De=react.useId(),E=_e(),Ne=Ge(),Ze=a??E?.variant??"default",Je=r??E?.size,Ke=f??E?.isDisabled??false,we=E?.orientation==="vertical",Ve=n||we,Qe=Ne?ze({orientation:E?.orientation??"horizontal",position:Ne.position}):"",q=o??Je??"default";return process.env.NODE_ENV!=="production"&&(q==="dot"||q==="icon")&&!x["aria-label"]&&!m&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:je,isDisabled:Ke||s||void 0,"aria-disabled":c?true:void 0,"aria-describedby":c?De:void 0,onPress:R=>{if(c){g&&window.open(g,"_blank","noopener,noreferrer");return}w?.(R);},className:l(ae({fullWidth:Ve,inVerticalGroup:we}),e),...x,children:R=>jsxRuntime.jsxs("span",{className:l(re({variant:Ze,visualSize:q,paywall:c,fullWidth:Ve}),Qe,t,oe,ne,L,_),"data-pressed":R.isPressed||void 0,children:[s&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:u})]}),!s&&m,c&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),c&&jsxRuntime.jsxs("span",{id:De,className:"sr-only",children:["Premium feature: ",P||"Upgrade required to access this feature"]}),R.isFocusVisible&&p&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:p})]})})}));M.displayName="Button";var Oe=classVarianceAuthority.cva("flex items-center flex-wrap",{variants:{},defaultVariants:{}}),$e=classVarianceAuthority.cva("flex flex-wrap items-center gap-1 break-words text-sm text-[var(--menu-muted)]",{variants:{},defaultVariants:{}}),G=classVarianceAuthority.cva("inline-flex items-center gap-1",{variants:{},defaultVariants:{}}),de=classVarianceAuthority.cva("inline-flex items-center gap-2 min-h-[44px] pr-2 rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",{variants:{state:{default:["text-[var(--menu-muted)]","hover:text-[var(--content-foreground)]","hover:underline underline-offset-4"].join(" "),current:"text-[var(--content-foreground)] font-medium pointer-events-none",disabled:"text-[var(--menu-muted)] opacity-50 cursor-not-allowed pointer-events-none"}},defaultVariants:{state:"default"}}),me=classVarianceAuthority.cva("text-[var(--menu-muted)]",{variants:{type:{chevron:"[&>svg]:h-4 [&>svg]:w-4",slash:"mx-2",custom:""}},defaultVariants:{type:"chevron"}}),Nt=classVarianceAuthority.cva("inline-flex items-center justify-center min-h-[44px] min-w-[44px] rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 hover:bg-[var(--accent)]",{variants:{},defaultVariants:{}});function Ye(e,t){return e===t-1}function wt(e,t,a,r){if(e.length<=t||a+r>=e.length)return null;let o=e.slice(0,a),n=e.slice(-r),s=e.slice(a,e.length-r);return {before:o,collapsed:s,after:n}}function z({separator:e}){return e==="chevron"?jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:me({type:"chevron"}),children:jsxRuntime.jsx(lucideReact.ChevronRight,{})}):e==="slash"?jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:me({type:"slash"}),children:"/"}):jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:me({type:"custom"}),children:e})}function ce({item:e,isCurrent:t,linkComponent:a="a",isGroupDisabled:r}){let o=r||e.isDisabled,n=t?"current":o?"disabled":"default";return t?jsxRuntime.jsxs("span",{className:de({state:"current"}),"aria-current":"page",children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):e.href?jsxRuntime.jsxs(a,{href:e.href,className:de({state:n}),"aria-disabled":o||void 0,children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):jsxRuntime.jsxs("span",{className:de({state:o?"disabled":"default"}),"aria-disabled":o||void 0,children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]})}function Vt({items:e,linkComponent:t="a",isGroupDisabled:a}){return jsxRuntime.jsxs(S,{defaultOpen:false,children:[jsxRuntime.jsx(S.Trigger,{children:jsxRuntime.jsx(M,{variant:"ghost",size:"icon",className:Nt(),"aria-label":"More breadcrumbs",children:jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-4 w-4"})})}),jsxRuntime.jsx(S.Menu,{align:"start",side:"bottom",children:e.map(r=>jsxRuntime.jsx(S.Item,{isDisabled:a||r.isDisabled,children:jsxRuntime.jsxs(t,{href:r.href,className:"flex flex-1 items-center gap-2",children:[r.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:r.icon}),r.label]})},r.id))})]})}var O=react.forwardRef(({items:e,separator:t="chevron",maxItems:a=4,itemsBeforeCollapse:r=1,itemsAfterCollapse:o=2,linkComponent:n,isDisabled:s,className:u,"aria-label":p="Breadcrumb",...m},f)=>{if(!e||e.length===0)return null;let c=wt(e,a,r,o);return c?jsxRuntime.jsx("nav",{ref:f,"aria-label":p,className:l(Oe(),u),...m,children:jsxRuntime.jsxs("ol",{className:$e(),children:[c.before.map(g=>jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:G(),children:jsxRuntime.jsx(ce,{item:g,isCurrent:false,linkComponent:n,isGroupDisabled:s})}),jsxRuntime.jsx(z,{separator:t})]},g.id)),jsxRuntime.jsx("li",{className:G(),children:jsxRuntime.jsx(Vt,{items:c.collapsed,linkComponent:n,isGroupDisabled:s})}),jsxRuntime.jsx(z,{separator:t}),c.after.map((g,P)=>{let w=P===c.after.length-1,x=e.length-c.after.length+P;return jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:G(),children:jsxRuntime.jsx(ce,{item:g,isCurrent:Ye(x,e.length),linkComponent:n,isGroupDisabled:s})}),!w&&jsxRuntime.jsx(z,{separator:t})]},g.id)})]})}):jsxRuntime.jsx("nav",{ref:f,"aria-label":p,className:l(Oe(),u),...m,children:jsxRuntime.jsx("ol",{className:$e(),children:e.map((g,P)=>jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:G(),children:jsxRuntime.jsx(ce,{item:g,isCurrent:Ye(P,e.length),linkComponent:n,isGroupDisabled:s})}),P<e.length-1&&jsxRuntime.jsx(z,{separator:t})]},g.id))})})});O.displayName="Breadcrumbs";var ue=classVarianceAuthority.cva("flex flex-col gap-5 border-b border-[var(--border)] p-4",{variants:{variant:{default:"bg-[var(--content-background)]",feature:["bg-[linear-gradient(to_right,var(--primary),color-mix(in_oklch,var(--primary),black_60%))]","rtl:bg-[linear-gradient(to_left,var(--primary),color-mix(in_oklch,var(--primary),black_60%))]"].join(" ")}},defaultVariants:{variant:"default"}}),fe=classVarianceAuthority.cva("flex w-full flex-col gap-5 sm:flex-row sm:items-center sm:justify-between"),ge=classVarianceAuthority.cva("flex min-w-0 flex-1 flex-col gap-2"),be=classVarianceAuthority.cva("text-[28px] font-semibold leading-none tracking-tight",{variants:{variant:{default:"text-[var(--content-foreground)]",feature:"text-[var(--primary-foreground)]"}},defaultVariants:{variant:"default"}}),ve=classVarianceAuthority.cva("text-base leading-normal",{variants:{variant:{default:"text-[var(--menu-muted)]",feature:"text-[var(--primary-foreground)]"}},defaultVariants:{variant:"default"}}),xe=classVarianceAuthority.cva("flex w-full",{variants:{variant:{default:"",feature:["[&_a]:text-[var(--primary-foreground)]","[&_a:hover]:text-[var(--primary-foreground)]","[&_[aria-current=page]]:text-[var(--primary-foreground)]","[&_[role=presentation]]:text-[var(--primary-foreground)]","[&_:focus-visible]:ring-[var(--primary-foreground)]"].join(" ")}},defaultVariants:{variant:"default"}}),Te=classVarianceAuthority.cva("flex shrink-0 flex-wrap items-center gap-2"),Pe=classVarianceAuthority.cva("flex w-full");var $=react.forwardRef(function({items:t,linkComponent:a,className:r,"data-testid":o,"aria-label":n},s){let{variant:u}=v();return jsxRuntime.jsx("div",{ref:s,className:l(xe({variant:u}),r),"data-testid":o??"page-title-breadcrumbs",children:jsxRuntime.jsx(O,{items:t,linkComponent:a,"aria-label":n})})});$.displayName="PageTitle.Breadcrumbs";var Y=react.forwardRef(function({as:t="h1",children:a,className:r,id:o,"data-testid":n},s){let{variant:u}=v();react.useEffect(()=>{if(process.env.NODE_ENV!=="production"&&t==="h1"){let f=document.querySelectorAll("h1").length;f>1&&console.warn(`[PageTitle] Multiple <h1> elements detected on the page (${f}). Each page should have exactly one <h1>. Pass \`as="h2"\` when PageTitle is not the primary page heading.`);}},[t]);let p=l(be({variant:u}),r),m={ref:s,id:o,className:p,"data-testid":n??"page-title-heading"};return t==="h2"?jsxRuntime.jsx("h2",{...m,children:a}):t==="h3"?jsxRuntime.jsx("h3",{...m,children:a}):jsxRuntime.jsx("h1",{...m,children:a})});Y.displayName="PageTitle.Heading";var F=react.forwardRef(function({children:t,className:a,id:r,"data-testid":o},n){let{variant:s}=v();return jsxRuntime.jsx("p",{ref:n,id:r,className:l(ve({variant:s}),a),"data-testid":o??"page-title-description",children:t})});F.displayName="PageTitle.Description";var W=react.forwardRef(function({children:t,className:a,"data-testid":r},o){return v(),jsxRuntime.jsx("div",{ref:o,className:l(Te(),a),"data-testid":r??"page-title-actions",children:t})});W.displayName="PageTitle.Actions";var U=react.forwardRef(function({children:t,className:a,"data-testid":r},o){return v(),jsxRuntime.jsx("div",{ref:o,className:l(Pe(),a),"data-testid":r??"page-title-tabs",children:t})});U.displayName="PageTitle.Tabs";var zt={"PageTitle.Breadcrumbs":"breadcrumbs","PageTitle.Heading":"heading","PageTitle.Description":"description","PageTitle.Actions":"actions","PageTitle.Tabs":"tabs"};function Ot(e){let t={breadcrumbs:null,heading:null,description:null,actions:null,tabs:null,other:[]};return react.Children.forEach(e,a=>{if(!react.isValidElement(a)){a!=null&&a!==false&&t.other.push(a);return}let r=a.type,o=typeof r=="string"?void 0:r?.displayName,n=o?zt[o]:void 0;n?t[n]=a:t.other.push(a);}),t}var We=react.forwardRef(function({children:t,variant:a="default",className:r,id:o,"aria-label":n,"aria-labelledby":s,"data-testid":u="page-title"},p){let m=Ot(t),f=react.useMemo(()=>({variant:a}),[a]);return jsxRuntime.jsx(j.Provider,{value:f,children:jsxRuntime.jsxs("header",{ref:p,id:o,className:l(ue({variant:a}),r),"aria-label":n,"aria-labelledby":s,"data-testid":u,"data-page-title-variant":a,children:[m.breadcrumbs,jsxRuntime.jsxs("div",{className:fe(),children:[jsxRuntime.jsxs("div",{className:ge(),children:[m.heading,m.description,m.other]}),m.actions]}),m.tabs]})})});We.displayName="PageTitle";var $t=Object.assign(We,{Breadcrumbs:$,Heading:Y,Description:F,Actions:W,Tabs:U});var Ue=zod.z.enum(["default","feature"]),qe=zod.z.enum(["h1","h2","h3"]),Ft=h.extend({children:zod.z.custom(),variant:Ue.optional()}),Wt=h.extend({children:zod.z.custom(),as:qe.optional()}),Ut=h.extend({children:zod.z.custom()}),qt=h.extend({items:zod.z.array(Z),linkComponent:zod.z.custom().optional()}),jt=h.extend({children:zod.z.custom()}),Zt=h.extend({children:zod.z.custom()});exports.PageTitle=$t;exports.PageTitleActions=W;exports.PageTitleActionsPropsSchema=jt;exports.PageTitleBreadcrumbs=$;exports.PageTitleBreadcrumbsPropsSchema=qt;exports.PageTitleDescription=F;exports.PageTitleDescriptionPropsSchema=Ut;exports.PageTitleHeading=Y;exports.PageTitleHeadingLevelSchema=qe;exports.PageTitleHeadingPropsSchema=Wt;exports.PageTitlePropsSchema=Ft;exports.PageTitleTabs=U;exports.PageTitleTabsPropsSchema=Zt;exports.PageTitleVariantSchema=Ue;exports.pageTitleActionsVariants=Te;exports.pageTitleBodyVariants=ge;exports.pageTitleBreadcrumbsVariants=xe;exports.pageTitleDescriptionVariants=ve;exports.pageTitleHeadingVariants=be;exports.pageTitleRootVariants=ue;exports.pageTitleRowVariants=fe;exports.pageTitleTabsVariants=Pe;exports.usePageTitleContext=v;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map