@apollion-dsi/core 5.10.0 → 7.0.0

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

@@ -1,5 +1,6 @@
-import { DefaultGridInterface, GridStyleProps } from './Grid.interface';
-import { CSSObject } from '../../vendors/StyledComponents';
+import { GridShapeProps, GridStyleProps } from './Grid.interface';
+import { SurfaceContainerProps } from '../../factory/System';
+import { CSSObject, IStyledComponent } from '../../vendors/StyledComponents';
 /**
  * Builds the responsive CSS from `medias`.
  *
@@ -17,10 +18,20 @@ 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;
+/**
+ * **Surface-typed** view of {@link DefaultGridStyle} (ADR-028) — the same
+ * runtime grid, retyped to accept the surface groups (background, border,
+ * elevation, typography, motion) on top of the grid shape. For internal
+ * Grid-rooted surface building blocks that are genuinely visual but are not the
+ * full `Card`. Consumers use `Grid` (layout) or `Card` (surface).
+ *
+ * @internal Not published.
+ */
+export declare const SurfaceGrid: IStyledComponent<"web", React.JSX.IntrinsicElements["div"] & SurfaceContainerProps & GridShapeProps>;

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

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-GZVFLN6W.esm.js";import"../../chunks/chunk-XUDIJMQO.esm.js";import"../../chunks/chunk-PJQ3IZE7.esm.js";import"../../chunks/chunk-II2LPQYL.esm.js";import"../../chunks/chunk-VMIXRIQ2.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,c}from"../../chunks/chunk-RI7KKIJD.esm.js";import"../../chunks/chunk-D4ZBSTRO.esm.js";import"../../chunks/chunk-PMN6TVDW.esm.js";import"../../chunks/chunk-KKFQPSAE.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-VUFEYXWD.esm.js";import"../../chunks/chunk-SF2QSF7E.esm.js";import"../../chunks/chunk-LCIO2E2K.esm.js";import"../../chunks/chunk-HG4FBLPA.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-OHVMP5B7.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-WI3WPCW3.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,c as SurfaceGrid,a as setGridBreakpoints};

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

@@ -15,11 +15,35 @@ import { NotificationInterface } from './Notification.interface';
  * `action` and `message` accept both a `ReactNode` and `(p: { close })` —
  * useful for closing the notification from within the content.
  */
-export declare const BaseNotification: ({ type, variant, visible, closable, autoClose, message, action, icon, link, onDismiss, closeLabel, ...props }: NotificationInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseNotification: React.ForwardRefExoticComponent<{
+    title?: string;
+    message?: React.ReactNode | ((p: {
+        close: () => void;
+    }) => React.ReactNode);
+    type?: import("./Notification.interface").NotificationTypes;
+    icon?: React.ReactNode;
+    variant?: import("./Notification.interface").NotificationVariants;
+    closeLabel?: string;
+    visible?: boolean;
+    pagePosition?: import("./Notification.interface").NotificationPagePositionTypes;
+    pageOffset?: number | string;
+    onDismiss?: () => void;
+    autoClose?: number;
+    closable?: boolean;
+    link?: {
+        text: import("../../elements").LinkInterface["text"];
+        href?: import("../../elements").LinkInterface["href"];
+        to?: import("../../elements").LinkInterface["to"];
+    };
+    action?: React.ReactNode | ((p: {
+        close: () => void;
+    }) => React.ReactNode);
+} & 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
- * `pagePosition`). Animated via `framer-motion`.
+ * `pagePosition`). Slides from its own edge via the `sheet`/`sheet-top`
+ * motion presets; exit is held by `useExitTransition` (ADR-027).
  *
  * The portal is only mounted after the first `useEffect` to avoid
  * hydration mismatches in SSR.

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

@@ -3,14 +3,20 @@ import React from 'react';
  * Renders the fixed container where the stacked toasts are displayed.
  *
  * Isolated in its own module and loaded on demand (`React.lazy`) by the
- * {@link NotificationsProvider} only after the first toast — this keeps
- * `framer-motion` (via `AnimatePresence` + `AnimatedContainer`) out of
- * the initial bundle of any application that merely mounts the provider.
- * See ADR-013 (bundle: framer-motion off the critical path).
+ * {@link NotificationsProvider} only after the first toast — the portal
+ * group (and its motion choreography) stays out of the initial bundle of
+ * any application that merely mounts the provider (ADR-013 §3.2 latch,
+ * kept after the framer-motion removal in ADR-027).
  *
  * Uses a portal on `document.body` to escape any overflow/transform in
  * the tree and only mounts after the first render to avoid SSR
  * mismatches.
+ *
+ * Exit note (ADR-027): a toast dismissed through its own controls (close
+ * button, `autoClose`, action `close()`) animates out before leaving the
+ * queue. Removing a toast programmatically via `removeNotification(id)`
+ * from outside unmounts it immediately — the documented fidelity trade of
+ * the CSS-first migration.
  */
 declare const NotificationGroup: React.FC;
 export default NotificationGroup;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { LinkInterface } from '../../elements/Link';
-import { MotionProps } from '../../vendors/FramerMotion';
+import { MotionFactoryProps } from '../../factory/MotionFactory';
+import { SurfaceFactoryProps } from '../../factory/System';
 import { DefaultFlexInterface } from '../Flex';
 /**
  * Visual types accepted by `Notification`.
@@ -23,10 +24,9 @@ export type NotificationPagePositionTypes = 'top' | 'bottom';
 /**
  * Props of the `Notification` component.
  *
- * Also accepts every `framer-motion` animation prop
- * ({@link MotionProps}) and the `Flex` factory props
- * ({@link DefaultFlexInterface}) — `Notification` is rendered on top of
- * an animated wrapper.
+ * Also accepts the `Flex` factory props ({@link DefaultFlexInterface}),
+ * including the `motion` preset channel (ADR-027) — `Notification` is
+ * rendered on a factory container, so entrances/exits are plain CSS presets.
  *
  * @example
  * ```tsx
@@ -114,7 +114,7 @@ export type NotificationInterface = {
     action?: React.ReactNode | ((p: {
         close: () => void;
     }) => React.ReactNode);
-} & MotionProps & DefaultFlexInterface;
+} & DefaultFlexInterface & SurfaceFactoryProps & MotionFactoryProps;
 /**
  * Internal shape used in the toast queue. Adds the `id` generated by
  * `nanoid()` to allow targeted removal.