@apollion-dsi/core 6.0.0 → 7.1.0

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { FlexFactoryProps } from '../../factory/FlexFactory';
+import { LayoutContainerProps, PolymorphicProps } from '../../factory/System';
 import { BreakpointTypes } from '../../themes/Breakpoints';
 import { SpacingInterface } from '../../themes/Spacing';
 import { Theme } from '../../themes/ThemeProvider';
-import { BaseContainerProps } from '../Base';
 /**
  * Breakpoints accepted by the `Grid`'s `medias` prop.
  *
@@ -75,13 +75,13 @@ export type GridAlignmentProps = Pick<FlexFactoryProps, 'alignItems' | 'justifyC
  */
 export type GridBreakpoints = Partial<Record<GridMediasTypes, GridMediaInterface>> & GridMediaInterface;
 /**
- * Props of the `Grid` before the native `<div>` props.
- *
- * Extends {@link BaseContainerProps} to inherit all factory props
- * (spacing, color, borders, etc.) and adds `medias` to configure
- * the grid per breakpoint.
+ * The grid-specific shape — the box alignment surface plus the responsive grid
+ * template (`medias`) — **without** the responsive channels. Channel-agnostic,
+ * so both the layout `Grid` ({@link GridPropsInterface}) and the Grid-rooted
+ * **surface** `Card` compose it: `Grid` adds the layout channels, `Card` the
+ * surface channels (ADR-028).
  */
-export interface GridPropsInterface extends BaseContainerProps, GridAlignmentProps {
+export interface GridShapeProps extends GridAlignmentProps {
     /**
      * Responsive grid configuration. Accepts either a "flat" config
      * (applied as the default) or an object with per-breakpoint keys
@@ -93,6 +93,17 @@ export interface GridPropsInterface extends BaseContainerProps, GridAlignmentPro
      * ```
      */
     medias?: GridBreakpoints;
+}
+/**
+ * Props of the `Grid` before the native `<div>` props.
+ *
+ * `Grid` is a **layout** container — structure only (ADR-028). It extends the
+ * layout surface ({@link LayoutContainerProps}: spacing, size, container
+ * geometry, layout-only responsive channels) plus the grid template + alignment
+ * ({@link GridShapeProps}). It carries **no** background, border, elevation,
+ * typography or motion — the Grid-rooted **surface** is `Card`.
+ */
+export interface GridPropsInterface extends LayoutContainerProps, GridShapeProps {
     children?: ReactNode;
 }
 /**
@@ -102,6 +113,19 @@ export interface GridPropsInterface extends BaseContainerProps, GridAlignmentPro
  */
 export interface DefaultGridInterface extends GridPropsInterface, Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
 }
+/**
+ * Public props type for annotating a `Grid` **layout object** — the runtime
+ * interface plus the `styled-components` polymorphic {@link PolymorphicProps}
+ * (`as`/`forwardedAs`). Use this (not `DefaultGridInterface`) when a consumer
+ * types a plain object and needs `as`, so no local augmentation or
+ * `ComponentProps<typeof Grid>` workaround is needed.
+ *
+ * `as`/`forwardedAs` live here rather than on `DefaultGridInterface` 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 `Grid` component itself still accepts `as` natively.
+ */
+export type GridProps = DefaultGridInterface & PolymorphicProps;
 /**
  * Props that reach the Grid's styled-components functions. Equivalent to
  * {@link DefaultGridInterface} with the `theme` injected by the

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

@@ -1,4 +1,4 @@
-import { DefaultGridInterface, GridStyleProps } from './Grid.interface';
+import { GridShapeProps, GridStyleProps } from './Grid.interface';
 import { CSSObject } from '../../vendors/StyledComponents';
 /**
  * Builds the responsive CSS from `medias`.
@@ -17,10 +17,10 @@ export declare const setGridBreakpoints: ({ medias, theme }: GridStyleProps) =>
  *
  * Exposed as `Grid` in the barrel.
  */
-export declare const DefaultGridStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+export declare const DefaultGridStyle: 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;
-}, keyof DefaultGridInterface> & DefaultGridInterface, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+}, keyof GridShapeProps> & 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 DefaultGridInterface> & DefaultGridInterface, never>>> & string;
+}, keyof GridShapeProps> & GridShapeProps, never>>> & string;

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-MZXNUBS6.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{b as DefaultGridStyle,b as Grid,a as setGridBreakpoints};
+import{a,b}from"../../chunks/chunk-OEEVC5Y2.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{b as DefaultGridStyle,b as Grid,a as setGridBreakpoints};

package/lib/containers/Notification/Notification.d.ts

@@ -38,7 +38,7 @@ export declare const BaseNotification: React.ForwardRefExoticComponent<{
     action?: React.ReactNode | ((p: {
         close: () => void;
     }) => React.ReactNode);
-} & import("..").DefaultFlexInterface & React.RefAttributes<HTMLDivElement>>;
+} & import("..").DefaultFlexInterface & import("../../factory").SurfaceFactoryProps & import("../../factory").MotionFactoryProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * `type="page"` variation — renders the notification in a portal on
  * `document.body`, fixed to the top or bottom of the page (controlled by

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

@@ -1,5 +1,7 @@
 import React from 'react';
 import { LinkInterface } from '../../elements/Link';
+import { MotionFactoryProps } from '../../factory/MotionFactory';
+import { SurfaceFactoryProps } from '../../factory/System';
 import { DefaultFlexInterface } from '../Flex';
 /**
  * Visual types accepted by `Notification`.
@@ -112,7 +114,7 @@ export type NotificationInterface = {
     action?: React.ReactNode | ((p: {
         close: () => void;
     }) => React.ReactNode);
-} & DefaultFlexInterface;
+} & DefaultFlexInterface & SurfaceFactoryProps & MotionFactoryProps;
 /**
  * Internal shape used in the toast queue. Adds the `id` generated by
  * `nanoid()` to allow targeted removal.

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

@@ -3,42 +3,94 @@ import { NotificationVariants } from './Notification.interface';
  * Internal progress bar of the notification. Duration comes from the
  * `--time` CSS variable, set inline by the component.
  */
-export declare const NotificationProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+export declare const NotificationProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
 }, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
-}, never>> & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>> & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
 }, never>>> & string;
 /** Absolutely positioned container of the progress bar, placed at the top. */
-export declare const ProgressContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>> & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>> & {
+export declare const ProgressContainer: import("styled-components/dist/types").IStyledComponentBase<"web", 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;
+}, "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;
+}, "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>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<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;
+}, "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;
+}, "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>> & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
 }, never>>> & string;
@@ -62,22 +114,86 @@ export declare const WrapperNotificationStyle: import("styled-components/dist/ty
  * Container for the left-hand icon. Applies the `--darkColor` color and
  * forces a fixed size on the SVG.
  */
-export declare const NotificationIconStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>> & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
-    as?: import("styled-components").WebTarget;
-    forwardedAs?: import("styled-components").WebTarget;
-}, never>> & {
+export declare const NotificationIconStyle: import("styled-components/dist/types").IStyledComponentBase<"web", 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;
+}, "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;
+}, "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>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<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;
+}, "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;
+}, "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>> & {
     as?: import("styled-components").WebTarget;
     forwardedAs?: import("styled-components").WebTarget;
 }, never>>> & string;

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

@@ -1 +1 @@
-import"../../chunks/chunk-DG6QINOD.esm.js";import{a,b,c,d,e}from"../../chunks/chunk-DNPDRN65.esm.js";import"../../chunks/chunk-T7HLONFV.esm.js";import"../../chunks/chunk-ZMHNNJNC.esm.js";import"../../chunks/chunk-2FQC32AA.esm.js";import"../../chunks/chunk-HSKYQ6VP.esm.js";import"../../chunks/chunk-SPHHNZVP.esm.js";import"../../chunks/chunk-4UWZA5FD.esm.js";import"../../chunks/chunk-KQQ7V7VG.esm.js";import"../../chunks/chunk-3QSPHURU.esm.js";import"../../chunks/chunk-NDIYF5SX.esm.js";import"../../chunks/chunk-KZTG5TDM.esm.js";import"../../chunks/chunk-A3OJEVGQ.esm.js";import"../../chunks/chunk-KR2X2UQG.esm.js";import"../../chunks/chunk-BE2JDTVA.esm.js";import"../../chunks/chunk-RR2TYGZC.esm.js";import"../../chunks/chunk-VLYDLZDV.esm.js";import"../../chunks/chunk-DAT6GD4T.esm.js";import"../../chunks/chunk-UWNCASVD.esm.js";import"../../chunks/chunk-DNEZUVFF.esm.js";import"../../chunks/chunk-ZAYWAUKZ.esm.js";import"../../chunks/chunk-JLQDS5TS.esm.js";import"../../chunks/chunk-7TJO34VI.esm.js";import"../../chunks/chunk-5Q265MC7.esm.js";import"../../chunks/chunk-3V3ZEGHO.esm.js";import"../../chunks/chunk-KZGTQCBM.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{c as f,d as g}from"../../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-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{e as Notification,d as NotificationIconStyle,a as NotificationProgress,f as NotificationsProvider,b as ProgressContainer,c as WrapperNotificationStyle,g as useNotification};
+import"../../chunks/chunk-DG6QINOD.esm.js";import{a,b,c,d,e}from"../../chunks/chunk-42TLD4GM.esm.js";import"../../chunks/chunk-EK6YOJCW.esm.js";import"../../chunks/chunk-ZMHNNJNC.esm.js";import"../../chunks/chunk-KQQ7V7VG.esm.js";import"../../chunks/chunk-A3OJEVGQ.esm.js";import"../../chunks/chunk-RR2TYGZC.esm.js";import"../../chunks/chunk-2FQC32AA.esm.js";import"../../chunks/chunk-HSKYQ6VP.esm.js";import"../../chunks/chunk-SPHHNZVP.esm.js";import"../../chunks/chunk-4UWZA5FD.esm.js";import"../../chunks/chunk-3QSPHURU.esm.js";import"../../chunks/chunk-NDIYF5SX.esm.js";import"../../chunks/chunk-KR2X2UQG.esm.js";import"../../chunks/chunk-BE2JDTVA.esm.js";import"../../chunks/chunk-KZTG5TDM.esm.js";import"../../chunks/chunk-5ILT45RQ.esm.js";import"../../chunks/chunk-DAT6GD4T.esm.js";import"../../chunks/chunk-H4XR4LGF.esm.js";import"../../chunks/chunk-HGOJTQ3L.esm.js";import"../../chunks/chunk-JLUNVLUS.esm.js";import"../../chunks/chunk-7TJO34VI.esm.js";import"../../chunks/chunk-JLQDS5TS.esm.js";import"../../chunks/chunk-5Q265MC7.esm.js";import"../../chunks/chunk-3V3ZEGHO.esm.js";import"../../chunks/chunk-CC5NKEXF.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{c as f,d as g}from"../../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-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{e as Notification,d as NotificationIconStyle,a as NotificationProgress,f as NotificationsProvider,b as ProgressContainer,c as WrapperNotificationStyle,g as useNotification};

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

@@ -1,10 +1,37 @@
-import { DefaultFlexInterface } from '../Flex';
+import { ReactNode } from 'react';
+import { FlexFactoryProps } from '../../factory/FlexFactory';
+import { PolymorphicProps, SurfaceContainerProps } from '../../factory/System';
 /**
- * Props of the `Paper` component.
+ * Props of the `Paper` component before the native `<div>` props.
  *
- * Equivalent to {@link DefaultFlexInterface} — `Paper` is a `Flex` with
- * pre-configured padding/borderRadius/background and `deep`. The whole
- * declarative API of `Flex` (spacing, color, border, size, deep, etc.)
- * is available.
+ * `Paper` is the flex **surface** (ADR-028): it builds on
+ * {@link SurfaceContainerProps} (the layout factory group + the surface group
+ * `bgColor`/border/`deep` + the responsive channels at full width, so a Paper
+ * may respond to breakpoint/slot width with surface props too) plus the flex
+ * layout props ({@link FlexFactoryProps}). Pre-configured via `.attrs` —
+ * `p="medium"`, `borderRadius="micro"`, `bgColor="surface.paper"`, `deep={2}`
+ * (the paper ground of the surface ladder, ADR-023) — all overridable.
  */
-export type DefaultPaperInterface = DefaultFlexInterface;
+export interface PaperPropsInterface extends SurfaceContainerProps, FlexFactoryProps {
+    children?: ReactNode;
+    /**
+     * Renders the surface **flat**: transparent background and no elevation
+     * (`deep: 0`), keeping every other Paper ergonomic. A resting neutral state
+     * that can be animated to a solid raised surface (e.g. transparent on mobile,
+     * a raised panel on desktop; a neutral→filled reveal). An explicit `bgColor`
+     * or `deep` still wins over the flat defaults.
+     *
+     * @default false
+     */
+    flat?: boolean;
+}
+type NativeProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
+/** Complete runtime props of `<Paper>` — factory props + native `<div>` props. */
+export interface DefaultPaperInterface extends PaperPropsInterface, NativeProps {
+}
+/**
+ * Public props type for annotating a `Paper` **layout object** — the runtime
+ * interface plus the polymorphic `as`/`forwardedAs`.
+ */
+export type PaperProps = DefaultPaperInterface & PolymorphicProps;
+export {};