@entifix/react-controls 0.1.0-0

package/dist/ui/atoms/text/text.js

@@ -0,0 +1,221 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+const STEP_CLASS = {
+    '-2': 'text-step-xs',
+    '-1': 'text-step-sm',
+    0: 'text-step-0',
+    1: 'text-step-1',
+    2: 'text-step-2',
+    3: 'text-step-3'
+};
+const WEIGHT_CLASS = {
+    normal: 'font-normal',
+    medium: 'font-medium',
+    semibold: 'font-semibold'
+};
+const TONE_CLASS = {
+    default: 'text-content',
+    muted: 'text-content-muted',
+    primary: 'text-primary',
+    accent: 'text-accent'
+};
+const ALIGN_CLASS = {
+    start: 'text-left',
+    center: 'text-center',
+    end: 'text-right'
+};
+const CLAMP_CLASS = {
+    1: 'line-clamp-1',
+    2: 'line-clamp-2',
+    3: 'line-clamp-3',
+    4: 'line-clamp-4'
+};
+/** Body text with fluid sizing and theme-driven color. */ export function Text(_0) {
+    let { step = 0, weight, tone = 'default', align, truncate = false, lineClamp, muted = false, as: Tag = 'p', className } = _0, props = _object_without_properties_loose(_0, [
+        "step",
+        "weight",
+        "tone",
+        "align",
+        "truncate",
+        "lineClamp",
+        "muted",
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn(STEP_CLASS[step], weight && WEIGHT_CLASS[weight], TONE_CLASS[muted ? 'muted' : tone], align && ALIGN_CLASS[align], truncate && 'truncate', lineClamp && CLAMP_CLASS[lineClamp], className)
+    }, props));
+}
+/** Larger intro paragraph — sets a subject up before the body copy. */ export function Lead(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Text, _extends({
+        step: 1,
+        tone: "muted",
+        className: cn('max-w-prose leading-relaxed', className)
+    }, props));
+}
+/** Small supporting copy (helper text, meta). */ export function Small(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Text, _extends({
+        as: "small",
+        step: -1,
+        className: className
+    }, props));
+}
+/** Caption / fine print — smallest step, muted by default. */ export function Caption(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Text, _extends({
+        as: "span",
+        step: -2,
+        tone: "muted",
+        className: className
+    }, props));
+}
+/** Overline / eyebrow — uppercase tracked label above a heading. */ export function Overline(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Text, _extends({
+        as: "span",
+        step: -2,
+        weight: "semibold",
+        tone: "muted",
+        className: cn('tracking-wide uppercase', className)
+    }, props));
+}
+/* ---------- Inline emphasis ---------- */ /** Bold inline emphasis. */ export function Strong(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("strong", _extends({
+        className: cn('font-semibold text-content', className)
+    }, props));
+}
+/** Italic inline emphasis. */ export function Em(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("em", _extends({
+        className: cn('italic', className)
+    }, props));
+}
+/** Inline code. */ export function Code(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("code", _extends({
+        className: cn('rounded-sm border border-border bg-surface px-2xs py-3xs', 'font-mono text-step-sm text-content tabular-nums', className)
+    }, props));
+}
+/** Keyboard key. */ export function Kbd(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("kbd", _extends({
+        className: cn('inline-flex items-center rounded-md border border-border bg-surface-elevated', 'px-2xs py-3xs font-mono text-step-xs text-content-muted shadow-edge', className)
+    }, props));
+}
+/** Themed anchor. */ export function Link(_0) {
+    let { className, children } = _0, props = _object_without_properties_loose(_0, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ _jsx("a", _extends({
+        className: cn('font-medium text-primary underline underline-offset-2', 'transition-colors duration-200 ease-smooth hover:text-accent', 'focus-ring', className)
+    }, props, {
+        children: children
+    }));
+}
+/* ---------- Block-level ---------- */ /** Pull quote — left border + muted italic body. */ export function Blockquote(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("blockquote", _extends({
+        className: cn('border-l-4 border-primary pl-s italic', 'text-step-1 text-content-muted', className)
+    }, props));
+}
+/** Bulleted or numbered list with themed markers and fluid spacing. */ export function List(_0) {
+    let { ordered = false, className } = _0, props = _object_without_properties_loose(_0, [
+        "ordered",
+        "className"
+    ]);
+    const Tag = ordered ? 'ol' : 'ul';
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn(ordered ? 'list-decimal' : 'list-disc', 'ms-m flex flex-col gap-2xs text-step-0 text-content marker:text-content-muted', className)
+    }, props));
+}
+/** List item — pairs with `List`. */ export function ListItem(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("li", _extends({
+        className: cn('ps-2xs', className)
+    }, props));
+}
+/** Heading primitive — fluid step + weight, defaults to the largest step. */ export function Heading(_0) {
+    let { step = 3, weight = 'semibold', as: Tag = 'h2', className } = _0, props = _object_without_properties_loose(_0, [
+        "step",
+        "weight",
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn(STEP_CLASS[step], WEIGHT_CLASS[weight], 'text-content', className)
+    }, props));
+}
+export function HeadingOne(props) {
+    return /*#__PURE__*/ _jsx(Heading, _extends({
+        as: "h1",
+        step: 3,
+        weight: "semibold"
+    }, props));
+}
+export function HeadingTwo(props) {
+    return /*#__PURE__*/ _jsx(Heading, _extends({
+        as: "h2",
+        step: 2,
+        weight: "semibold"
+    }, props));
+}
+export function HeadingThree(props) {
+    return /*#__PURE__*/ _jsx(Heading, _extends({
+        as: "h3",
+        step: 1,
+        weight: "semibold"
+    }, props));
+}
+export function HeadingFour(props) {
+    return /*#__PURE__*/ _jsx(Heading, _extends({
+        as: "h4",
+        step: 0,
+        weight: "semibold"
+    }, props));
+}
+export function HeadingFive(props) {
+    return /*#__PURE__*/ _jsx(Heading, _extends({
+        as: "h5",
+        step: 0,
+        weight: "medium"
+    }, props));
+}
+export function HeadingSix(_0) {
+    let { className } = _0, props = _object_without_properties_loose(_0, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Heading, _extends({
+        as: "h6",
+        step: 0,
+        weight: "medium",
+        className: cn('tracking-wide text-content-muted uppercase', className)
+    }, props));
+}
+
+//# sourceMappingURL=text.js.map

package/dist/ui/atoms/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/text/text.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ElementType } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\n/** Fluid type step (Utopia). Negatives taper below body for fine print. */\ntype Step = -2 | -1 | 0 | 1 | 2 | 3;\n\nconst STEP_CLASS: Record<Step, string> = {\n  '-2': 'text-step-xs',\n  '-1': 'text-step-sm',\n  0: 'text-step-0',\n  1: 'text-step-1',\n  2: 'text-step-2',\n  3: 'text-step-3',\n};\n\n/**\n * Three weights, and no fourth.\n *\n * 400 body, 500 secondary emphasis, 600 headings and labels. `bold` (700) was\n * removed: \"heading\" and \"emphatic heading\" were never distinct roles here,\n * only different authors — measured, `font-bold` appeared three times against\n * `font-semibold`'s thirteen, all of them headings that had no reason to differ\n * from their neighbours. A fourth weight comes back when a role needs it, not\n * when a screen wants one.\n */\ntype Weight = 'normal' | 'medium' | 'semibold';\n\nconst WEIGHT_CLASS: Record<Weight, string> = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n};\n\n/** Semantic content color. Superset of the legacy `muted` flag. */\ntype Tone = 'default' | 'muted' | 'primary' | 'accent';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  default: 'text-content',\n  muted: 'text-content-muted',\n  primary: 'text-primary',\n  accent: 'text-accent',\n};\n\ntype Align = 'start' | 'center' | 'end';\n\nconst ALIGN_CLASS: Record<Align, string> = {\n  start: 'text-left',\n  center: 'text-center',\n  end: 'text-right',\n};\n\n/** Multi-line clamp (static classes so Tailwind can see them). */\ntype Clamp = 1 | 2 | 3 | 4;\n\nconst CLAMP_CLASS: Record<Clamp, string> = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n};\n\nexport interface TextProps extends ComponentPropsWithoutRef<'p'> {\n  /** Fluid type step (Utopia). Defaults to body (0). */\n  step?: Step;\n  /** Font weight. */\n  weight?: Weight;\n  /** Semantic color. */\n  tone?: Tone;\n  /** Text alignment. */\n  align?: Align;\n  /** Truncate to a single line with an ellipsis. */\n  truncate?: boolean;\n  /** Clamp to N lines with an ellipsis. */\n  lineClamp?: Clamp;\n  /** Shortcut for `tone=\"muted\"`. */\n  muted?: boolean;\n  as?: ElementType;\n}\n\n/** Body text with fluid sizing and theme-driven color. */\nexport function Text({\n  step = 0,\n  weight,\n  tone = 'default',\n  align,\n  truncate = false,\n  lineClamp,\n  muted = false,\n  as: Tag = 'p',\n  className,\n  ...props\n}: TextProps) {\n  return (\n    <Tag\n      className={cn(\n        STEP_CLASS[step],\n        weight && WEIGHT_CLASS[weight],\n        TONE_CLASS[muted ? 'muted' : tone],\n        align && ALIGN_CLASS[align],\n        truncate && 'truncate',\n        lineClamp && CLAMP_CLASS[lineClamp],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Larger intro paragraph — sets a subject up before the body copy. */\nexport function Lead({ className, ...props }: Omit<TextProps, 'step'>) {\n  return (\n    <Text\n      step={1}\n      tone=\"muted\"\n      className={cn('max-w-prose leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\n/** Small supporting copy (helper text, meta). */\nexport function Small({ className, ...props }: Omit<TextProps, 'step' | 'as'>) {\n  return <Text as=\"small\" step={-1} className={className} {...props} />;\n}\n\n/** Caption / fine print — smallest step, muted by default. */\nexport function Caption({\n  className,\n  ...props\n}: Omit<TextProps, 'step' | 'as'>) {\n  return (\n    <Text as=\"span\" step={-2} tone=\"muted\" className={className} {...props} />\n  );\n}\n\n/** Overline / eyebrow — uppercase tracked label above a heading. */\nexport function Overline({\n  className,\n  ...props\n}: Omit<TextProps, 'step' | 'as' | 'weight'>) {\n  return (\n    <Text\n      as=\"span\"\n      step={-2}\n      weight=\"semibold\"\n      tone=\"muted\"\n      className={cn('tracking-wide uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/* ---------- Inline emphasis ---------- */\n\n/** Bold inline emphasis. */\nexport function Strong({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'strong'>) {\n  return (\n    <strong\n      className={cn('font-semibold text-content', className)}\n      {...props}\n    />\n  );\n}\n\n/** Italic inline emphasis. */\nexport function Em({ className, ...props }: ComponentPropsWithoutRef<'em'>) {\n  return <em className={cn('italic', className)} {...props} />;\n}\n\n/** Inline code. */\nexport function Code({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'code'>) {\n  return (\n    <code\n      className={cn(\n        'rounded-sm border border-border bg-surface px-2xs py-3xs',\n        'font-mono text-step-sm text-content tabular-nums',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Keyboard key. */\nexport function Kbd({ className, ...props }: ComponentPropsWithoutRef<'kbd'>) {\n  return (\n    <kbd\n      className={cn(\n        'inline-flex items-center rounded-md border border-border bg-surface-elevated',\n        'px-2xs py-3xs font-mono text-step-xs text-content-muted shadow-edge',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Themed anchor. */\nexport function Link({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithoutRef<'a'>) {\n  return (\n    <a\n      className={cn(\n        'font-medium text-primary underline underline-offset-2',\n        'transition-colors duration-200 ease-smooth hover:text-accent',\n        'focus-ring',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\n/* ---------- Block-level ---------- */\n\n/** Pull quote — left border + muted italic body. */\nexport function Blockquote({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'blockquote'>) {\n  return (\n    <blockquote\n      className={cn(\n        'border-l-4 border-primary pl-s italic',\n        'text-step-1 text-content-muted',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface ListProps extends ComponentPropsWithoutRef<'ul'> {\n  /** Render an ordered list (`<ol>`) with numeric markers. */\n  ordered?: boolean;\n}\n\n/** Bulleted or numbered list with themed markers and fluid spacing. */\nexport function List({ ordered = false, className, ...props }: ListProps) {\n  const Tag = ordered ? 'ol' : 'ul';\n  return (\n    <Tag\n      className={cn(\n        ordered ? 'list-decimal' : 'list-disc',\n        'ms-m flex flex-col gap-2xs text-step-0 text-content marker:text-content-muted',\n        className,\n      )}\n      {...(props as ComponentPropsWithoutRef<'ol'>)}\n    />\n  );\n}\n\n/** List item — pairs with `List`. */\nexport function ListItem({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'li'>) {\n  return <li className={cn('ps-2xs', className)} {...props} />;\n}\n\n/* ---------- Headings ---------- */\n\nexport interface HeadingProps extends ComponentPropsWithoutRef<'h2'> {\n  step?: Step;\n  weight?: Weight;\n  as?: ElementType;\n}\n\n/** Heading primitive — fluid step + weight, defaults to the largest step. */\nexport function Heading({\n  step = 3,\n  weight = 'semibold',\n  as: Tag = 'h2',\n  className,\n  ...props\n}: HeadingProps) {\n  return (\n    <Tag\n      className={cn(\n        STEP_CLASS[step],\n        WEIGHT_CLASS[weight],\n        'text-content',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Semantic heading components (h1–h6) mapped to the fluid type scale.\n * Sizes taper past the four Utopia steps by dropping weight for h5/h6.\n */\nexport type NamedHeadingProps = Omit<HeadingProps, 'as' | 'step'>;\n\nexport function HeadingOne(props: NamedHeadingProps) {\n  return <Heading as=\"h1\" step={3} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingTwo(props: NamedHeadingProps) {\n  return <Heading as=\"h2\" step={2} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingThree(props: NamedHeadingProps) {\n  return <Heading as=\"h3\" step={1} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingFour(props: NamedHeadingProps) {\n  return <Heading as=\"h4\" step={0} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingFive(props: NamedHeadingProps) {\n  return <Heading as=\"h5\" step={0} weight=\"medium\" {...props} />;\n}\n\nexport function HeadingSix({ className, ...props }: NamedHeadingProps) {\n  return (\n    <Heading\n      as=\"h6\"\n      step={0}\n      weight=\"medium\"\n      className={cn('tracking-wide text-content-muted uppercase', className)}\n      {...props}\n    />\n  );\n}\n"],"names":["cn","STEP_CLASS","WEIGHT_CLASS","normal","medium","semibold","TONE_CLASS","default","muted","primary","accent","ALIGN_CLASS","start","center","end","CLAMP_CLASS","Text","step","weight","tone","align","truncate","lineClamp","as","Tag","className","props","Lead","Small","Caption","Overline","Strong","strong","Em","em","Code","code","Kbd","kbd","Link","children","a","Blockquote","blockquote","List","ordered","ListItem","li","Heading","HeadingOne","HeadingTwo","HeadingThree","HeadingFour","HeadingFive","HeadingSix"],"mappings":"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"}

package/dist/ui/layout/_demo.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export declare function DemoBox({ children, tone, }: {
+    children?: ReactNode;
+    tone?: 'primary' | 'surface';
+}): import("react").JSX.Element;
+//# sourceMappingURL=_demo.d.ts.map

package/dist/ui/layout/_demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_demo.d.ts","sourceRoot":"","sources":["../../../src/ui/layout/_demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAgB,GACjB,EAAE;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B,+BAUA"}

package/dist/ui/layout/_demo.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Shared visual filler for layout stories — not exported from the package.
+export function DemoBox({ children, tone = 'primary' }) {
+    const cls = tone === 'primary' ? 'bg-primary text-primary-content' : 'border border-border bg-surface-elevated text-content';
+    return /*#__PURE__*/ _jsx("div", {
+        className: `rounded-md p-s text-center text-step-sm ${cls}`,
+        children: children != null ? children : 'Item'
+    });
+}
+
+//# sourceMappingURL=_demo.js.map

package/dist/ui/layout/_demo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/layout/_demo.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\n// Shared visual filler for layout stories — not exported from the package.\nexport function DemoBox({\n  children,\n  tone = 'primary',\n}: {\n  children?: ReactNode;\n  tone?: 'primary' | 'surface';\n}) {\n  const cls =\n    tone === 'primary'\n      ? 'bg-primary text-primary-content'\n      : 'border border-border bg-surface-elevated text-content';\n  return (\n    <div className={`rounded-md p-s text-center text-step-sm ${cls}`}>\n      {children ?? 'Item'}\n    </div>\n  );\n}\n"],"names":["DemoBox","children","tone","cls","div","className"],"mappings":";AAEA,2EAA2E;AAC3E,OAAO,SAASA,QAAQ,EACtBC,QAAQ,EACRC,OAAO,SAAS,EAIjB;IACC,MAAMC,MACJD,SAAS,YACL,oCACA;IACN,qBACE,KAACE;QAAIC,WAAW,CAAC,wCAAwC,EAAEF,KAAK;kBAC7DF,mBAAAA,WAAY;;AAGnB"}

package/dist/ui/layout/_shared.d.ts

@@ -0,0 +1,9 @@
+import type { SpacingToken } from '../molecules/stack/stack.js';
+export type { SpacingToken };
+/** Fluid gap tokens → the Utopia --spacing-* scale. */
+export declare const GAP: Record<SpacingToken, string>;
+export type Justify = 'start' | 'center' | 'end' | 'between';
+export declare const JUSTIFY: Record<Justify, string>;
+export type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export declare const ALIGN: Record<Align, string>;
+//# sourceMappingURL=_shared.d.ts.map

package/dist/ui/layout/_shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_shared.d.ts","sourceRoot":"","sources":["../../../src/ui/layout/_shared.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,uDAAuD;AACvD,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAU5C,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC7D,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAK3C,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AACxE,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAMvC,CAAC"}

package/dist/ui/layout/_shared.js

@@ -0,0 +1,30 @@
+// Shared token lookups for the flex-first layout primitives (Every Layout).
+// Static class strings so Tailwind's scanner keeps them; keyed by union types
+// so a caller cannot escape the Utopia spacing scale. Not part of the public
+// barrel — primitives import from here, consumers import the primitives.
+/** Fluid gap tokens → the Utopia --spacing-* scale. */ export const GAP = {
+    '3xs': 'gap-3xs',
+    '2xs': 'gap-2xs',
+    xs: 'gap-xs',
+    s: 'gap-s',
+    m: 'gap-m',
+    l: 'gap-l',
+    xl: 'gap-xl',
+    '2xl': 'gap-2xl',
+    '3xl': 'gap-3xl'
+};
+export const JUSTIFY = {
+    start: 'justify-start',
+    center: 'justify-center',
+    end: 'justify-end',
+    between: 'justify-between'
+};
+export const ALIGN = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    stretch: 'items-stretch',
+    baseline: 'items-baseline'
+};
+
+//# sourceMappingURL=_shared.js.map

package/dist/ui/layout/_shared.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/layout/_shared.ts"],"sourcesContent":["// Shared token lookups for the flex-first layout primitives (Every Layout).\n// Static class strings so Tailwind's scanner keeps them; keyed by union types\n// so a caller cannot escape the Utopia spacing scale. Not part of the public\n// barrel — primitives import from here, consumers import the primitives.\n\nimport type { SpacingToken } from '../molecules/stack/stack.js';\n\nexport type { SpacingToken };\n\n/** Fluid gap tokens → the Utopia --spacing-* scale. */\nexport const GAP: Record<SpacingToken, string> = {\n  '3xs': 'gap-3xs',\n  '2xs': 'gap-2xs',\n  xs: 'gap-xs',\n  s: 'gap-s',\n  m: 'gap-m',\n  l: 'gap-l',\n  xl: 'gap-xl',\n  '2xl': 'gap-2xl',\n  '3xl': 'gap-3xl',\n};\n\nexport type Justify = 'start' | 'center' | 'end' | 'between';\nexport const JUSTIFY: Record<Justify, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n};\n\nexport type Align = 'start' | 'center' | 'end' | 'stretch' | 'baseline';\nexport const ALIGN: Record<Align, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  stretch: 'items-stretch',\n  baseline: 'items-baseline',\n};\n"],"names":["GAP","xs","s","m","l","xl","JUSTIFY","start","center","end","between","ALIGN","stretch","baseline"],"mappings":"AAAA,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yEAAyE;AAMzE,qDAAqD,GACrD,OAAO,MAAMA,MAAoC;IAC/C,OAAO;IACP,OAAO;IACPC,IAAI;IACJC,GAAG;IACHC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJ,OAAO;IACP,OAAO;AACT,EAAE;AAGF,OAAO,MAAMC,UAAmC;IAC9CC,OAAO;IACPC,QAAQ;IACRC,KAAK;IACLC,SAAS;AACX,EAAE;AAGF,OAAO,MAAMC,QAA+B;IAC1CJ,OAAO;IACPC,QAAQ;IACRC,KAAK;IACLG,SAAS;IACTC,UAAU;AACZ,EAAE"}

package/dist/ui/layout/box/box.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentPropsWithoutRef, ElementType } from 'react';
+import type { SpacingToken } from '../_shared.js';
+export interface BoxProps extends ComponentPropsWithoutRef<'div'> {
+    /** Fluid padding token (Utopia). */
+    padding?: SpacingToken;
+    as?: ElementType;
+}
+/** Padded container with a themed boundary and fluid padding. */
+export declare function Box({ padding, as: Tag, className, ...props }: BoxProps): import("react").JSX.Element;
+//# sourceMappingURL=box.d.ts.map

package/dist/ui/layout/box/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAelD,MAAM,WAAW,QAAS,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC/D,oCAAoC;IACpC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED,iEAAiE;AACjE,wBAAgB,GAAG,CAAC,EAClB,OAAa,EACb,EAAE,EAAE,GAAW,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,+BAWV"}

package/dist/ui/layout/box/box.js

@@ -0,0 +1,28 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+// Static strings so Tailwind's scanner keeps them.
+const PADDING = {
+    '3xs': 'p-3xs',
+    '2xs': 'p-2xs',
+    xs: 'p-xs',
+    s: 'p-s',
+    m: 'p-m',
+    l: 'p-l',
+    xl: 'p-xl',
+    '2xl': 'p-2xl',
+    '3xl': 'p-3xl'
+};
+/** Padded container with a themed boundary and fluid padding. */ export function Box(_0) {
+    let { padding = 'm', as: Tag = 'div', className } = _0, props = _object_without_properties_loose(_0, [
+        "padding",
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn(PADDING[padding], 'rounded-md border border-border bg-surface-elevated text-content', className)
+    }, props));
+}
+
+//# sourceMappingURL=box.js.map

package/dist/ui/layout/box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/layout/box/box.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ElementType } from 'react';\n\nimport { cn } from '../../utils/cn.js';\nimport type { SpacingToken } from '../_shared.js';\n\n// Static strings so Tailwind's scanner keeps them.\nconst PADDING: Record<SpacingToken, string> = {\n  '3xs': 'p-3xs',\n  '2xs': 'p-2xs',\n  xs: 'p-xs',\n  s: 'p-s',\n  m: 'p-m',\n  l: 'p-l',\n  xl: 'p-xl',\n  '2xl': 'p-2xl',\n  '3xl': 'p-3xl',\n};\n\nexport interface BoxProps extends ComponentPropsWithoutRef<'div'> {\n  /** Fluid padding token (Utopia). */\n  padding?: SpacingToken;\n  as?: ElementType;\n}\n\n/** Padded container with a themed boundary and fluid padding. */\nexport function Box({\n  padding = 'm',\n  as: Tag = 'div',\n  className,\n  ...props\n}: BoxProps) {\n  return (\n    <Tag\n      className={cn(\n        PADDING[padding],\n        'rounded-md border border-border bg-surface-elevated text-content',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cn","PADDING","xs","s","m","l","xl","Box","padding","as","Tag","className","props"],"mappings":";;;AAEA,SAASA,EAAE,QAAQ,oBAAoB;AAGvC,mDAAmD;AACnD,MAAMC,UAAwC;IAC5C,OAAO;IACP,OAAO;IACPC,IAAI;IACJC,GAAG;IACHC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJ,OAAO;IACP,OAAO;AACT;AAQA,+DAA+D,GAC/D,OAAO,SAASC,IAAI,EAKT;QALS,EAClBC,UAAU,GAAG,EACbC,IAAIC,MAAM,KAAK,EACfC,SAAS,EAEA,OADNC;;;;;IAEH,qBACE,KAACF;QACCC,WAAWX,GACTC,OAAO,CAACO,QAAQ,EAChB,oEACAG;OAEEC;AAGV"}

package/dist/ui/layout/box/index.d.ts

@@ -0,0 +1,2 @@
+export * from './box.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/layout/box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/box/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/ui/layout/box/index.js

@@ -0,0 +1,3 @@
+export * from './box.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/layout/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/layout/box/index.ts"],"sourcesContent":["export * from './box.js';\n"],"names":[],"mappings":"AAAA,cAAc,WAAW"}

package/dist/ui/layout/center/center.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithoutRef, ElementType } from 'react';
+export interface CenterProps extends ComponentPropsWithoutRef<'div'> {
+    /** Max line-length. Defaults to the --measure token; a string overrides it. */
+    measure?: string;
+    /** Horizontal gutters so content never touches the viewport edge. */
+    gutters?: boolean;
+    /** Also center the children themselves (not just the content box). */
+    intrinsic?: boolean;
+    as?: ElementType;
+}
+/** Horizontally centers content and caps its width to a readable measure. */
+export declare function Center({ measure, gutters, intrinsic, as: Tag, className, style, ...props }: CenterProps): import("react").JSX.Element;
+//# sourceMappingURL=center.d.ts.map

package/dist/ui/layout/center/center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"center.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/center/center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EAExB,WAAW,EACZ,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED,6EAA6E;AAC7E,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,OAAe,EACf,SAAiB,EACjB,EAAE,EAAE,GAAW,EACf,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,+BAeb"}

package/dist/ui/layout/center/center.js

@@ -0,0 +1,22 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+/** Horizontally centers content and caps its width to a readable measure. */ export function Center(_0) {
+    let { measure, gutters = false, intrinsic = false, as: Tag = 'div', className, style } = _0, props = _object_without_properties_loose(_0, [
+        "measure",
+        "gutters",
+        "intrinsic",
+        "as",
+        "className",
+        "style"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn('mx-auto max-w-[var(--measure)]', gutters && 'px-s', intrinsic && 'flex flex-col items-center', className),
+        style: measure ? _extends({}, style, {
+            '--measure': measure
+        }) : style
+    }, props));
+}
+
+//# sourceMappingURL=center.js.map

package/dist/ui/layout/center/center.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/layout/center/center.tsx"],"sourcesContent":["import type {\n  ComponentPropsWithoutRef,\n  CSSProperties,\n  ElementType,\n} from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\nexport interface CenterProps extends ComponentPropsWithoutRef<'div'> {\n  /** Max line-length. Defaults to the --measure token; a string overrides it. */\n  measure?: string;\n  /** Horizontal gutters so content never touches the viewport edge. */\n  gutters?: boolean;\n  /** Also center the children themselves (not just the content box). */\n  intrinsic?: boolean;\n  as?: ElementType;\n}\n\n/** Horizontally centers content and caps its width to a readable measure. */\nexport function Center({\n  measure,\n  gutters = false,\n  intrinsic = false,\n  as: Tag = 'div',\n  className,\n  style,\n  ...props\n}: CenterProps) {\n  return (\n    <Tag\n      className={cn(\n        'mx-auto max-w-[var(--measure)]',\n        gutters && 'px-s',\n        intrinsic && 'flex flex-col items-center',\n        className,\n      )}\n      style={\n        measure ? ({ ...style, '--measure': measure } as CSSProperties) : style\n      }\n      {...props}\n    />\n  );\n}\n"],"names":["cn","Center","measure","gutters","intrinsic","as","Tag","className","style","props"],"mappings":";;;AAMA,SAASA,EAAE,QAAQ,oBAAoB;AAYvC,2EAA2E,GAC3E,OAAO,SAASC,OAAO,EAQT;QARS,EACrBC,OAAO,EACPC,UAAU,KAAK,EACfC,YAAY,KAAK,EACjBC,IAAIC,MAAM,KAAK,EACfC,SAAS,EACTC,KAAK,EAEO,OADTC;;;;;;;;IAEH,qBACE,KAACH;QACCC,WAAWP,GACT,kCACAG,WAAW,QACXC,aAAa,8BACbG;QAEFC,OACEN,UAAW,aAAKM;YAAO,aAAaN;aAA8BM;OAEhEC;AAGV"}

package/dist/ui/layout/center/index.d.ts

@@ -0,0 +1,2 @@
+export * from './center.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/layout/center/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/center/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/ui/layout/center/index.js

@@ -0,0 +1,3 @@
+export * from './center.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/layout/center/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/layout/center/index.ts"],"sourcesContent":["export * from './center.js';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/ui/layout/cluster/cluster.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentPropsWithoutRef, ElementType } from 'react';
+import { type Align, type Justify, type SpacingToken } from '../_shared.js';
+export interface ClusterProps extends ComponentPropsWithoutRef<'div'> {
+    gap?: SpacingToken;
+    justify?: Justify;
+    align?: Align;
+    as?: ElementType;
+}
+/** Horizontal group that wraps — toolbars, tag lists, button rows. */
+export declare function Cluster({ gap, justify, align, as: Tag, className, ...props }: ClusterProps): import("react").JSX.Element;
+//# sourceMappingURL=cluster.d.ts.map

package/dist/ui/layout/cluster/cluster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cluster.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/cluster/cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,EAEL,KAAK,KAAK,EAGV,KAAK,OAAO,EACZ,KAAK,YAAY,EAClB,MAAM,eAAe,CAAC;AAEvB,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACnE,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,EACtB,GAAS,EACT,OAAiB,EACjB,KAAgB,EAChB,EAAE,EAAE,GAAW,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,+BAad"}

package/dist/ui/layout/cluster/cluster.js

@@ -0,0 +1,19 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+import { ALIGN, GAP, JUSTIFY } from '../_shared.js';
+/** Horizontal group that wraps — toolbars, tag lists, button rows. */ export function Cluster(_0) {
+    let { gap = 's', justify = 'start', align = 'center', as: Tag = 'div', className } = _0, props = _object_without_properties_loose(_0, [
+        "gap",
+        "justify",
+        "align",
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn('flex flex-wrap', GAP[gap], JUSTIFY[justify], ALIGN[align], className)
+    }, props));
+}
+
+//# sourceMappingURL=cluster.js.map

package/dist/ui/layout/cluster/cluster.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/layout/cluster/cluster.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ElementType } from 'react';\n\nimport { cn } from '../../utils/cn.js';\nimport {\n  ALIGN,\n  type Align,\n  GAP,\n  JUSTIFY,\n  type Justify,\n  type SpacingToken,\n} from '../_shared.js';\n\nexport interface ClusterProps extends ComponentPropsWithoutRef<'div'> {\n  gap?: SpacingToken;\n  justify?: Justify;\n  align?: Align;\n  as?: ElementType;\n}\n\n/** Horizontal group that wraps — toolbars, tag lists, button rows. */\nexport function Cluster({\n  gap = 's',\n  justify = 'start',\n  align = 'center',\n  as: Tag = 'div',\n  className,\n  ...props\n}: ClusterProps) {\n  return (\n    <Tag\n      className={cn(\n        'flex flex-wrap',\n        GAP[gap],\n        JUSTIFY[justify],\n        ALIGN[align],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["cn","ALIGN","GAP","JUSTIFY","Cluster","gap","justify","align","as","Tag","className","props"],"mappings":";;;AAEA,SAASA,EAAE,QAAQ,oBAAoB;AACvC,SACEC,KAAK,EAELC,GAAG,EACHC,OAAO,QAGF,gBAAgB;AASvB,oEAAoE,GACpE,OAAO,SAASC,QAAQ,EAOT;QAPS,EACtBC,MAAM,GAAG,EACTC,UAAU,OAAO,EACjBC,QAAQ,QAAQ,EAChBC,IAAIC,MAAM,KAAK,EACfC,SAAS,EAEI,OADVC;;;;;;;IAEH,qBACE,KAACF;QACCC,WAAWV,GACT,kBACAE,GAAG,CAACG,IAAI,EACRF,OAAO,CAACG,QAAQ,EAChBL,KAAK,CAACM,MAAM,EACZG;OAEEC;AAGV"}

package/dist/ui/layout/cluster/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cluster.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/layout/cluster/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/cluster/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/ui/layout/cluster/index.js

@@ -0,0 +1,3 @@
+export * from './cluster.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/layout/cluster/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/layout/cluster/index.ts"],"sourcesContent":["export * from './cluster.js';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe"}

package/dist/ui/layout/cover/cover.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentPropsWithoutRef, ElementType } from 'react';
+import { type SpacingToken } from '../_shared.js';
+export interface CoverProps extends ComponentPropsWithoutRef<'div'> {
+    /** Minimum block size (defaults to 100vh). */
+    minHeight?: string;
+    gap?: SpacingToken;
+    as?: ElementType;
+}
+/**
+ * Vertical layout with a centered principal element and optional header/footer
+ * pinned to the edges. Compose with `Cover.Header`, `Cover.Main`, `Cover.Footer`.
+ */
+declare function CoverRoot({ minHeight, gap, as: Tag, className, style, ...props }: CoverProps): import("react").JSX.Element;
+export interface CoverSlotProps extends ComponentPropsWithoutRef<'div'> {
+    as?: ElementType;
+}
+declare function CoverHeader({ as: Tag, className, ...props }: CoverSlotProps): import("react").JSX.Element;
+declare function CoverMain({ as: Tag, className, ...props }: CoverSlotProps): import("react").JSX.Element;
+declare function CoverFooter({ as: Tag, className, ...props }: CoverSlotProps): import("react").JSX.Element;
+export declare const Cover: typeof CoverRoot & {
+    Header: typeof CoverHeader;
+    Main: typeof CoverMain;
+    Footer: typeof CoverFooter;
+};
+export {};
+//# sourceMappingURL=cover.d.ts.map

package/dist/ui/layout/cover/cover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cover.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/cover/cover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EAExB,WAAW,EACZ,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACjE,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;GAGG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAS,EACT,EAAE,EAAE,GAAW,EACf,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,+BAgBZ;AAED,MAAM,WAAW,cAAe,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACrE,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED,iBAAS,WAAW,CAAC,EAAE,EAAE,EAAE,GAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAE5E;AAED,iBAAS,SAAS,CAAC,EAAE,EAAE,EAAE,GAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAE1E;AAED,iBAAS,WAAW,CAAC,EAAE,EAAE,EAAE,GAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAE5E;AAED,eAAO,MAAM,KAAK;;;;CAIhB,CAAC"}

package/dist/ui/layout/cover/cover.js

@@ -0,0 +1,57 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+import { GAP } from '../_shared.js';
+/**
+ * Vertical layout with a centered principal element and optional header/footer
+ * pinned to the edges. Compose with `Cover.Header`, `Cover.Main`, `Cover.Footer`.
+ */ function CoverRoot(_0) {
+    let { minHeight, gap = 'm', as: Tag = 'div', className, style } = _0, props = _object_without_properties_loose(_0, [
+        "minHeight",
+        "gap",
+        "as",
+        "className",
+        "style"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn('flex min-h-[var(--_cover-min,100vh)] flex-col', GAP[gap], className),
+        style: minHeight ? _extends({}, style, {
+            '--_cover-min': minHeight
+        }) : style
+    }, props));
+}
+function CoverHeader(_0) {
+    let { as: Tag = 'div', className } = _0, props = _object_without_properties_loose(_0, [
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn(className)
+    }, props));
+}
+function CoverMain(_0) {
+    let { as: Tag = 'div', className } = _0, props = _object_without_properties_loose(_0, [
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn('my-auto', className)
+    }, props));
+}
+function CoverFooter(_0) {
+    let { as: Tag = 'div', className } = _0, props = _object_without_properties_loose(_0, [
+        "as",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(Tag, _extends({
+        className: cn(className)
+    }, props));
+}
+export const Cover = Object.assign(CoverRoot, {
+    Header: CoverHeader,
+    Main: CoverMain,
+    Footer: CoverFooter
+});
+
+//# sourceMappingURL=cover.js.map

package/dist/ui/layout/cover/cover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/layout/cover/cover.tsx"],"sourcesContent":["import type {\n  ComponentPropsWithoutRef,\n  CSSProperties,\n  ElementType,\n} from 'react';\n\nimport { cn } from '../../utils/cn.js';\nimport { GAP, type SpacingToken } from '../_shared.js';\n\nexport interface CoverProps extends ComponentPropsWithoutRef<'div'> {\n  /** Minimum block size (defaults to 100vh). */\n  minHeight?: string;\n  gap?: SpacingToken;\n  as?: ElementType;\n}\n\n/**\n * Vertical layout with a centered principal element and optional header/footer\n * pinned to the edges. Compose with `Cover.Header`, `Cover.Main`, `Cover.Footer`.\n */\nfunction CoverRoot({\n  minHeight,\n  gap = 'm',\n  as: Tag = 'div',\n  className,\n  style,\n  ...props\n}: CoverProps) {\n  return (\n    <Tag\n      className={cn(\n        'flex min-h-[var(--_cover-min,100vh)] flex-col',\n        GAP[gap],\n        className,\n      )}\n      style={\n        minHeight\n          ? ({ ...style, '--_cover-min': minHeight } as CSSProperties)\n          : style\n      }\n      {...props}\n    />\n  );\n}\n\nexport interface CoverSlotProps extends ComponentPropsWithoutRef<'div'> {\n  as?: ElementType;\n}\n\nfunction CoverHeader({ as: Tag = 'div', className, ...props }: CoverSlotProps) {\n  return <Tag className={cn(className)} {...props} />;\n}\n\nfunction CoverMain({ as: Tag = 'div', className, ...props }: CoverSlotProps) {\n  return <Tag className={cn('my-auto', className)} {...props} />;\n}\n\nfunction CoverFooter({ as: Tag = 'div', className, ...props }: CoverSlotProps) {\n  return <Tag className={cn(className)} {...props} />;\n}\n\nexport const Cover = Object.assign(CoverRoot, {\n  Header: CoverHeader,\n  Main: CoverMain,\n  Footer: CoverFooter,\n});\n"],"names":["cn","GAP","CoverRoot","minHeight","gap","as","Tag","className","style","props","CoverHeader","CoverMain","CoverFooter","Cover","Object","assign","Header","Main","Footer"],"mappings":";;;AAMA,SAASA,EAAE,QAAQ,oBAAoB;AACvC,SAASC,GAAG,QAA2B,gBAAgB;AASvD;;;CAGC,GACD,SAASC,UAAU,EAON;QAPM,EACjBC,SAAS,EACTC,MAAM,GAAG,EACTC,IAAIC,MAAM,KAAK,EACfC,SAAS,EACTC,KAAK,EAEM,OADRC;;;;;;;IAEH,qBACE,KAACH;QACCC,WAAWP,GACT,iDACAC,GAAG,CAACG,IAAI,EACRG;QAEFC,OACEL,YACK,aAAKK;YAAO,gBAAgBL;aAC7BK;OAEFC;AAGV;AAMA,SAASC,YAAY,EAAwD;QAAxD,EAAEL,IAAIC,MAAM,KAAK,EAAEC,SAAS,EAA4B,OAAvBE;;;;IACpD,qBAAO,KAACH;QAAIC,WAAWP,GAAGO;OAAgBE;AAC5C;AAEA,SAASE,UAAU,EAAwD;QAAxD,EAAEN,IAAIC,MAAM,KAAK,EAAEC,SAAS,EAA4B,OAAvBE;;;;IAClD,qBAAO,KAACH;QAAIC,WAAWP,GAAG,WAAWO;OAAgBE;AACvD;AAEA,SAASG,YAAY,EAAwD;QAAxD,EAAEP,IAAIC,MAAM,KAAK,EAAEC,SAAS,EAA4B,OAAvBE;;;;IACpD,qBAAO,KAACH;QAAIC,WAAWP,GAAGO;OAAgBE;AAC5C;AAEA,OAAO,MAAMI,QAAQC,OAAOC,MAAM,CAACb,WAAW;IAC5Cc,QAAQN;IACRO,MAAMN;IACNO,QAAQN;AACV,GAAG"}