@apollion-dsi/core 5.6.0 → 5.8.0

package/lib/elements/index.d.ts

@@ -1,8 +1,10 @@
 export * from './Avatar';
 export * from './Button';
+export * from './Divider';
 export * from './Dropdown';
 export * from './Icon';
 export * from './IconButton';
+export * from './IconText';
 export * from './Image';
 export * from './Label';
 export * from './Link';

package/lib/elements/index.esm.js

@@ -1 +1 @@
-import{a as J,b as K}from"../chunks/chunk-TISQZ6PQ.esm.js";import{a as L,b as M,c as N,d as O,e as P,f as Q,g as R,h as S}from"../chunks/chunk-P5PWDVWO.esm.js";import{a as T}from"../chunks/chunk-AYZYOY57.esm.js";import{a as U}from"../chunks/chunk-MS7WJXDX.esm.js";import{a as I}from"../chunks/chunk-WU5LSQM6.esm.js";import"../chunks/chunk-EJ3VKFOX.esm.js";import"../chunks/chunk-5NE62M4R.esm.js";import{a as E}from"../chunks/chunk-34QOWBI6.esm.js";import{a as B,b as C,c as D}from"../chunks/chunk-M32CTX5Z.esm.js";import{a as F,b as G,c as H}from"../chunks/chunk-WNCECFZT.esm.js";import"../chunks/chunk-5H2LWL6K.esm.js";import{a as v,b as w}from"../chunks/chunk-KHEBUAB4.esm.js";import{a as y,b as z,c as A}from"../chunks/chunk-KYIPVR2T.esm.js";import{a as l,b as n,c as q,d as s,e as u}from"../chunks/chunk-CZAUFZ45.esm.js";import"../chunks/chunk-H2KVPACE.esm.js";import{a as x,b as k}from"../chunks/chunk-5SQH2W2J.esm.js";import{a as d,b as g,c as h,d as i,e as j}from"../chunks/chunk-TD4RVB2L.esm.js";import{a,b,c}from"../chunks/chunk-BVKAXW2H.esm.js";import"../chunks/chunk-TUALAE4W.esm.js";import"../chunks/chunk-ZLFQHCLE.esm.js";import"../chunks/chunk-KL3ATH64.esm.js";import"../chunks/chunk-T6ZB656A.esm.js";import"../chunks/chunk-7AFAO7ZS.esm.js";import"../chunks/chunk-56NEPHUH.esm.js";import"../chunks/chunk-RU6QRCR7.esm.js";import"../chunks/chunk-CWRWYU7D.esm.js";import"../chunks/chunk-2R6XFFSQ.esm.js";import"../chunks/chunk-TG5BCBO4.esm.js";import"../chunks/chunk-JOKVE3IX.esm.js";import"../chunks/chunk-BRXIFPWB.esm.js";import"../chunks/chunk-3EOSES4S.esm.js";import"../chunks/chunk-NQBO2D7L.esm.js";import"../chunks/chunk-3DUB5C4Z.esm.js";import"../chunks/chunk-KT6QQ3UJ.esm.js";import"../chunks/chunk-7EGX7BMB.esm.js";import"../chunks/chunk-OWMRURZT.esm.js";import"../chunks/chunk-6X6WKZ3Y.esm.js";import"../chunks/chunk-2ROOI4B2.esm.js";import"../chunks/chunk-2FQC32AA.esm.js";import"../chunks/chunk-UNM6DHPD.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-A3OJEVGQ.esm.js";import"../chunks/chunk-KR2X2UQG.esm.js";import"../chunks/chunk-BE2JDTVA.esm.js";import"../chunks/chunk-5Q265MC7.esm.js";import"../chunks/chunk-3V3ZEGHO.esm.js";import"../chunks/chunk-WGTBX72G.esm.js";import"../chunks/chunk-IWMEDT6U.esm.js";import{a as o,b as r,c as e,d as f}from"../chunks/chunk-KASRN4X5.esm.js";import"../chunks/chunk-BMGVQBTB.esm.js";import{a as m,b as p,c as t}from"../chunks/chunk-BC24WDTC.esm.js";import"../chunks/chunk-6N52NFPT.esm.js";import"../chunks/chunk-6OXVRDS2.esm.js";import"../chunks/chunk-4V7LOS5Z.esm.js";import"../chunks/chunk-CLDPV7NK.esm.js";import"../chunks/chunk-YRBM4WYM.esm.js";import"../chunks/chunk-5OKRFXLL.esm.js";import"../chunks/chunk-LATE6DIA.esm.js";import"../chunks/chunk-VMIXRIQ2.esm.js";import"../chunks/chunk-MBYC37CX.esm.js";import"../chunks/chunk-NI6YLGUA.esm.js";import"../chunks/chunk-OZIEVLUR.esm.js";import"../chunks/chunk-5HENHW73.esm.js";import"../chunks/chunk-RZDVS7AY.esm.js";import"../chunks/chunk-IK5Z5C2R.esm.js";import"../chunks/chunk-BNB3KNKE.esm.js";import"../chunks/chunk-OXQA5WD3.esm.js";import"../chunks/chunk-A6Z2M2XU.esm.js";import"../chunks/chunk-RWLJNXLX.esm.js";import"../chunks/chunk-TLBV5OUM.esm.js";import"../chunks/chunk-E3MSXQXV.esm.js";import"../chunks/chunk-TQJTHPA3.esm.js";import"../chunks/chunk-BV6GHAF7.esm.js";import"../chunks/chunk-G5Z7USXC.esm.js";import"../chunks/chunk-APD22JEO.esm.js";import"../chunks/chunk-GZONWSRB.esm.js";export{F as Arrow,I as Avatar,o as BaseText,u as Button,s as ButtonStyle,E as Dropdown,h as GroupStyle,k as Icon,w as IconButton,v as IconButtonStyle,x as IconStyle,b as Image,c as ImageLazy,a as ImageStyle,K as Label,J as LabelStyle,A as Link,z as LinkButtonStyle,y as LinkStyle,D as List,C as ListItemStyle,B as ListStyle,S as Modal,O as ModalBody,Q as ModalContainer,M as ModalContentStyle,L as ModalDialogStyle,N as ModalHeader,P as ModalIconStyle,R as ModalOverlayStyle,i as PathStyle,T as Popover,U as ProgressBar,t as Spinner,p as SpinnerCircle,m as SpinnerStyle,j as Svg,g as SvgStyle,f as Text,H as Tooltip,G as TooltipContainer,q as buttonBaseStyles,l as buttonSize,n as buttonVariant,d as getNativeDims,e as getTextProps,r as variantStyleProps};
+import{a as X,b as Y,c as Z,d as _,e as $,f as oo,g as ro,h as eo}from"../chunks/chunk-PMQG6OAY.esm.js";import{a as fo}from"../chunks/chunk-VAH2Y2S5.esm.js";import{a as T,b as U}from"../chunks/chunk-IEECNFBV.esm.js";import{a as V,b as W}from"../chunks/chunk-BULFULCF.esm.js";import{a as P}from"../chunks/chunk-UO3HO2ZN.esm.js";import{a as Q,b as R,c as S}from"../chunks/chunk-L3UIDQAU.esm.js";import"../chunks/chunk-TFOUOFFD.esm.js";import{a as L}from"../chunks/chunk-3XGXC5CQ.esm.js";import"../chunks/chunk-IN3Y5P5T.esm.js";import{a as M,b as N,c as O}from"../chunks/chunk-OX3EZSSO.esm.js";import{a as K}from"../chunks/chunk-QG4MACPR.esm.js";import{a as H,b as I,c as J}from"../chunks/chunk-OKKST6EP.esm.js";import"../chunks/chunk-5H2LWL6K.esm.js";import{a as C,b as D}from"../chunks/chunk-NBQ34TTP.esm.js";import"../chunks/chunk-2ROOI4B2.esm.js";import"../chunks/chunk-4UWZA5FD.esm.js";import"../chunks/chunk-KQQ7V7VG.esm.js";import"../chunks/chunk-NDIYF5SX.esm.js";import"../chunks/chunk-A3OJEVGQ.esm.js";import"../chunks/chunk-KR2X2UQG.esm.js";import"../chunks/chunk-BE2JDTVA.esm.js";import"../chunks/chunk-2FQC32AA.esm.js";import"../chunks/chunk-6AF7EOSR.esm.js";import"../chunks/chunk-SPHHNZVP.esm.js";import"../chunks/chunk-3QSPHURU.esm.js";import{a as E,b as F,c as G}from"../chunks/chunk-IRZ4UB35.esm.js";import"../chunks/chunk-H2KVPACE.esm.js";import{a as o,b}from"../chunks/chunk-23T5Y5P7.esm.js";import{a as m,b as p,c as t,d as x,e as a}from"../chunks/chunk-NFEJI3EH.esm.js";import{a as r,b as e,c as f}from"../chunks/chunk-AFFGRIAY.esm.js";import"../chunks/chunk-VROT2JQQ.esm.js";import"../chunks/chunk-UBIEAIXU.esm.js";import"../chunks/chunk-5Q265MC7.esm.js";import"../chunks/chunk-3V3ZEGHO.esm.js";import{a as l,b as n,c as q,d as s,e as u,f as B}from"../chunks/chunk-PUP76STF.esm.js";import{a as v,b as w,c as y,d as z,e as A}from"../chunks/chunk-MUI7DBJO.esm.js";import"../chunks/chunk-EBOJSNZ5.esm.js";import"../chunks/chunk-3BR5YHOT.esm.js";import"../chunks/chunk-HPM5AX5Z.esm.js";import"../chunks/chunk-2XTVIQMG.esm.js";import"../chunks/chunk-4ZHLV35P.esm.js";import"../chunks/chunk-4L2KOZIQ.esm.js";import"../chunks/chunk-6KLI7VMF.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-CCONLRLQ.esm.js";import"../chunks/chunk-6XX3UO2Y.esm.js";import"../chunks/chunk-KT6QQ3UJ.esm.js";import"../chunks/chunk-BERIBF3O.esm.js";import"../chunks/chunk-YZQXTNVA.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-IPANNHV3.esm.js";import"../chunks/chunk-3DUB5C4Z.esm.js";import"../chunks/chunk-HATBJ5OR.esm.js";import"../chunks/chunk-3TVX6V2P.esm.js";import{a as c,b as d,c as g,d as h,e as i,f as j,g as k}from"../chunks/chunk-Q5ET2AY3.esm.js";import"../chunks/chunk-RLDFMPSZ.esm.js";import"../chunks/chunk-I6HAFAKY.esm.js";import"../chunks/chunk-VKFJFOLE.esm.js";import"../chunks/chunk-7L77BJCX.esm.js";import"../chunks/chunk-HEZGD5NN.esm.js";import"../chunks/chunk-PJQ3IZE7.esm.js";import"../chunks/chunk-5OE3KRLX.esm.js";import"../chunks/chunk-VMIXRIQ2.esm.js";import"../chunks/chunk-N6TVSSCE.esm.js";import"../chunks/chunk-RWLJNXLX.esm.js";import"../chunks/chunk-NZ67MJX5.esm.js";import"../chunks/chunk-BNB3KNKE.esm.js";import"../chunks/chunk-OXQA5WD3.esm.js";import"../chunks/chunk-5HBSIYOZ.esm.js";import"../chunks/chunk-RNL7RFJK.esm.js";import"../chunks/chunk-JQ66DKSQ.esm.js";import"../chunks/chunk-QYL6LECA.esm.js";import"../chunks/chunk-GNQ43LWP.esm.js";import"../chunks/chunk-WI3WPCW3.esm.js";import"../chunks/chunk-IK5Z5C2R.esm.js";import"../chunks/chunk-YC44Q5HI.esm.js";import"../chunks/chunk-BFABFZI7.esm.js";import"../chunks/chunk-U525YXTZ.esm.js";import"../chunks/chunk-STSRIPD6.esm.js";import"../chunks/chunk-XVPUSCK5.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{M as Arrow,P as Avatar,v as BaseText,B as Button,u as ButtonStyle,g as COUNTDOWN_CIRCUMFERENCE,j as CountdownArc,h as CountdownStyle,i as CountdownTrack,S as Divider,R as DividerLabeledStyle,Q as DividerLineStyle,K as Dropdown,t as GroupStyle,b as Icon,D as IconButton,C as IconButtonStyle,o as IconStyle,U as IconText,T as IconTextStyle,e as Image,f as ImageLazy,r as ImageStyle,W as Label,V as LabelStyle,G as Link,F as LinkButtonStyle,E as LinkStyle,J as List,I as ListItemStyle,H as ListStyle,eo as Modal,_ as ModalBody,oo as ModalContainer,Y as ModalContentStyle,X as ModalDialogStyle,Z as ModalHeader,$ as ModalIconStyle,ro as ModalOverlayStyle,x as PathStyle,fo as Popover,L as ProgressBar,k as Spinner,d as SpinnerCircle,c as SpinnerStyle,a as Svg,p as SvgStyle,A as Text,w as TickTextStyle,O as Tooltip,N as TooltipContainer,s as buttonBaseStyles,n as buttonPalette,l as buttonSize,q as buttonVariant,m as getNativeDims,z as getTextProps,y as variantStyleProps};

package/lib/factory/BackgroundFactory/index.esm.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as BackgroundFactory,a as backgroundKeys};
+import{a,b}from"../../chunks/chunk-5HBSIYOZ.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as BackgroundFactory,a as backgroundKeys};

package/lib/factory/ColorFactory/index.esm.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-TLBV5OUM.esm.js";import"../../chunks/chunk-E3MSXQXV.esm.js";import"../../chunks/chunk-TQJTHPA3.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as ColorFactory,a as colorKeys};
+import{a,b}from"../../chunks/chunk-RNL7RFJK.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as ColorFactory,a as colorKeys};

package/lib/factory/ContainerFactory/ContainerFactory.d.ts

@@ -10,9 +10,10 @@ export declare const containerKeys: Array<keyof ContainerFactoryProps>;
 /**
  * Factory for "structural" styles (display/position/overflow/padding/etc.).
  *
- * Resolves the semantic flags (`truncate`, `container`, `absoluteFill`,
- * `isHidden`) into sets of CSS properties — see `ContainerFactoryProps`
- * for the meaning of each flag.
+ * Resolves the semantic flags (`truncate`, `pageShell` — with `container`
+ * as its deprecated alias —, `containment`, `absoluteFill`, `isHidden`)
+ * into sets of CSS properties — see `ContainerFactoryProps` for the
+ * meaning of each flag.
  *
  * @example
  * ```ts

package/lib/factory/ContainerFactory/ContainerFactory.interface.d.ts

@@ -30,8 +30,11 @@ export type DisplayType = 'none' | 'inline' | 'block' | 'flex' | 'grid' | 'inlin
  *
  * Some flags are high-level shortcuts:
  * - `truncate` adds `overflow:hidden + text-overflow:ellipsis + white-space:nowrap`.
- * - `container` centers with `margin: 0 auto` and `maxWidth: 1366`.
+ * - `pageShell` centers with `margin: 0 auto` and caps at
+ *   `theme.layout.pageMaxWidth` (`container` is its deprecated alias).
  * - `absoluteFill` applies `position:absolute + top/bottom/left/right: 0`.
+ * - `containment` marks the element as a size container for the `cq`
+ *   channel (ADR-025).
  */
 export type ContainerFactoryProps = Partial<{
     /** `grid-area` value when the element sits inside a named grid. */
@@ -42,8 +45,25 @@ export type ContainerFactoryProps = Partial<{
     isHidden: boolean;
     /** Shortcut for single-line content with ellipsis. */
     truncate: boolean;
-    /** Centers the element and caps the width at the container breakpoint (1366px). */
+    /**
+     * Centers the element and caps the width at `theme.layout.pageMaxWidth`.
+     * The page shell of a classic centered layout.
+     */
+    pageShell: boolean;
+    /**
+     * @deprecated Renamed to `pageShell` (ADR-025 §2.3) — the word `container`
+     * now belongs to CSS containment. Alias kept for one minor; removal in the
+     * next major.
+     */
     container: boolean;
+    /**
+     * Containment marker for the `cq` channel (ADR-025): emits
+     * `container-type` (+ `container-name` when the string form carries one,
+     * e.g. `'inline-size card'`). Apply on the immediate wrapper of the
+     * adapting component — NEVER on page-level shells (AGENTS.md rule 12 /
+     * ADR-025 invariant 4).
+     */
+    containment: 'inline-size' | 'size' | string;
     overflow: OverflowType;
     overflowX: OverflowType;
     overflowY: OverflowType;

package/lib/factory/ContainerFactory/index.esm.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-NI6YLGUA.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as ContainerFactory,a as containerKeys};
+import{a,b}from"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as ContainerFactory,a as containerKeys};

package/lib/factory/ContainerQueryFactory/ContainerQueryFactory.d.ts

@@ -0,0 +1,25 @@
+import { ContainerQueryProps } from './ContainerQueryFactory.interface';
+import { WithTheme } from '../../themes/ThemeProvider';
+import { CSSObject } from '../../vendors/StyledComponents';
+/**
+ * Prop keys controlled by the `ContainerQueryFactory`.
+ *
+ * Consumed by the `System` to prevent these props from leaking to the DOM.
+ */
+export declare const containerQueryKeys: Array<keyof ContainerQueryProps>;
+/**
+ * Container-query style factory (ADR-025 §2.2) — the third responsive
+ * channel: viewport prefixes (`sm_*`) answer "how wide is the viewport",
+ * `cq` answers "how wide is my slot".
+ *
+ * For each `theme.containerSizes` key present in `cq`, emits an
+ * `@container (min-width: …)` block reapplying the same factory set the
+ * viewport channel uses. Pure CSS, SSR-inert: the server emits static rule
+ * text; the browser resolves it against the nearest `containment` ancestor.
+ *
+ * @example
+ * ```tsx
+ * <Card cq={{ sm: { p: 'large' }, md: { flexDirection: 'row' } }} />
+ * ```
+ */
+export declare const ContainerQueryFactory: (customProps: ContainerQueryProps) => (context: WithTheme<ContainerQueryProps>) => CSSObject;

package/lib/factory/ContainerQueryFactory/ContainerQueryFactory.interface.d.ts

@@ -0,0 +1,35 @@
+import { ContainerSizeTypes } from '../../themes/Layout';
+import { BackgroundFactoryProps } from '../BackgroundFactory';
+import { ColorFactoryProps } from '../ColorFactory';
+import { ContainerFactoryProps } from '../ContainerFactory';
+import { DeepFactoryProps } from '../DeepFactory';
+import { FlexFactoryProps } from '../FlexFactory';
+import { FontFactoryProps } from '../FontFactory';
+import { SizeFactoryProps } from '../SizeFactory';
+import { SpacingFactoryProps } from '../SpacingFactory';
+/**
+ * Prop set accepted inside one `cq` size key — the same factory surface the
+ * responsive channel reapplies per breakpoint (Border intentionally left
+ * out, mirroring `ResponsiveFactory`). `containment` is structurally
+ * excluded: a query must never re-mark containment.
+ */
+export type ContainerQueryable = Partial<Omit<ContainerFactoryProps, 'containment'> & BackgroundFactoryProps & ColorFactoryProps & DeepFactoryProps & FlexFactoryProps & FontFactoryProps & SizeFactoryProps & SpacingFactoryProps>;
+/**
+ * The `cq` prop (ADR-025 §2.2): container-relative styles per
+ * `theme.containerSizes` key, object grammar. Ascending `min-width`
+ * container queries, mobile-first — the base style IS the narrow-slot style
+ * and wider slots opt in.
+ *
+ * @example
+ * ```tsx
+ * <Flex containment="inline-size">
+ *   <Card cq={{ sm: { p: 'large' }, md: { flexDirection: 'row' } }} />
+ * </Flex>
+ * ```
+ */
+export type ContainerQueryStyles = Partial<Record<ContainerSizeTypes, ContainerQueryable>>;
+/** Props consumed by the `ContainerQueryFactory`. */
+export interface ContainerQueryProps {
+    /** Container-relative styles per `theme.containerSizes` key (ADR-025). */
+    cq?: ContainerQueryStyles;
+}

package/lib/factory/ContainerQueryFactory/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Public barrel for the `ContainerQueryFactory` module.
+ *
+ * Any other file in the project should import from the barrel, never from
+ * internal paths like `./ContainerQueryFactory.interface`.
+ */
+export * from './ContainerQueryFactory';
+export * from './ContainerQueryFactory.interface';

package/lib/factory/ContainerQueryFactory/index.esm.js

@@ -0,0 +1 @@
+import{a,b}from"../../chunks/chunk-NZ67MJX5.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-5HBSIYOZ.esm.js";import"../../chunks/chunk-RNL7RFJK.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-GNQ43LWP.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as ContainerQueryFactory,a as containerQueryKeys};

package/lib/factory/DeepFactory/DeepFactory.d.ts

@@ -13,6 +13,10 @@ export declare const deepKeys: Array<keyof DeepFactoryProps>;
  * distance/proximity/intensity from the theme. `deepColor` allows swapping
  * the base color for a theme token (converted to RGB).
  *
+ * Mode bridge (ADR-024): the geometry is shared by both modes; only the
+ * color differs, emitted as a `light-dark()` pair through {@link forModes}
+ * (a `light-dark()` string cannot wrap a whole `box-shadow`).
+ *
  * Special cases:
  * - `deep === undefined` or `noShadow`: returns `null` (no shadow).
  * - `deep === -1`: inner shadow (`inset`).

package/lib/factory/DeepFactory/index.esm.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-OZIEVLUR.esm.js";import"../../chunks/chunk-5HENHW73.esm.js";import"../../chunks/chunk-E3MSXQXV.esm.js";import"../../chunks/chunk-TQJTHPA3.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as DeepFactory,a as deepKeys};
+import{a,b}from"../../chunks/chunk-GNQ43LWP.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as DeepFactory,a as deepKeys};

package/lib/factory/FlexFactory/FlexFactory.d.ts

@@ -6,13 +6,25 @@ import { CSSObject } from '../../vendors/StyledComponents';
  * Consumed by the `System` to prevent these props from leaking to the DOM.
  */
 export declare const flexKeys: Array<keyof FlexFactoryProps>;
+/**
+ * Resolves a semantic alignment token (or a native alias) through its map.
+ * Unknown values warn outside production instead of vanishing — a
+ * misspelled token is a layout bug, not a no-op.
+ */
+export declare const resolveAlignment: <T extends string>(prop: string, value: T | string | undefined, map: Record<T, string>) => string | undefined;
+/**
+ * CSS for the box-alignment subset (`justify-content`, `align-items`,
+ * `align-content`, `justify-items`, `place-items`). Shared with the Grid
+ * `medias` resolver so per-breakpoint alignment uses the same tokens.
+ */
+export declare const alignmentCss: (props: Pick<FlexFactoryProps, "justifyContent" | "alignItems" | "alignContent" | "justifyItems" | "placeItems">) => CSSObject;
 /**
  * Flexbox style factory.
  *
  * Combines the semantic shortcuts (`flex`, `justifyContent`, `alignItems`,
- * `wrap`, `alignSelf`, `order`, `grow`/`shrink`) with `gap` resolution via
- * `gapFn`. `flexDirection` defaults to `column` (aligned with Apollion's
- * preference for implicit vertical stacking).
+ * `wrap`, `alignSelf`, `order`, `grow`/`shrink`) with native `gap`
+ * resolution via `theme.spacing`. `flexDirection` defaults to `column`
+ * (aligned with Apollion's preference for implicit vertical stacking).
  *
  * @example
  * ```ts

package/lib/factory/FlexFactory/FlexFactory.interface.d.ts

@@ -19,6 +19,16 @@ export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 export type FlexJustify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
 /** Semantic tokens for `align-items`. */
 export type FlexAlignItems = 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+/**
+ * Semantic tokens for `align-content` — the packing of wrapped lines
+ * (Flex with `wrap`) or of grid tracks along the block axis.
+ */
+export type FlexAlignContent = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
+/**
+ * Semantic tokens for `justify-items` / `place-items` — the default inline
+ * alignment of every item inside its cell (grid containers).
+ */
+export type GridItemsAlign = 'start' | 'end' | 'center' | 'stretch';
 /**
  * Semantic tokens for `flex-wrap`. `reverse` applies `wrap-reverse`.
  */
@@ -40,8 +50,7 @@ export type JustifySelf = AlignSelf;
  * (except `flexDirection`, which falls back to `column` in the factory).
  *
  * `gap` takes a token from the spacing scale (`SpacingInterface`); the
- * factory handles resolution through the theme AND applies a `margin`
- * fallback in old browsers without flexbox `gap` support.
+ * factory resolves it through the theme and emits native flexbox `gap`.
  */
 export type FlexFactoryProps = Partial<{
     flex: Flex;
@@ -50,6 +59,12 @@ export type FlexFactoryProps = Partial<{
     flexBasis: string | number;
     justifyContent: FlexJustify;
     alignItems: FlexAlignItems;
+    /** Packing of wrapped lines / grid tracks on the block axis. */
+    alignContent: FlexAlignContent;
+    /** Grid containers: inline alignment of every item in its cell. */
+    justifyItems: GridItemsAlign;
+    /** Grid containers: `place-items` shorthand (block + inline). */
+    placeItems: GridItemsAlign;
     wrap: FlexWrap;
     alignSelf: AlignSelf;
     grow: boolean;

package/lib/factory/FlexFactory/index.esm.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-RZDVS7AY.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as FlexFactory,a as flexKeys};
+import{a,b,c,d}from"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{d as FlexFactory,c as alignmentCss,a as flexKeys,b as resolveAlignment};

package/lib/factory/ResponsiveFactory/index.esm.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk-MBYC37CX.esm.js";import"../../chunks/chunk-NI6YLGUA.esm.js";import"../../chunks/chunk-OZIEVLUR.esm.js";import"../../chunks/chunk-5HENHW73.esm.js";import"../../chunks/chunk-RZDVS7AY.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-TLBV5OUM.esm.js";import"../../chunks/chunk-E3MSXQXV.esm.js";import"../../chunks/chunk-TQJTHPA3.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as ResponsiveFactory};
+import{a}from"../../chunks/chunk-N6TVSSCE.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-5HBSIYOZ.esm.js";import"../../chunks/chunk-RNL7RFJK.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-GNQ43LWP.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{a as ResponsiveFactory};

package/lib/factory/System/System.interface.d.ts

@@ -4,6 +4,7 @@ import { BackgroundFactoryProps } from '../BackgroundFactory';
 import { BorderFactoryProps } from '../BorderFactory';
 import { ColorFactoryProps } from '../ColorFactory';
 import { ContainerFactoryProps } from '../ContainerFactory';
+import { ContainerQueryProps } from '../ContainerQueryFactory';
 import { DeepFactoryProps } from '../DeepFactory';
 import { FlexFactoryProps } from '../FlexFactory';
 import { FontFactoryProps } from '../FontFactory';
@@ -27,7 +28,7 @@ export type { Styled };
  * to expose the full set of visual tokens and responsive variants without
  * having to redeclare each key.
  */
-export interface ApollionProps extends SpacingFactoryProps, SizeFactoryProps, ContainerFactoryProps, FontFactoryProps, ColorFactoryProps, BorderFactoryProps, DeepFactoryProps, BackgroundFactoryProps, FlexFactoryProps, ResponsiveProps {
+export interface ApollionProps extends SpacingFactoryProps, SizeFactoryProps, ContainerFactoryProps, FontFactoryProps, ColorFactoryProps, BorderFactoryProps, DeepFactoryProps, BackgroundFactoryProps, FlexFactoryProps, ResponsiveProps, ContainerQueryProps {
 }
 /**
  * Set of HTML tags exposed as shortcuts by the `apollion` object.

package/lib/factory/System/index.esm.js

@@ -1 +1 @@
-import{a,b,c,d}from"../../chunks/chunk-LATE6DIA.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-MBYC37CX.esm.js";import"../../chunks/chunk-NI6YLGUA.esm.js";import"../../chunks/chunk-OZIEVLUR.esm.js";import"../../chunks/chunk-5HENHW73.esm.js";import"../../chunks/chunk-RZDVS7AY.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-TLBV5OUM.esm.js";import"../../chunks/chunk-E3MSXQXV.esm.js";import"../../chunks/chunk-TQJTHPA3.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-APD22JEO.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{d as apollion,b as shouldForwardDimensionAttrs,a as shouldForwardProp,c as styled};
+import{a,b,c,d}from"../../chunks/chunk-5OE3KRLX.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-N6TVSSCE.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-NZ67MJX5.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-5HBSIYOZ.esm.js";import"../../chunks/chunk-RNL7RFJK.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-GNQ43LWP.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.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{d as apollion,b as shouldForwardDimensionAttrs,a as shouldForwardProp,c as styled};

package/lib/factory/index.d.ts

@@ -19,5 +19,6 @@ export * from './FontFactory';
 export * from './FlexFactory';
 export * from './SizeFactory';
 export * from './SpacingFactory';
+export * from './ContainerQueryFactory';
 export * from './ResponsiveFactory';
 export * from './System';

package/lib/factory/index.esm.js

@@ -1 +1 @@
-import"../chunks/chunk-5OKRFXLL.esm.js";import{a as v,b as w,c as x,d as y}from"../chunks/chunk-LATE6DIA.esm.js";import"../chunks/chunk-VMIXRIQ2.esm.js";import{a as u}from"../chunks/chunk-MBYC37CX.esm.js";import{a as i,b as j}from"../chunks/chunk-NI6YLGUA.esm.js";import{a as k,b as l}from"../chunks/chunk-OZIEVLUR.esm.js";import"../chunks/chunk-5HENHW73.esm.js";import{a as o,b as p}from"../chunks/chunk-RZDVS7AY.esm.js";import{a as m,b as n}from"../chunks/chunk-IK5Z5C2R.esm.js";import{a as q,b as r}from"../chunks/chunk-BNB3KNKE.esm.js";import{a as s,b as t}from"../chunks/chunk-OXQA5WD3.esm.js";import{a,b}from"../chunks/chunk-A6Z2M2XU.esm.js";import{a as c,b as d,c as e,d as f}from"../chunks/chunk-RWLJNXLX.esm.js";import{a as g,b as h}from"../chunks/chunk-TLBV5OUM.esm.js";import"../chunks/chunk-E3MSXQXV.esm.js";import"../chunks/chunk-TQJTHPA3.esm.js";import"../chunks/chunk-BV6GHAF7.esm.js";import"../chunks/chunk-G5Z7USXC.esm.js";import"../chunks/chunk-APD22JEO.esm.js";import"../chunks/chunk-GZONWSRB.esm.js";export{b as BackgroundFactory,f as BorderFactory,d as BorderRoundSemantic,e as BorderSemantic,h as ColorFactory,j as ContainerFactory,l as DeepFactory,p as FlexFactory,n as FontFactory,u as ResponsiveFactory,r as SizeFactory,t as SpacingFactory,y as apollion,a as backgroundKeys,c as borderKeys,g as colorKeys,i as containerKeys,k as deepKeys,o as flexKeys,m as fontKeys,w as shouldForwardDimensionAttrs,v as shouldForwardProp,q as sizeKeys,s as spacingKeys,x as styled};
+import"../chunks/chunk-PJQ3IZE7.esm.js";import{a as z,b as A,c as B,d as C}from"../chunks/chunk-5OE3KRLX.esm.js";import"../chunks/chunk-VMIXRIQ2.esm.js";import{a as y}from"../chunks/chunk-N6TVSSCE.esm.js";import{a as c,b as d,c as e,d as f}from"../chunks/chunk-RWLJNXLX.esm.js";import{a as w,b as x}from"../chunks/chunk-NZ67MJX5.esm.js";import{a as s,b as t}from"../chunks/chunk-BNB3KNKE.esm.js";import{a as u,b as v}from"../chunks/chunk-OXQA5WD3.esm.js";import{a,b}from"../chunks/chunk-5HBSIYOZ.esm.js";import{a as g,b as h}from"../chunks/chunk-RNL7RFJK.esm.js";import"../chunks/chunk-JQ66DKSQ.esm.js";import{a as i,b as j}from"../chunks/chunk-QYL6LECA.esm.js";import{a as k,b as l}from"../chunks/chunk-GNQ43LWP.esm.js";import{a as o,b as p,c as q,d as r}from"../chunks/chunk-WI3WPCW3.esm.js";import{a as m,b as n}from"../chunks/chunk-IK5Z5C2R.esm.js";import"../chunks/chunk-YC44Q5HI.esm.js";import"../chunks/chunk-BFABFZI7.esm.js";import"../chunks/chunk-U525YXTZ.esm.js";import"../chunks/chunk-STSRIPD6.esm.js";import"../chunks/chunk-XVPUSCK5.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 BackgroundFactory,f as BorderFactory,d as BorderRoundSemantic,e as BorderSemantic,h as ColorFactory,j as ContainerFactory,x as ContainerQueryFactory,l as DeepFactory,r as FlexFactory,n as FontFactory,y as ResponsiveFactory,t as SizeFactory,v as SpacingFactory,q as alignmentCss,C as apollion,a as backgroundKeys,c as borderKeys,g as colorKeys,i as containerKeys,w as containerQueryKeys,k as deepKeys,o as flexKeys,m as fontKeys,p as resolveAlignment,A as shouldForwardDimensionAttrs,z as shouldForwardProp,s as sizeKeys,u as spacingKeys,B as styled};

package/lib/form/Checkbox/Checkbox.d.ts

@@ -20,6 +20,6 @@ import { CheckboxInterface } from './Checkbox.interface';
  * @see {@link CheckboxInterface} for the detailed props.
  */
 export declare const CheckboxComponent: {
-    ({ label, labelProps, variant, ...rest }: CheckboxInterface): React.JSX.Element;
+    ({ label, labelProps, variant, color, ...rest }: CheckboxInterface): React.JSX.Element;
     displayName: string;
 };

package/lib/form/Checkbox/Checkbox.interface.d.ts

@@ -1,3 +1,4 @@
+import type { ControlColor } from './Checkbox.style';
 import { TextInterface } from '../../elements/Text';
 import { Theme } from '../../themes';
 import { DefaultInputInterface } from '../Input';
@@ -15,6 +16,14 @@ import { DefaultInputInterface } from '../Input';
  * ```
  */
 export interface CheckboxInterface extends DefaultInputInterface {
+    /**
+     * Interaction palette of the checked state (fill / ring / ink). Defaults
+     * to the brand `primary`, like `Button` and `Tabs`. `variant` (`success` /
+     * `error`) still wins when set.
+     *
+     * @default 'primary'
+     */
+    color?: ControlColor;
     /**
      * Text or element displayed next to the box. When a `string`, it is rendered
      * via `BaseText`; when a `ReactNode`, it is rendered as-is.
@@ -26,7 +35,7 @@ export interface CheckboxInterface extends DefaultInputInterface {
      *
      * @example
      * ```tsx
-     * <Checkbox name="terms" label="Aceito" labelProps={{ fontSize: 'micro', color: 'neutral.140' }} />
+     * <Checkbox name="terms" label="Aceito" labelProps={{ fontSize: 'micro', color: 'ink.secondary' }} />
      * ```
      */
     labelProps?: Partial<TextInterface>;
@@ -36,4 +45,6 @@ export interface CheckboxInterface extends DefaultInputInterface {
  */
 export type CheckboxStyleProps = {
     theme: Theme;
+    /** Transient mirror of `color` — keeps it off the DOM and away from the text ColorFactory. */
+    $color?: ControlColor;
 } & CheckboxInterface;