@apollion-dsi/core 6.0.0 → 7.1.0

package/lib/chunks/{chunk-3MZJAPWM.esm.js → chunk-ZQ5JOSGH.esm.js}

@@ -1 +1 @@
-import{a as t}from"./chunk-KT4BKJVV.esm.js";import{a as r}from"./chunk-T45OIU7I.esm.js";import{g as o}from"./chunk-AXUWC2WH.esm.js";var c=o(r).withConfig({componentId:"sc-1teioay-0"})(["animation:rotate var(--apollion-motion-indicator-loop,2000ms) var(--apollion-motion-easing-linear,cubic-bezier(0,0,1,1)) infinite;@keyframes rotate{100%{transform:rotate(360deg);}}"]),l=o(t).withConfig({componentId:"sc-1teioay-1"})(["fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;animation:dash var(--apollion-motion-indicator-pulse,1500ms) var(--apollion-motion-easing-standard,cubic-bezier(0.42,0,0.58,1)) infinite;@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}@media (prefers-reduced-motion:reduce){animation:none;stroke-dasharray:90,150;stroke-dashoffset:-35;}"]),d=2*Math.PI*20,p=o(r).withConfig({componentId:"sc-1teioay-2"})(["transform:rotate(-90deg);"]),m=o(t).withConfig({componentId:"sc-1teioay-3"})(["fill:none;stroke:currentColor;stroke-width:4;opacity:0.2;"]),f=o(t).withConfig({componentId:"sc-1teioay-4"})(["fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-dasharray:",";animation:drain var(--countdown-duration) var(--apollion-motion-easing-linear,cubic-bezier(0,0,1,1)) forwards;@keyframes drain{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:",";}}"],d,d);import{forwardRef as k}from"react";import{jsx as n,jsxs as S}from"react/jsx-runtime";var h=k(({size:y,label:i="Carregando",variant:u="indeterminate",duration:w=15e3,cycle:C,...a},s)=>{let e=y||"1em";return u==="countdown"?S(p,{as:"svg",viewBox:"0 0 50 50",role:"timer","aria-label":i,...a,width:e,height:e,ref:s,children:[n(m,{cx:"25",cy:"25",r:"20"}),n(f,{cx:"25",cy:"25",r:"20",style:{"--countdown-duration":`${w}ms`}},C)]}):n(c,{as:"svg",viewBox:"0 0 50 50",role:"status","aria-label":i,...a,width:e,height:e,ref:s,children:n(l,{cx:"25",cy:"25",r:"20"})})});h.displayName="Spinner";export{c as a,l as b,d as c,p as d,m as e,f,h as g};
+import{a as t}from"./chunk-KT4BKJVV.esm.js";import{a as r}from"./chunk-347TNROV.esm.js";import{g as o}from"./chunk-AXUWC2WH.esm.js";var c=o(r).withConfig({componentId:"sc-1teioay-0"})(["animation:rotate var(--apollion-motion-indicator-loop,2000ms) var(--apollion-motion-easing-linear,cubic-bezier(0,0,1,1)) infinite;@keyframes rotate{100%{transform:rotate(360deg);}}"]),l=o(t).withConfig({componentId:"sc-1teioay-1"})(["fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;animation:dash var(--apollion-motion-indicator-pulse,1500ms) var(--apollion-motion-easing-standard,cubic-bezier(0.42,0,0.58,1)) infinite;@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}@media (prefers-reduced-motion:reduce){animation:none;stroke-dasharray:90,150;stroke-dashoffset:-35;}"]),d=2*Math.PI*20,p=o(r).withConfig({componentId:"sc-1teioay-2"})(["transform:rotate(-90deg);"]),m=o(t).withConfig({componentId:"sc-1teioay-3"})(["fill:none;stroke:currentColor;stroke-width:4;opacity:0.2;"]),f=o(t).withConfig({componentId:"sc-1teioay-4"})(["fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-dasharray:",";animation:drain var(--countdown-duration) var(--apollion-motion-easing-linear,cubic-bezier(0,0,1,1)) forwards;@keyframes drain{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:",";}}"],d,d);import{forwardRef as k}from"react";import{jsx as n,jsxs as S}from"react/jsx-runtime";var h=k(({size:y,label:i="Carregando",variant:u="indeterminate",duration:w=15e3,cycle:C,...a},s)=>{let e=y||"1em";return u==="countdown"?S(p,{as:"svg",viewBox:"0 0 50 50",role:"timer","aria-label":i,...a,width:e,height:e,ref:s,children:[n(m,{cx:"25",cy:"25",r:"20"}),n(f,{cx:"25",cy:"25",r:"20",style:{"--countdown-duration":`${w}ms`}},C)]}):n(c,{as:"svg",viewBox:"0 0 50 50",role:"status","aria-label":i,...a,width:e,height:e,ref:s,children:n(l,{cx:"25",cy:"25",r:"20"})})});h.displayName="Spinner";export{c as a,l as b,d as c,p as d,m as e,f,h as g};

package/lib/containers/Base/Base.style.d.ts

@@ -1,3 +1,5 @@
+import { LayoutContainerProps } from '../../factory/System';
+import { IStyledComponent } from '../../vendors/StyledComponents';
 /**
  * Primitive container (`div`) integrated with the Apollion factory.
  *
@@ -9,4 +11,16 @@
  * Animation is the `motion` preset prop (ADR-027) — a factory channel of
  * this container, not a separate module.
  */
-export declare const BaseContainer: import("styled-components").IStyledComponent<"web", import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps>;
+export declare const BaseContainer: IStyledComponent<"web", import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps>;
+/**
+ * **Layout-typed** view of {@link BaseContainer} (ADR-028). The runtime is the
+ * exact same `apollion.div` — every factory still applies — but the TYPE is
+ * narrowed to {@link LayoutContainerProps} (structure only). Building the layout
+ * containers (`Box`/`Flex`/`Grid`) on this makes `<Flex bgColor>`, `<Box deep>`,
+ * `<Grid borderRadius>` and the like fail to type-check, while their CSS output
+ * stays byte-identical. The surface containers (`Paper`/`Card`) re-widen to the
+ * surface groups on top.
+ *
+ * @internal Engine primitive — not published (see the barrel).
+ */
+export declare const LayoutBase: IStyledComponent<"web", Omit<React.JSX.IntrinsicElements["div"], "color"> & LayoutContainerProps>;

package/lib/containers/Base/index.d.ts

@@ -1,9 +1,15 @@
 /**
- * Public barrel of the `Base` primitive container.
+ * Internal barrel of the `Base` primitive container.
  *
- * `Base` is not a final component — it is the building block used by all
- * other containers (`Flex`, `Grid`, `Paper`, etc.). Exports the styled
- * component (`BaseContainer`) and the props interface (`BaseContainerProps`).
+ * `Base` is not a final component — it is the `apollion.div` building block
+ * used by all other containers (`Flex`, `Grid`, `Paper`, etc.). Exports the
+ * styled component (`BaseContainer`) and the props interface
+ * (`BaseContainerProps`).
+ *
+ * @internal Engine primitive, **not** consumer API — `./containers/base` is not
+ * in `package.json#exports`. Consumers use `Flex` / `Paper` / `Grid`; they
+ * never import `Base` (nor the `./factory` engine subpath). It was only ever
+ * public by accident (ADR-001 Slice 2 auto-emitted a subpath per leaf folder).
  *
  * Animation is the `motion` preset prop on the container itself (ADR-027) —
  * there is no separate animated variant.
@@ -11,5 +17,5 @@
  * Every other file in the project must import from the barrel, never from
  * internal paths such as `./Base.style` or `./Base.interface`.
  */
-export { BaseContainer } from './Base.style';
+export { BaseContainer, LayoutBase } from './Base.style';
 export * from './Base.interface';

package/lib/containers/Base/index.esm.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk-T45OIU7I.esm.js";import"../../chunks/chunk-AIUT47H7.esm.js";import"../../chunks/chunk-TOLIKUNQ.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-HCNNXM2C.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-F62355HF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as BaseContainer};
+import{a,b}from"../../chunks/chunk-347TNROV.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-TBHGVERY.esm.js";import"../../chunks/chunk-62CVSGJD.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-MBQGF5IM.esm.js";import"../../chunks/chunk-CK3WBMQQ.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-RZLOZ3NW.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-XTY6DXMK.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as BaseContainer,b as LayoutBase};

package/lib/containers/Box/Box.interface.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { LayoutContainerProps, PolymorphicProps } from '../../factory/System';
+/**
+ * Props of the `Box` component before the native `<div>` props.
+ *
+ * `Box` is the generic **block** container — structure only (ADR-028). It
+ * extends {@link LayoutContainerProps}: spacing (margin/padding), size
+ * (width/height), container geometry (position/overflow) and the responsive
+ * channels — **no** background, border, elevation, typography or motion. Those
+ * belong to `Paper`/`Card` (surface) and `Text` (typography). Reach for `Box`
+ * instead of a raw `<div>` or the internal `Base` primitive.
+ */
+export interface BoxPropsInterface extends LayoutContainerProps {
+    children?: ReactNode;
+}
+type NativeProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
+/**
+ * Complete set of props accepted by `<Box>` at runtime. Merges the factory
+ * props ({@link BoxPropsInterface}) with the native `<div>` props (minus
+ * `children`, which comes from the factory).
+ */
+export interface DefaultBoxInterface extends BoxPropsInterface, NativeProps {
+}
+/**
+ * Public props type for annotating a `Box` **layout object** — the runtime
+ * interface plus the `styled-components` polymorphic {@link PolymorphicProps}
+ * (`as`/`forwardedAs`). Use this (not `DefaultBoxInterface`) when a consumer
+ * types a plain object and needs `as`, so no local augmentation or
+ * `ComponentProps<typeof Box>` workaround is needed. The styled `Box` component
+ * itself always accepts `as` natively.
+ */
+export type BoxProps = DefaultBoxInterface & PolymorphicProps;
+export {};

package/lib/containers/Box/Box.style.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The design system's generic **block** container — the catch-all box. Extends
+ * {@link BaseContainer}, inheriting the full factory surface (spacing, size,
+ * color, border, flex/grid child props, `cq`, `viewportMedias`, `motion`), and
+ * sets `display: block`.
+ *
+ * `Box` is the sanctioned replacement for a raw `<div>`: consumers never render
+ * host HTML tags directly (that blocks cross-platform export — e.g. a native
+ * Android/RN target has no `<div>`), and they never reach for the internal
+ * `Base` primitive or `apollion.*`. Reach for `Flex`/`Grid` for layout, `Box`
+ * for a plain block wrapper.
+ *
+ * Exposed as `Box` in the barrel. Animation is the `motion` preset prop
+ * (ADR-027) — a factory channel of this container, not a separate module.
+ */
+export declare const BoxStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;

package/lib/containers/Box/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Public barrel of the `Box` container.
+ *
+ * Re-exports the styled-component (renaming `BoxStyle` → `Box`) and the props
+ * interfaces (`BoxPropsInterface`, `DefaultBoxInterface`, `BoxProps`).
+ *
+ * `Box` is the generic block container — the sanctioned replacement for a raw
+ * `<div>` and for the internal `Base` primitive. Animation is the `motion`
+ * preset prop on the container itself (ADR-027) — there is no separate animated
+ * variant.
+ *
+ * Every other file in the project must import from the barrel, never from
+ * internal paths such as `./Box.style` or `./Box.interface`.
+ */
+export * from './Box.interface';
+export { BoxStyle as Box } from './Box.style';

package/lib/containers/Box/index.esm.js

@@ -0,0 +1 @@
+import{b as t}from"../../chunks/chunk-347TNROV.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-TBHGVERY.esm.js";import"../../chunks/chunk-62CVSGJD.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-MBQGF5IM.esm.js";import"../../chunks/chunk-CK3WBMQQ.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-RZLOZ3NW.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-XTY6DXMK.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import{g as o}from"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";var r=o(t).withConfig({componentId:"sc-fc1jyz-0"})(["display:block;"]);export{r as Box};

package/lib/containers/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CardInterface } from './Card.interface';
+import { CardProps } from './Card.interface';
 import type { GridMediaInterface } from '../Grid';
 /**
  * Builds the default grid template from the slots present. Rows are `auto`
@@ -38,4 +38,4 @@ export declare const cardTemplate: (slots: {
  *
  * @see {@link CardInterface} for the detailed props.
  */
-export declare const CardComponent: React.FC<CardInterface>;
+export declare const CardComponent: React.FC<CardProps>;

package/lib/containers/Card/Card.interface.d.ts

@@ -1,17 +1,24 @@
 import { ReactNode } from 'react';
-import { GridPropsInterface } from '../Grid';
+import { PolymorphicProps, SurfaceContainerProps } from '../../factory/System';
+import { GridShapeProps } from '../Grid';
 /**
  * Props of the {@link CardComponent} component.
  *
- * `Card` is the Paper-like surface that **absorbs Grid**: it extends
- * {@link GridPropsInterface} (layout props + `medias` + the alignment
- * surface), and its slots — `media`, `title`, `description` / `subtitle` /
- * `children` (the `content` area), `actionComponent` — are named grid areas
- * on the Card itself. The default template follows the slots present
- * (`auto 1fr auto` with an action, so the footer pins); pass `medias` to
- * replace it, keeping the same area names.
+ * `Card` is the Paper-like surface that **absorbs Grid**: its slots — `media`,
+ * `title`, `description` / `subtitle` / `children` (the `content` area),
+ * `actionComponent` — are named grid areas on the Card itself. The default
+ * template follows the slots present (`auto 1fr auto` with an action, so the
+ * footer pins); pass `medias` to replace it, keeping the same area names.
+ *
+ * `Card` is the Grid-rooted **surface** (ADR-028): it composes the grid shape
+ * ({@link GridShapeProps}: `medias` + alignment) with {@link SurfaceContainerProps}
+ * — the layout factory group **plus** the surface group (`bgColor`, border,
+ * `deep`) and the responsive channels at full width — so a Card paints a ground
+ * (and can respond to width with surface props) while a bare `Grid` stays pure
+ * layout. `as`/`forwardedAs` and the anchor attributes come from the
+ * component's own props type ({@link CardProps} / {@link CardComponent}).
  */
-export interface CardInterface extends GridPropsInterface {
+export interface CardInterface extends SurfaceContainerProps, GridShapeProps {
     /**
      * Announce hover: primary border, `level-three` glow and a 2px lift over
      * the `short` transition (`overflow` becomes `visible` so the glow is not
@@ -49,3 +56,29 @@ export interface CardInterface extends GridPropsInterface {
      */
     media?: ReactNode;
 }
+/**
+ * The navigational anchor attributes an interactive Card rendered `as="a"`
+ * needs. Kept as a small explicit set (rather than the full
+ * `ComponentPropsWithoutRef<'a'>`) so the Card props stay well under the
+ * styled-components union-complexity ceiling and never collide with the
+ * factory surface.
+ */
+export interface CardAnchorProps {
+    /** Destination when the tile renders as an anchor (`as="a"`). */
+    href?: string;
+    /** Anchor target (`_blank`, `_self`, …). */
+    target?: React.HTMLAttributeAnchorTarget;
+    /** Anchor `rel` (e.g. `noopener noreferrer` for `target="_blank"`). */
+    rel?: string;
+    /** Anchor `download` hint. */
+    download?: boolean | string;
+}
+/**
+ * Full public props of `<Card>`: {@link CardInterface} plus the
+ * `styled-components` polymorphic {@link PolymorphicProps} (`as`/`forwardedAs`)
+ * and the navigational anchor attributes ({@link CardAnchorProps}) an
+ * interactive tile rendered `as="a"` needs. This is the component's own props
+ * type — a consumer can type a Card layout object with it and set `cq`,
+ * `viewportMedias`, `motion`, `as`, `href` without a local augmentation.
+ */
+export type CardProps = CardInterface & PolymorphicProps & CardAnchorProps;

package/lib/containers/Card/Card.style.d.ts

@@ -1,32 +1,33 @@
+import { SurfaceFactoryProps } from '../../factory/System';
 import type { SpacingInterface } from '../../themes/Spacing';
 /**
  * Card surface — a `Grid` with Paper-like chrome. Slots are named grid areas
  * on this element; the page `Grid` places Cards, a slot that needs grouping
  * uses `Flex`.
  */
-export declare const CardStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+export declare const CardStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, keyof import("..").DefaultGridInterface> & import("..").DefaultGridInterface, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+}, keyof import("..").GridShapeProps> & import("..").GridShapeProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, keyof import("..").DefaultGridInterface> & import("..").DefaultGridInterface, never>> & {
+}, keyof import("..").GridShapeProps> & import("..").GridShapeProps, never>> & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, "$interactive"> & {
+}, keyof SurfaceFactoryProps | "$interactive"> & {
     $interactive?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+} & SurfaceFactoryProps, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, keyof import("..").DefaultGridInterface> & import("..").DefaultGridInterface, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+}, keyof import("..").GridShapeProps> & import("..").GridShapeProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, keyof import("..").DefaultGridInterface> & import("..").DefaultGridInterface, never>> & {
+}, keyof import("..").GridShapeProps> & import("..").GridShapeProps, never>> & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, "$interactive"> & {
+}, keyof SurfaceFactoryProps | "$interactive"> & {
     $interactive?: boolean;
-}, never>>> & string;
+} & SurfaceFactoryProps, never>>> & string;
 /**
  * Full-bleed media slot. Cancels the Card's padding (`$pad`) on the top and
  * sides so the image meets the Card edges; the grid gap keeps the space
@@ -34,24 +35,88 @@ export declare const CardStyle: import("styled-components/dist/types").IStyledCo
  * corner radius and clips, so the image keeps rounded top corners even when
  * the Card's own `overflow` is `visible` (interactive tiles).
  */
-export declare const CardMediaStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+export declare const CardMediaStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+}, "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf"> & Partial<{
+    flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    gap?: SpacingInterface;
+    flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    flexBasis: string | number;
+    justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+    justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    grow: boolean;
+    shrink: boolean;
+    order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+}>, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never>> & {
+}, "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf"> & Partial<{
+    flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    gap?: SpacingInterface;
+    flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    flexBasis: string | number;
+    justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+    justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    grow: boolean;
+    shrink: boolean;
+    order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+}>, never>> & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
 }, "$pad"> & {
     $pad: SpacingInterface;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+}, "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf"> & Partial<{
+    flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    gap?: SpacingInterface;
+    flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    flexBasis: string | number;
+    justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+    justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    grow: boolean;
+    shrink: boolean;
+    order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+}>, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never>> & {
+}, "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf"> & Partial<{
+    flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    gap?: SpacingInterface;
+    flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    flexBasis: string | number;
+    justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+    justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    grow: boolean;
+    shrink: boolean;
+    order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+}>, never>> & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
 }, "$pad"> & {

package/lib/containers/Card/index.esm.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk-4MZWNQEG.esm.js";import"../../chunks/chunk-MZXNUBS6.esm.js";import"../../chunks/chunk-FUQKZLIO.esm.js";import"../../chunks/chunk-EBOJSNZ5.esm.js";import"../../chunks/chunk-TMIQIUOH.esm.js";import"../../chunks/chunk-4L2KOZIQ.esm.js";import"../../chunks/chunk-PXOXPLL4.esm.js";import"../../chunks/chunk-Y3SYDZIF.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-G757UD32.esm.js";import"../../chunks/chunk-OSFHXCPW.esm.js";import"../../chunks/chunk-P7RR4ZHS.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-TG2P4DDY.esm.js";import"../../chunks/chunk-YJHYFCT7.esm.js";import"../../chunks/chunk-4E3BR56X.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-UHABJEDB.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-BERIBF3O.esm.js";import"../../chunks/chunk-LVVNQRJ2.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-HVFI7FHR.esm.js";import"../../chunks/chunk-RSQIUWSS.esm.js";import"../../chunks/chunk-T45OIU7I.esm.js";import"../../chunks/chunk-AIUT47H7.esm.js";import"../../chunks/chunk-TOLIKUNQ.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-HCNNXM2C.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-F62355HF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Card};
+import{a}from"../../chunks/chunk-YA5EBWSR.esm.js";import"../../chunks/chunk-OEEVC5Y2.esm.js";import"../../chunks/chunk-J2ZPCUOE.esm.js";import"../../chunks/chunk-EBOJSNZ5.esm.js";import"../../chunks/chunk-4E3BR56X.esm.js";import"../../chunks/chunk-TMIQIUOH.esm.js";import"../../chunks/chunk-4L2KOZIQ.esm.js";import"../../chunks/chunk-MYGV5PMT.esm.js";import"../../chunks/chunk-4TQV5FFJ.esm.js";import"../../chunks/chunk-YJHYFCT7.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-G757UD32.esm.js";import"../../chunks/chunk-OSFHXCPW.esm.js";import"../../chunks/chunk-BERIBF3O.esm.js";import"../../chunks/chunk-LVVNQRJ2.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-P7RR4ZHS.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-TG2P4DDY.esm.js";import"../../chunks/chunk-UHABJEDB.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-HVFI7FHR.esm.js";import"../../chunks/chunk-UDQ3TYVZ.esm.js";import"../../chunks/chunk-347TNROV.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-TBHGVERY.esm.js";import"../../chunks/chunk-62CVSGJD.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-MBQGF5IM.esm.js";import"../../chunks/chunk-CK3WBMQQ.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-RZLOZ3NW.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-XTY6DXMK.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Card};

package/lib/containers/Content/index.d.ts

@@ -1,9 +1,16 @@
 /**
- * Public barrel of the `Content` component.
+ * Internal barrel of the `Content` building block.
  *
  * Re-exports the component (renaming `ContentComponent` → `Content`) and
  * the props interface (`ContentProps`).
  *
+ * @internal Internal building block, **not** consumer API — a linear
+ * opener/content/closer row with a non-jumping `loading` mode, used by `Button`,
+ * `Modal`, `Notification` and the `Table` cells. `./containers/content` is not
+ * in `package.json#exports`; it was only ever public by accident (ADR-001
+ * Slice 2 auto-emitted a subpath per leaf folder). Consumers compose the
+ * finished components; there is no consumer-facing "content" primitive.
+ *
  * Every other file in the project must import from the barrel, never from
  * internal paths such as `./Content` or `./Content.interface`.
  */

package/lib/containers/Content/index.esm.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk-D2BGFGF5.esm.js";import"../../chunks/chunk-3MZJAPWM.esm.js";import"../../chunks/chunk-KT4BKJVV.esm.js";import"../../chunks/chunk-RSQIUWSS.esm.js";import"../../chunks/chunk-T45OIU7I.esm.js";import"../../chunks/chunk-AIUT47H7.esm.js";import"../../chunks/chunk-TOLIKUNQ.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-HCNNXM2C.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-F62355HF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Content};
+import{a}from"../../chunks/chunk-YSSFTYCU.esm.js";import"../../chunks/chunk-ZQ5JOSGH.esm.js";import"../../chunks/chunk-KT4BKJVV.esm.js";import"../../chunks/chunk-UDQ3TYVZ.esm.js";import"../../chunks/chunk-347TNROV.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-TBHGVERY.esm.js";import"../../chunks/chunk-62CVSGJD.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-MBQGF5IM.esm.js";import"../../chunks/chunk-CK3WBMQQ.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-RZLOZ3NW.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-XTY6DXMK.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Content};

package/lib/containers/Flex/Flex.interface.d.ts

@@ -1,14 +1,18 @@
 import { ReactNode } from 'react';
-import { ApollionProps } from '../../factory/System';
+import { FlexFactoryProps } from '../../factory/FlexFactory';
+import { LayoutContainerProps, PolymorphicProps } from '../../factory/System';
 /**
  * Props of the `Flex` component before the native `<div>` props.
  *
- * Extends {@link ApollionProps} — inheriting all factory props
- * (spacing, size, colors, borders, deep, etc.) — and adds only
- * `children`. It is exposed separately so that other components can
- * style themselves "like a Flex" without importing the native div props.
+ * `Flex` is a **layout** container — structure only (ADR-028). It extends the
+ * layout surface ({@link LayoutContainerProps}: spacing, size, container
+ * geometry, responsive channels) plus the flex layout props
+ * ({@link FlexFactoryProps}: `gap`, `flexDirection`, `alignItems`,
+ * `justifyContent`, `wrap`, `flex`, …). It carries **no** background, border,
+ * elevation, typography or motion — a `Flex` in a tree always means layout, and
+ * a visual ground is a `Paper`/`Card`.
  */
-export interface FlexPropsInterface extends ApollionProps {
+export interface FlexPropsInterface extends LayoutContainerProps, FlexFactoryProps {
     children?: ReactNode;
 }
 type NativeProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
@@ -22,4 +26,17 @@ type NativeProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
  */
 export interface DefaultFlexInterface extends FlexPropsInterface, NativeProps {
 }
+/**
+ * Public props type for annotating a `Flex` **layout object** — the runtime
+ * interface plus the `styled-components` polymorphic {@link PolymorphicProps}
+ * (`as`/`forwardedAs`). Use this (not `DefaultFlexInterface`) when a consumer
+ * types a plain object and needs `as`, so no local augmentation or
+ * `ComponentProps<typeof Flex>` workaround is needed.
+ *
+ * `as`/`forwardedAs` live here rather than on `DefaultFlexInterface` because
+ * that interface is the generic passed to `styled(...)` internally, where a
+ * polymorphic `as` blows the styled-components union past the TS ceiling
+ * (TS2590). The styled `Flex` component itself still accepts `as` natively.
+ */
+export type FlexProps = DefaultFlexInterface & PolymorphicProps;
 export {};

package/lib/containers/Flex/Flex.style.d.ts

@@ -6,10 +6,42 @@
  * Exposed as `Flex` in the barrel. Animation is the `motion` preset prop
  * (ADR-027) — a factory channel of this container, not a separate module.
  */
-export declare const DefaultFlexStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+export declare const DefaultFlexStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+}, "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf"> & Partial<{
+    flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    gap?: import("../../themes").SpacingInterface;
+    flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    flexBasis: string | number;
+    justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+    justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    grow: boolean;
+    shrink: boolean;
+    order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+}>, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color"> & import("../../factory").LayoutContainerProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never>>> & string;
+}, "wrap" | "flex" | "gap" | "flexDirection" | "flexBasis" | "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems" | "alignSelf" | "grow" | "shrink" | "order" | "justifySelf"> & Partial<{
+    flex: import("../../factory/FlexFactory/FlexFactory.interface").Flex;
+    gap?: import("../../themes").SpacingInterface;
+    flexDirection: import("../../factory/FlexFactory/FlexFactory.interface").FlexDirection;
+    flexBasis: string | number;
+    justifyContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexJustify;
+    alignItems: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignItems;
+    alignContent: import("../../factory/FlexFactory/FlexFactory.interface").FlexAlignContent;
+    justifyItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    placeItems: import("../../factory/FlexFactory/FlexFactory.interface").GridItemsAlign;
+    wrap: import("../../factory/FlexFactory/FlexFactory.interface").FlexWrap;
+    alignSelf: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
+    grow: boolean;
+    shrink: boolean;
+    order: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
+    justifySelf: import("../../factory/FlexFactory/FlexFactory.interface").JustifySelf;
+}>, never>>> & string;

package/lib/containers/Flex/index.esm.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk-RSQIUWSS.esm.js";import"../../chunks/chunk-T45OIU7I.esm.js";import"../../chunks/chunk-AIUT47H7.esm.js";import"../../chunks/chunk-TOLIKUNQ.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-HCNNXM2C.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-F62355HF.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Flex};
+import{a}from"../../chunks/chunk-UDQ3TYVZ.esm.js";import"../../chunks/chunk-347TNROV.esm.js";import"../../chunks/chunk-MPMCXGOX.esm.js";import"../../chunks/chunk-TBHGVERY.esm.js";import"../../chunks/chunk-62CVSGJD.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-MBQGF5IM.esm.js";import"../../chunks/chunk-CK3WBMQQ.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-RZLOZ3NW.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-TZQMBDGR.esm.js";import"../../chunks/chunk-WCUEINBQ.esm.js";import"../../chunks/chunk-YJ6PPJQ4.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-3A7I6HM2.esm.js";import"../../chunks/chunk-XTY6DXMK.esm.js";import"../../chunks/chunk-R2B57RMV.esm.js";import"../../chunks/chunk-RFUX53ZX.esm.js";import"../../chunks/chunk-CQASQBD7.esm.js";import"../../chunks/chunk-MREWGN5R.esm.js";import"../../chunks/chunk-PXVTXO3L.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as Flex};