themelia-react-ui 1.0.0 → 1.0.1

package/dist/components/base/inline-edit/inline-edit.d.ts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { type StringsProp } from '../../../lib/strings';
+import { type InputProps, type TextareaProps } from '../text-inputs';
+export interface InlineEditStrings {
+    /** Accessible name of the edit action when editLabel is absent. */
+    edit: string;
+    /** Accessible name of the save action. */
+    save: string;
+    /** Accessible name of the cancel action, including while saving. */
+    cancel: string;
+    /** Live announcement and save action name during persistence. */
+    saving: string;
+    /** Validation copy for a required empty value. */
+    required: string;
+    /** Fallback copy for a rejected save without an Error message. */
+    saveError: string;
+    /** Display copy for an empty value when placeholder is absent. */
+    empty: string;
+}
+export declare const defaultInlineEditStrings: InlineEditStrings;
+export interface InlineEditSaveContext {
+    /** Aborted on cancel, unmount, external value replacement, or external dismissal. */
+    signal: AbortSignal;
+}
+type SharedControlProps = Pick<InputProps, 'size' | 'invalid' | 'loading' | 'clearable' | 'onClear' | 'showCharacterCount'>;
+type OwnedEditorProps = keyof SharedControlProps | 'value' | 'defaultValue' | 'onChange' | 'ref' | 'id' | 'name' | 'form' | 'required' | 'disabled' | 'readOnly' | 'placeholder' | 'autoComplete' | 'maxLength' | 'rows' | 'returnValueWithAddons';
+export interface InlineEditProps extends SharedControlProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'children' | 'defaultValue' | 'onChange'> {
+    /** Native Input attributes, adornments and strings. Draft/state ownership stays with InlineEdit. */
+    inputProps?: Omit<InputProps, OwnedEditorProps>;
+    /** Native Textarea attributes, resizing options and strings. Draft/state ownership stays with InlineEdit. */
+    textareaProps?: Omit<TextareaProps, OwnedEditorProps>;
+    /** Committed value. Draft edits remain local until save succeeds. */
+    value?: string;
+    /** Initial committed value for uncontrolled usage. */
+    defaultValue?: string;
+    /** Called with the new committed value after a successful changed save. */
+    onValueChange?: (value: string) => void;
+    /** Controlled editor visibility. */
+    editing?: boolean;
+    /** Initial visibility for uncontrolled usage. */
+    defaultEditing?: boolean;
+    /** Requests a visibility change; controlled parents must update editing. */
+    onEditingChange?: (editing: boolean) => void;
+    /** Uses Textarea. Plain Enter inserts a newline; Ctrl/Cmd+Enter saves. */
+    multiline?: boolean;
+    /** Field caption above both presentation and editing states. */
+    label?: React.ReactNode;
+    /** Supporting copy, replaced by a validation or save error when present. */
+    description?: React.ReactNode;
+    /** Empty display copy and editor placeholder. */
+    placeholder?: string;
+    /** Accessible edit action name, useful when the display is a title. */
+    editLabel?: string;
+    /** Custom passive display content. Do not nest interactive elements. */
+    renderValue?: (value: string) => React.ReactNode;
+    /** Prevents editing and disables the edit action. */
+    disabled?: boolean;
+    /** Renders passive content with no edit action. */
+    readOnly?: boolean;
+    /** Save-time validation for an empty draft; marks the editor aria-required without constraining the parent form. */
+    required?: boolean;
+    /** Return an error message to keep the draft open without calling onSave. */
+    validate?: (value: string) => string | undefined | null;
+    /** Persist the draft; rejection keeps it open for correction or retry. */
+    onSave?: (value: string, context: InlineEditSaveContext) => void | Promise<void>;
+    /** Native form field name. Only the committed value is submitted. */
+    name?: string;
+    /** Associates the committed hidden field with a native form. */
+    form?: string;
+    /** Native editor autocomplete hint. */
+    autoComplete?: string;
+    /** Maximum editor character count. */
+    maxLength?: number;
+    /** Native Textarea row count. */
+    rows?: number;
+    /** Localized component copy. */
+    strings?: StringsProp<InlineEditStrings>;
+}
+/** Inline text editing with an isolated draft and explicit, cancellable saves. */
+export declare const InlineEdit: React.ForwardRefExoticComponent<InlineEditProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/base/inline-edit/inline-edit.recipes.d.ts

@@ -0,0 +1,6 @@
+/** Private field/action layout; geometry remains generated from shared roots. */
+export declare const inlineEditRecipes: {
+    readonly frame: "transition-[grid-template-columns,column-gap] duration-180 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none";
+    readonly closedColumns: "grid-cols-[minmax(0,1fr)_0px]";
+    readonly actionsTrack: "min-w-0 flex items-center justify-end overflow-hidden focus-within:overflow-visible transition-opacity duration-180 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none";
+};

package/dist/components/base/structure/structure.recipes.d.ts

@@ -1,4 +1,10 @@
 import type { AdaptiveGridMinimum, GridColumnLadder, ResponsiveValue, StructureAlign, StructureGap, StructureJustify } from './structure.types';
+/** Shared region/peer rhythm for structures and composed surface owners. */
+export declare function gapRecipe({ gap, rowGap, columnGap, }: {
+    gap?: ResponsiveValue<StructureGap>;
+    rowGap?: ResponsiveValue<StructureGap>;
+    columnGap?: ResponsiveValue<StructureGap>;
+}): string[];
 export declare function stackRecipe({ direction, gap, align, justify, wrap, }: {
     direction?: ResponsiveValue<'vertical' | 'horizontal'>;
     gap?: ResponsiveValue<StructureGap>;

package/dist/components/blocks/analytics/index.d.ts

@@ -32,3 +32,4 @@ export { MetricGradient, type MetricGradientProps, type MetricGradientTheme, } f
 export { ActivityHeatmap, type ActivityHeatmapDay, type ActivityHeatmapProps, type ActivityHeatmapStrings, type ActivityLevel, } from './activity-heatmap';
 export { ChartCard, type ChartCardProps } from './chart-card';
 export { TimeDistributionRuler, defaultTimeDistributionRulerStrings, type TimeDistributionRulerProps, type TimeDistributionRulerStrings, } from './time-ruler';
+export * from './usage-card';

package/dist/components/blocks/analytics/usage-card/index.d.ts

@@ -0,0 +1,3 @@
+export { UsageCard } from './usage-card';
+export { defaultUsageCardStrings, type UsageCardStrings } from './usage-card.strings';
+export type { UsageCardProps, UsageCardData, UsageCardQuota, UsageCardCategory, UsageCardDay, UsageCardResource, UsageCardPeriod } from './types';

package/dist/components/blocks/analytics/usage-card/types.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import type { CardProps } from '../../../base/cards';
+import type { StringsProp } from '../../../../lib/strings';
+import type { UsageCardStrings } from './usage-card.strings';
+/** Explicit `null` limit means unlimited; omitted limit means unavailable. */
+export interface UsageCardQuota {
+    used: number | null;
+    limit?: number | null;
+    unit?: string;
+}
+export interface UsageCardCategory {
+    id: string;
+    label: string;
+    value: number | null;
+    /** Semantic chart role; defaults to cycling through the five chart roles. */
+    color?: 1 | 2 | 3 | 4 | 5;
+}
+export interface UsageCardDay {
+    /** App-formatted date or day label, in chronological order. */
+    label: string;
+    value: number | null;
+}
+export interface UsageCardResource extends UsageCardQuota {
+    id: string;
+    label: string;
+}
+export interface UsageCardData extends UsageCardQuota {
+    categories?: readonly UsageCardCategory[];
+    daily?: readonly UsageCardDay[];
+    resources?: readonly UsageCardResource[];
+}
+export interface UsageCardPeriod {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface UsageCardProps extends Pick<CardProps, 'title' | 'description' | 'icon' | 'titleSuffix' | 'headerAction' | 'surface' | 'padding' | 'className'> {
+    data?: UsageCardData | null;
+    /** Loading and error replace stale data; fetching stays in the application. */
+    status?: 'ready' | 'loading' | 'error' | 'empty';
+    periods?: readonly UsageCardPeriod[];
+    /** Controlled selection. Defaults visually to the first period when omitted. */
+    period?: string;
+    onPeriodChange?: (value: string) => void;
+    onRetry?: () => void;
+    loadingSlot?: ReactNode;
+    errorSlot?: ReactNode;
+    emptySlot?: ReactNode;
+    /** App-owned billing/navigation action in the Card footer. */
+    footerAction?: ReactNode;
+    strings?: StringsProp<UsageCardStrings>;
+}

package/dist/components/blocks/analytics/usage-card/usage-card.d.ts

@@ -0,0 +1,6 @@
+import type { UsageCardProps } from './types';
+/** App-owned usage data and period callbacks in the canonical Card composition. */
+export declare function UsageCard({ data, status, periods, period, onPeriodChange, onRetry, loadingSlot, errorSlot, emptySlot, footerAction, strings: stringsProp, ...cardProps }: UsageCardProps): import("react").JSX.Element;
+export declare namespace UsageCard {
+    var displayName: string;
+}

package/dist/components/blocks/analytics/usage-card/usage-card.data.d.ts

@@ -0,0 +1,19 @@
+import type { UsageCardDay } from './types';
+export declare function validUsage(value: number | null | undefined): number | null;
+/** Account only for rounding accumulated by positive finite category additions. */
+export declare function usageExceeds(actual: number, expected: number, terms?: number): boolean;
+/** Retain actual numbers; cap only geometry. Zero quota has no finite percentage. */
+export declare function quotaSummary(usedValue: number | null, limitValue: number | null | undefined): {
+    readonly kind: "unavailable" | "unlimited" | "limited";
+    readonly used: number | null;
+    readonly limit: number | null;
+    readonly percent: number | null;
+    readonly progress: number | null;
+    readonly remaining: number | null;
+    readonly excess: number | null;
+};
+export declare function dailySummary(days: readonly UsageCardDay[]): {
+    values: (number | null)[];
+    average: number | null;
+    maximum: number;
+};

package/dist/components/blocks/analytics/usage-card/usage-card.strings.d.ts

@@ -0,0 +1,22 @@
+export interface UsageCardStrings {
+    title: string;
+    usage: string;
+    used: string;
+    of: string;
+    unlimited: string;
+    unavailable: string;
+    remaining: string;
+    overLimit: string;
+    breakdown: string;
+    inconsistentBreakdown: string;
+    daily: string;
+    average: string;
+    perDay: string;
+    resources: string;
+    periods: string;
+    loading: string;
+    error: string;
+    empty: string;
+    retry: string;
+}
+export declare const defaultUsageCardStrings: UsageCardStrings;

package/dist/components/blocks/planning/index.d.ts

@@ -0,0 +1,3 @@
+export { TaskCard } from './task-card';
+export { defaultTaskCardStrings, type TaskCardStrings } from './task-card.strings';
+export type { TaskCardProps, TaskCardItem, TaskCardStatus, TaskCardDueDate } from './task-card.types';

package/dist/components/blocks/planning/task-card.d.ts

@@ -0,0 +1,3 @@
+import type { TaskCardProps } from './task-card.types';
+/** Compact task summary with explicit keyboard disclosure and controlled subtasks. */
+export declare const TaskCard: import("react").ForwardRefExoticComponent<TaskCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/blocks/planning/task-card.strings.d.ts

@@ -0,0 +1,15 @@
+export interface TaskCardStrings {
+    expand: string;
+    collapse: string;
+    subtasks: string;
+    completion: string;
+    due: string;
+    open: string;
+    empty: string;
+    saving: string;
+    /** Compact visible count; the full completion formatter remains the accessible value. */
+    formatCompletionCount: (completed: number, total: number) => string;
+    formatCompletion: (completed: number, total: number) => string;
+    formatAssignedTo: (name: string) => string;
+}
+export declare const defaultTaskCardStrings: TaskCardStrings;

package/dist/components/blocks/planning/task-card.types.d.ts

@@ -0,0 +1,66 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { StackedAvatarUser } from '../../base/avatar';
+import type { BadgeProps } from '../../base/badge';
+import type { CardProps } from '../../base/cards';
+import type { StringsProp } from '../../../lib/strings';
+import type { TaskCardStrings } from './task-card.strings';
+export interface TaskCardItem {
+    /** Stable identity emitted by the completion callback. */
+    id: string;
+    /** Task copy supplied by the application. */
+    title: string;
+    /** Controlled completion state. */
+    completed: boolean;
+    /** Optional individual assignee. */
+    assignee?: StackedAvatarUser;
+    /** Prevents completion changes for this item. */
+    disabled?: boolean;
+    /** Application-owned saving state; keeps the checkbox inert. */
+    busy?: boolean;
+    /** Application-owned error; connected to the checkbox and announced. */
+    error?: string;
+}
+export interface TaskCardStatus {
+    /** Application-owned workflow status, independent of subtask completion. */
+    label: string;
+    /** Semantic badge tone. Defaults to neutral. */
+    tone?: BadgeProps['tone'];
+}
+export interface TaskCardDueDate {
+    /** Application-formatted date; the library adds the localized Due label. */
+    label: string;
+    /** Optional machine-readable ISO date for native time semantics. */
+    dateTime?: string;
+}
+export interface TaskCardProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'title'> {
+    /** Task title. */
+    title: string;
+    /** Controlled subtasks. Completion is read-only without its callback. */
+    items: readonly TaskCardItem[];
+    /** Application-owned workflow status. */
+    status?: TaskCardStatus;
+    /** Optional due date. */
+    dueDate?: TaskCardDueDate;
+    /** People shown in the compact summary. */
+    assignees?: StackedAvatarUser[];
+    /** Task owner shown in the expanded footer. */
+    assignedTo?: StackedAvatarUser;
+    /** Controlled disclosure state. */
+    expanded?: boolean;
+    /** Initial disclosure state. Defaults to false. */
+    defaultExpanded?: boolean;
+    /** Called for pointer and keyboard disclosure changes. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Completion request; update items to accept the change. */
+    onItemCompletedChange?: (id: string, completed: boolean) => void;
+    /** Open action supplied by the application. */
+    onOpen?: () => void;
+    /** Native navigation destination for the Open action. */
+    href?: string;
+    /** Disables disclosure, completion and the Open action. */
+    disabled?: boolean;
+    /** Canonical Card surface; inherits the provider default. */
+    surface?: CardProps['surface'];
+    /** Overrides this block's labels and formatters. */
+    strings?: StringsProp<TaskCardStrings>;
+}

package/dist/{containers-CPNyNo1_.js → containers-6s-ucRQQ.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "./utils-C2EKeIw3.js";
-import { a as t } from "./structure.recipes-DjqnBpwz.js";
+import { o as t } from "./structure.recipes-Bqhf9oIh.js";
 import { forwardRef as n } from "react";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 import { useRender as o } from "@base-ui/react/use-render";
@@ -20,6 +20,7 @@ var s = {
 };
 function l({ maxWidth: e = "xl", gutter: t = "md" }) {
 	return [
+		"box-border",
 		"mx-auto",
 		"w-full",
 		s[e],
@@ -121,4 +122,4 @@ p.displayName = "TwoColumnLayout";
 //#endregion
 export { u as i, f as n, d as r, p as t };
 
-//# sourceMappingURL=containers-CPNyNo1_.js.map
+//# sourceMappingURL=containers-6s-ucRQQ.js.map

package/dist/containers-6s-ucRQQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containers-6s-ucRQQ.js","names":["_Fragment","cn","stackRecipe","Fragment$1","maxWidthClasses","gutterClasses","containerRecipe","maxWidth","gutter","Container","forwardRef","props","useRender","className","PageViewport","Section","gap","TwoColumnLayout","headerClassName","headerProps","slotProps","mainClassName","mainProps","asideClassName","asideProps","footerClassName","footerProps","adaptTo","header","main","stickyAside","aside","footer"],"sources":["../src/components/layout/containers/container.recipes.ts","../src/components/layout/containers/content-container.tsx","../src/components/layout/containers/page-viewport.tsx","../src/components/layout/containers/section.tsx","../src/components/layout/containers/two-column-layout.tsx"],"sourcesContent":["import type { ContainerGutter, ContainerMaxWidth } from './containers.types';\n\nconst maxWidthClasses: Record<ContainerMaxWidth, string> = {\n\tsm: 'max-w-content-sm',\n\tmd: 'max-w-content-md',\n\tlg: 'max-w-content-lg',\n\txl: 'max-w-content-xl',\n\t'2xl': 'max-w-content-2xl',\n\tfull: 'max-w-none',\n};\n\nconst gutterClasses: Record<ContainerGutter, string> = {\n\tnone: 'px-0',\n\tsm: 'px-surface-xs',\n\tmd: 'px-surface',\n\tlg: 'px-surface-lg',\n};\n\nexport function containerRecipe({\n\tmaxWidth = 'xl',\n\tgutter = 'md',\n}: {\n\tmaxWidth?: ContainerMaxWidth;\n\tgutter?: ContainerGutter;\n}): string[] {\n\treturn ['box-border', 'mx-auto', 'w-full', maxWidthClasses[maxWidth], gutterClasses[gutter]];\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { containerRecipe } from './container.recipes';\nimport type { ContainerProps } from './containers.types';\n\n/** Container — one centered content-width and inline-gutter owner. */\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(function Container(\n\t{ className, maxWidth, gutter, render, ...props },\n\tref,\n) {\n\treturn useRender({\n\t\tdefaultTagName: 'div',\n\t\tref,\n\t\trender,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tclassName: cn('container--component @container/content', containerRecipe({ maxWidth, gutter }), className),\n\t\t},\n\t\tstate: {},\n\t});\n});\n\nContainer.displayName = 'Container';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport type { PageViewportProps } from './containers.types';\n\n/** PageViewport — the single page-scroll and page-container-query owner. */\nexport const PageViewport = forwardRef<HTMLDivElement, PageViewportProps>(function PageViewport(\n\t{ className, render, tabIndex = 0, ...props },\n\tref,\n) {\n\treturn useRender({\n\t\tdefaultTagName: 'div',\n\t\tref,\n\t\trender,\n\t\tprops: {\n\t\t\t...props,\n\t\t\ttabIndex,\n\t\t\tclassName: cn(\n\t\t\t\t'page-viewport--component min-h-0 min-w-0 flex-1 overflow-auto overscroll-contain [scrollbar-gutter:stable] @container/page focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-inset',\n\t\t\t\tclassName,\n\t\t\t),\n\t\t},\n\t\tstate: {},\n\t});\n});\n\nPageViewport.displayName = 'PageViewport';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\n\nimport { stackRecipe } from '../../base/structure/structure.recipes';\nimport { cn } from '../../../lib/utils';\n\nimport type { SectionProps } from './containers.types';\n\n/** Section — a semantic vertical-rhythm owner for page content groups. */\nexport const Section = forwardRef<HTMLElement, SectionProps>(function Section(\n\t{ className, gap, render, ...props },\n\tref,\n) {\n\treturn useRender({\n\t\tdefaultTagName: 'section',\n\t\tref,\n\t\trender,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tclassName: cn('section--component', stackRecipe({ gap: gap ?? 'xl' }), className),\n\t\t},\n\t\tstate: {},\n\t});\n});\n\nSection.displayName = 'Section';\n","import { useRender } from '@base-ui/react/use-render';\nimport { forwardRef } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport type { LayoutSlotAttributes } from '../layout.types';\n\nexport interface TwoColumnLayoutSlotProps {\n\theader?: LayoutSlotAttributes<HTMLDivElement>;\n\tmain?: LayoutSlotAttributes<HTMLDivElement>;\n\taside?: LayoutSlotAttributes<HTMLElement>;\n\tfooter?: LayoutSlotAttributes<HTMLDivElement>;\n}\n\nexport interface TwoColumnLayoutProps extends useRender.ComponentProps<'div'> {\n\t/** Optional content spanning both columns before the work regions. */\n\theader?: ReactNode;\n\t/** Primary detail, form, or index content. */\n\tmain: ReactNode;\n\t/** Secondary summary, support, or action rail. */\n\taside: ReactNode;\n\t/** Optional content spanning both columns after the work regions. */\n\tfooter?: ReactNode;\n\t/** Keep the aside visible while the nearest page viewport scrolls. */\n\tstickyAside?: boolean;\n\t/** Preserve viewport breakpoints by default, or adapt inside Container/PageViewport. */\n\tadaptTo?: 'viewport' | 'container';\n\t/** Native attributes for each stable region. */\n\tslotProps?: TwoColumnLayoutSlotProps;\n}\n\n/** TwoColumnLayout — one truthful, stable-order main/aside grid. */\nexport const TwoColumnLayout = forwardRef<HTMLDivElement, TwoColumnLayoutProps>(\n\tfunction TwoColumnLayout(\n\t\t{\n\t\t\theader,\n\t\t\tmain,\n\t\t\taside,\n\t\t\tfooter,\n\t\t\tstickyAside = false,\n\t\t\tadaptTo = 'viewport',\n\t\t\tslotProps,\n\t\t\tclassName,\n\t\t\trender,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) {\n\t\tconst { className: headerClassName, ...headerProps } = slotProps?.header ?? {};\n\t\tconst { className: mainClassName, ...mainProps } = slotProps?.main ?? {};\n\t\tconst { className: asideClassName, ...asideProps } = slotProps?.aside ?? {};\n\t\tconst { className: footerClassName, ...footerProps } = slotProps?.footer ?? {};\n\n\t\treturn useRender({\n\t\t\tdefaultTagName: 'div',\n\t\t\tref,\n\t\t\trender,\n\t\t\tprops: {\n\t\t\t\t...props,\n\t\t\t\t'data-slot': 'two-column-layout',\n\t\t\t\tclassName: cn(\n\t\t\t\t\t'two-column-layout--component grid min-w-0 grid-cols-1 gap-space-2xl',\n\t\t\t\t\tadaptTo === 'container' ? '@3xl:grid-cols-[minmax(0,2fr)_minmax(18rem,1fr)]' : 'lg:grid-cols-[minmax(0,2fr)_minmax(18rem,1fr)]',\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t\tchildren: (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{header !== undefined && header !== null ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t{...headerProps}\n\t\t\t\t\t\t\t\tdata-slot=\"two-column-layout-header\"\n\t\t\t\t\t\t\t\tclassName={cn('two-column-layout--header col-span-full min-w-0', headerClassName)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t{...mainProps}\n\t\t\t\t\t\t\tdata-slot=\"two-column-layout-main\"\n\t\t\t\t\t\t\tclassName={cn('two-column-layout--main min-h-0 min-w-0', mainClassName)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{main}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<aside\n\t\t\t\t\t\t\t{...asideProps}\n\t\t\t\t\t\t\tdata-slot=\"two-column-layout-aside\"\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'two-column-layout--aside min-h-0 min-w-0',\n\t\t\t\t\t\t\t\tstickyAside && (adaptTo === 'container' ? '@3xl:sticky @3xl:top-space-2xl @3xl:self-start' : 'lg:sticky lg:top-space-2xl lg:self-start'),\n\t\t\t\t\t\t\t\tasideClassName,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{aside}\n\t\t\t\t\t\t</aside>\n\t\t\t\t\t\t{footer !== undefined && footer !== null ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t{...footerProps}\n\t\t\t\t\t\t\t\tdata-slot=\"two-column-layout-footer\"\n\t\t\t\t\t\t\t\tclassName={cn('two-column-layout--footer col-span-full min-w-0', footerClassName)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{footer}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</>\n\t\t\t\t),\n\t\t\t},\n\t\t\tstate: {},\n\t\t});\n\t},\n);\n\nTwoColumnLayout.displayName = 'TwoColumnLayout';\n"],"mappings":";;;;;;;AAEA,IAAMI,IAAqD;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;AACP,GAEMC,IAAiD;CACtD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;AACL;AAEA,SAAgBC,EAAgB,EAC/B,cAAW,MACX,YAAS,QAIG;CACZ,OAAO;EAAC;EAAc;EAAW;EAAUF,EAAgBG;EAAWF,EAAcG;CAAO;AAC5F;;;ACjBA,IAAaC,IAAYC,EAA2C,SACnE,EAAE,cAAW,aAAU,WAAQ,WAAQ,GAAGC,KAC1C,GACC;CACD,OAAOC,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH,WAAWV,EAAG,2CAA2CK,EAAgB;IAAE;IAAU;GAAO,CAAC,GAAGO,CAAS;EAC1G;EACA,OAAO,CAAC;CACT,CAAC;AACF,CAAC;AAED,EAAU,cAAc;;;ACjBxB,IAAaC,IAAeJ,EAA8C,SACzE,EAAE,cAAW,WAAQ,cAAW,GAAG,GAAGC,KACtC,GACC;CACD,OAAOC,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH;GACA,WAAWV,EACV,kOACAY,CACD;EACD;EACA,OAAO,CAAC;CACT,CAAC;AACF,CAAC;AAED,EAAa,cAAc;;;ACnB3B,IAAaE,IAAUL,EAAsC,SAC5D,EAAE,cAAW,QAAK,WAAQ,GAAGC,KAC7B,GACC;CACD,OAAOC,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH,WAAWV,EAAG,sBAAsBC,EAAY,EAAE,KAAKc,KAAO,KAAK,CAAC,GAAGH,CAAS;EACjF;EACA,OAAO,CAAC;CACT,CAAC;AACF,CAAC;AAED,EAAQ,cAAc;;;ACOtB,IAAaI,IAAkBP,EAC9B,SACC,EACC,WACA,SACA,UACA,WACA,iBAAc,IACd,aAAU,YACV,cACA,cACA,WACA,GAAGC,KAEJ,GACC;CACD,IAAM,EAAE,WAAWO,GAAiB,GAAGC,MAAgBC,GAAW,UAAU,CAAC,GACvE,EAAE,WAAWC,GAAe,GAAGC,MAAcF,GAAW,QAAQ,CAAC,GACjE,EAAE,WAAWG,GAAgB,GAAGC,MAAeJ,GAAW,SAAS,CAAC,GACpE,EAAE,WAAWK,GAAiB,GAAGC,MAAgBN,GAAW,UAAU,CAAC;CAE7E,OAAOR,EAAU;EAChB,gBAAgB;EAChB;EACA;EACA,OAAO;GACN,GAAGD;GACH,aAAa;GACb,WAAWV,EACV,uEACA0B,MAAY,cAAc,qDAAqD,kDAC/Ed,CACD;GACA,UACC,kBAAAb,GAAA,EAAA,UAAA;IACE4B,KAAmC,OAQhC,OAPH,kBAAC,OAAD;KACC,GAAIT;KACJ,aAAU;KACV,WAAWlB,EAAG,mDAAmDiB,CAAe;KAE/E,UAAAU;IACG,CAAA;IAEN,kBAAC,OAAD;KACC,GAAIN;KACJ,aAAU;KACV,WAAWrB,EAAG,2CAA2CoB,CAAa;KAErE,UAAAQ;IACG,CAAA;IACL,kBAAC,SAAD;KACC,GAAIL;KACJ,aAAU;KACV,WAAWvB,EACV,4CACA6B,MAAgBH,MAAY,cAAc,mDAAmD,6CAC7FJ,CACD;KAEC,UAAAQ;IACK,CAAA;IACNC,KAAmC,OAQhC,OAPH,kBAAC,OAAD;KACC,GAAIN;KACJ,aAAU;KACV,WAAWzB,EAAG,mDAAmDwB,CAAe;KAE/E,UAAAO;IACG,CAAA;GAEL,EAAA,CAAA;EAEJ;EACA,OAAO,CAAC;CACT,CAAC;AACF,CACD;AAEA,EAAgB,cAAc"}

package/dist/{data-display-b3d1TfL4.js → data-display-cWIRdeaf.js}

@@ -4,14 +4,14 @@ import { useStrings as t } from "./lib/strings.js";
 import { t as n } from "./utils-C2EKeIw3.js";
 import { l as r, n as i, o as a, s as o } from "./buttons-Co6GavvM.js";
 import { a as s, i as c, r as l } from "./typography-Cv8MT-82.js";
-import { r as u, t as d } from "./structure-BvW4vG4H.js";
-import { f, l as p, p as m, u as h } from "./feedback-a9j9J-9A.js";
+import { r as u, t as d } from "./structure-MvKVq-oL.js";
+import { i as f, o as p, r as m, s as h } from "./feedback-DWUkgEjR.js";
 import { _ as g, c as _, l as v, m as y, o as b, p as x, s as S } from "./primitives-DKPOGVpj.js";
 import { r as C } from "./number-BNT_BIzJ.js";
 import { a as w, r as T, t as E } from "./date-BFNMnrS5.js";
 import { t as D } from "./badge-BZXZT9wd.js";
 import { t as O } from "./separator-Gk_WXH-l.js";
-import { n as k } from "./display-ByI5tkqy.js";
+import { n as k } from "./display-CFM5myut.js";
 import { c as ee, l as te, n as A, o as j, r as ne, t as re, u as M } from "./item-pJ0GsOiJ.js";
 import N, { forwardRef as ie } from "react";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
@@ -524,15 +524,15 @@ var G = {
 	illustration: "mb-space-xl"
 }, K = ie(function({ title: r, description: i, media: a, mediaVariant: o = "none", renderMedia: l, actions: u, footer: g, padding: _, border: v = !1, className: y, strings: b, ariaLabel: x }, S) {
 	let C = t(G, b), { defaultScale: w } = e(), T = _ ?? w ?? "md", E = r ?? C.title, D = i === !1 ? null : i ?? C.description, O = l ? l({ mediaVariant: o }) : a, k = !!O;
-	return /* @__PURE__ */ I(p, {
+	return /* @__PURE__ */ I(m, {
 		ref: S,
 		role: "status",
 		"aria-label": x ?? C.ariaLabel,
 		className: n("empty-state--component", de[T], v ? "border-border border border-dashed" : "border-border border-0", y),
-		children: [/* @__PURE__ */ I(f, {
+		children: [/* @__PURE__ */ I(p, {
 			className: "empty-state--header",
 			children: [
-				!!k && /* @__PURE__ */ F(m, {
+				!!k && /* @__PURE__ */ F(h, {
 					variant: fe[o],
 					className: n("empty-state--media", pe[o]),
 					children: O
@@ -550,7 +550,7 @@ var G = {
 					children: D
 				})
 			]
-		}), (!!u || !!g) && /* @__PURE__ */ I(h, {
+		}), (!!u || !!g) && /* @__PURE__ */ I(f, {
 			className: "empty-state--content",
 			children: [!!u && /* @__PURE__ */ F(d, {
 				direction: "horizontal",
@@ -1126,4 +1126,4 @@ $.displayName = "RelationshipCardFrame";
 //#endregion
 export { R as _, he as a, q as c, W as d, U as f, z as g, B as h, ge as i, K as l, V as m, Te as n, me as o, H as p, Y as r, J as s, $ as t, G as u };
 
-//# sourceMappingURL=data-display-b3d1TfL4.js.map
+//# sourceMappingURL=data-display-cWIRdeaf.js.map