@mapples/ui 1.1.3 → 1.5.0

package/dist/components/media/Vector/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Vector/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,mBAG7B,CAAC"}

package/dist/components/media/Vector/schematics.js

@@ -0,0 +1,14 @@
+import VectorComponent from './Vector';
+/**
+ * Schematic registration entry for the `Vector` component.
+ *
+ * Used by the `@mapples/render` pipeline to resolve the `"Vector"` element
+ * type to the `Vector` React component at runtime.
+ *
+ * @public
+ */
+export const VectorSchematic = {
+    type: 'Vector',
+    Component: VectorComponent,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/media/Vector/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Vector/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,eAAe,MAAM,UAAU,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,eAAe,GAAwB;IAClD,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,eAAe;CAC3B,CAAC"}

package/dist/components/media/Video/Video.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { StyledProps, StyledProp } from '@mapples/style';
-import { VideoContentFit } from 'expo-video';
+import type { VideoContentFit } from 'expo-video';
 import { View, ViewProps, ViewStyle } from 'react-native';
 /**
  * Props for the Video component.

package/dist/components/media/Video/Video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAU,WAAW,EAAc,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAA6B,eAAe,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,kFAAkF;IAClF,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,0DAA0D;QAC1D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,KAAK;;;IA5CT,+BAA+B;aACtB,MAAM;IACf,2EAA2E;eAChE,OAAO;IAClB,4DAA4D;WACrD,OAAO;IACd,wEAAwE;eAC7D,OAAO;IAClB,qFAAqF;iBACxE,eAAe;IAC5B,kFAAkF;aACzE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,0DAA0D;QAC1D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC;wCA6DF,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAU,WAAW,EAAc,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAgB1D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,GAAG;IACtD,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qFAAqF;IACrF,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,kFAAkF;IAClF,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,0DAA0D;QAC1D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAcF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,KAAK;;;IAtDT,+BAA+B;aACtB,MAAM;IACf,2EAA2E;eAChE,OAAO;IAClB,4DAA4D;WACrD,OAAO;IACd,wEAAwE;eAC7D,OAAO;IAClB,qFAAqF;iBACxE,eAAe;IAC5B,kFAAkF;aACzE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,0DAA0D;QAC1D,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACpC;wCA4EF,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/dist/components/media/Video/Video.js

@@ -1,7 +1,27 @@
 import { forwardRef, useEffect } from 'react';
 import { styled, StyledView } from '@mapples/style';
-import { useVideoPlayer, VideoView } from 'expo-video';
-const StyledVideo = styled(VideoView);
+/**
+ * `expo-video` is an **optional peer dependency** of `@mapples/ui` (Project
+ * settings → Packages → "Video"): it's a native module, so apps without a
+ * video element shouldn't have to install it. Resolved lazily; when absent,
+ * rendering a Video throws — nothing is drawn in its place.
+ */
+let ExpoVideo = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    ExpoVideo = require('expo-video');
+}
+catch {
+    ExpoVideo = null;
+}
+const StyledVideo = ExpoVideo ? styled(ExpoVideo.VideoView) : null;
+const requireExpoVideo = () => {
+    if (!ExpoVideo) {
+        throw new Error('Video needs expo-video: enable the "Video" package in Project ' +
+            'settings → Packages.');
+    }
+    return ExpoVideo;
+};
 /**
  * A customizable video player component with built-in styling support.
  *
@@ -28,6 +48,9 @@ const StyledVideo = styled(VideoView);
  * @public
  */
 const Video = forwardRef(({ styled, source, autoPlay, loop, controls, contentFit, ...props }, ref) => {
+    // Resolved before the hook so a missing package throws a clear error
+    // instead of a hooks-order crash.
+    const { useVideoPlayer } = requireExpoVideo();
     const player = useVideoPlayer(source || '');
     const { styleVideo, ...styledProps } = styled || {};
     useEffect(() => {
@@ -43,7 +66,7 @@ const Video = forwardRef(({ styled, source, autoPlay, loop, controls, contentFit
         }
     }, [autoPlay, player, source]);
     return (<StyledView ref={ref} styled={styledProps} {...props}>
-        <StyledVideo player={player} styled={{ style: styleVideo }} nativeControls={controls} contentFit={contentFit}/>
+        {StyledVideo && (<StyledVideo player={player} styled={{ style: styleVideo }} nativeControls={controls} contentFit={contentFit}/>)}
       </StyledView>);
 });
 Video.displayName = 'Video';

package/dist/components/media/Video/Video.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAe,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAmB,MAAM,YAAY,CAAC;AA0BxE,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAE5C,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CACnD;QAAA,CAAC,WAAW,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAC9B,cAAc,CAAC,CAAC,QAAQ,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,EAE3B;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/media/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAe,UAAU,EAAc,MAAM,gBAAgB,CAAC;AAI7E;;;;;GAKG;AACH,IAAI,SAAS,GAAuC,IAAI,CAAC;AACzD,IAAI,CAAC;IACH,iEAAiE;IACjE,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AACpC,CAAC;AAAC,MAAM,CAAC;IACP,SAAS,GAAG,IAAI,CAAC;AACnB,CAAC;AAyBD,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEnE,MAAM,gBAAgB,GAAG,GAAgC,EAAE;IACzD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CACb,gEAAgE;YAC9D,sBAAsB,CACzB,CAAC;IACJ,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1E,qEAAqE;IACrE,kCAAkC;IAClC,MAAM,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC9C,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAE5C,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CACnD;QAAA,CAAC,WAAW,IAAI,CACd,CAAC,WAAW,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAC9B,cAAc,CAAC,CAAC,QAAQ,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,EACvB,CACH,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}

package/dist/components/media/index.d.ts

@@ -4,6 +4,8 @@ export { default as Image } from './Image';
 export * from './Image';
 export { default as Icon } from './Icon';
 export * from './Icon';
+export { default as Vector } from './Vector';
+export * from './Vector';
 export { default as BarCode } from './BarCode';
 export * from './BarCode';
 export { default as QRCode } from './QRCode';

package/dist/components/media/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,cAAc,cAAc,CAAC"}

package/dist/components/media/index.js

@@ -4,6 +4,8 @@ export { default as Image } from './Image';
 export * from './Image';
 export { default as Icon } from './Icon';
 export * from './Icon';
+export { default as Vector } from './Vector';
+export * from './Vector';
 export { default as BarCode } from './BarCode';
 export * from './BarCode';
 export { default as QRCode } from './QRCode';

package/dist/components/media/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,cAAc,cAAc,CAAC"}

package/dist/components/media/schematics.d.ts

@@ -2,9 +2,9 @@ import { RegisteredComponents } from '@mapples/types';
 /**
  * Aggregated schematic map for all media components.
  *
- * Combines the registration entries for `Video`, `Image`, `Icon`, `BarCode`,
- * `QRCode`, and `Svg` into a single `RegisteredComponents` map that can be
- * passed to the `@mapples/render` pipeline.
+ * Combines the registration entries for `Video`, `Image`, `Icon`, `Vector`,
+ * `BarCode`, `QRCode`, and `Svg` into a single `RegisteredComponents` map that
+ * can be passed to the `@mapples/render` pipeline.
  *
  * @public
  */

package/dist/components/media/schematics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAStD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,oBAO7B,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAUtD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,oBAQ7B,CAAC"}

package/dist/components/media/schematics.js

@@ -3,13 +3,14 @@ import { IconSchematics } from './Icon';
 import { ImageSchematic } from './Image';
 import { QRCodeSchematic } from './QRCode';
 import { SvgSchematic } from './Svg';
+import { VectorSchematic } from './Vector';
 import { VideoSchematic } from './Video';
 /**
  * Aggregated schematic map for all media components.
  *
- * Combines the registration entries for `Video`, `Image`, `Icon`, `BarCode`,
- * `QRCode`, and `Svg` into a single `RegisteredComponents` map that can be
- * passed to the `@mapples/render` pipeline.
+ * Combines the registration entries for `Video`, `Image`, `Icon`, `Vector`,
+ * `BarCode`, `QRCode`, and `Svg` into a single `RegisteredComponents` map that
+ * can be passed to the `@mapples/render` pipeline.
  *
  * @public
  */
@@ -17,6 +18,7 @@ export const MediaSchematics = {
     [VideoSchematic.type]: VideoSchematic,
     [ImageSchematic.type]: ImageSchematic,
     [IconSchematics.type]: IconSchematics,
+    [VectorSchematic.type]: VectorSchematic,
     [BarCodeSchematic.type]: BarCodeSchematic,
     [QRCodeSchematic.type]: QRCodeSchematic,
     [SvgSchematic.type]: SvgSchematic,

package/dist/components/media/schematics.js.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAyB;IACnD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;IACzC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;CAClC,CAAC"}
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAyB;IACnD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;IACzC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;CAClC,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useTones } from './useTones';
+export * from './useTones';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,3 @@
+export { default as useTones } from './useTones';
+export * from './useTones';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC"}

package/dist/hooks/useTones.d.ts

@@ -0,0 +1,54 @@
+import { STATE_LAYER_OPACITY, Tone } from '../tokens';
+/** The resolved colours of one tone (see {@link Tone}). */
+export interface TonePalette {
+    /** The tone's main colour — fills and emphasised text. */
+    main: string;
+    /** Text/glyph colour on a `main` fill. */
+    contrast: string;
+    /** A soft tinted surface of the tone. */
+    container: string;
+    /** Text/glyph colour on `container`. */
+    onContainer: string;
+}
+/** Resolved colours every themed component shares. */
+export interface Tones {
+    /** Whether the active palette is the dark one. */
+    isDark: boolean;
+    /** Hairline outline of controls and cards. */
+    outline: string;
+    /** Emphasised outline (outlined buttons, focused fields). */
+    outlineStrong: string;
+    /** Soft fill of tracks, skeletons and inactive segments. */
+    fill: string;
+    /** Stronger fill (hovered rows, chip surfaces). */
+    fillStrong: string;
+    /** Divider lines. */
+    divider: string;
+    /** Overlay scrim. */
+    backdrop: string;
+    /** Placeholder text. */
+    placeholder: string;
+    /** A state layer of `color` at the hover or pressed alpha. */
+    stateLayer: (color: string, level: keyof typeof STATE_LAYER_OPACITY) => string;
+    /** The palette of a tone. */
+    tone: (tone: Tone) => TonePalette;
+    /** Resolves a theme token (or passes a literal colour through). */
+    resolve: (token: string) => string;
+}
+/**
+ * Resolves the neutral and tonal colours the themed components are built
+ * from. Neutrals derive from the text colour at an alpha, so they read
+ * correctly on light and dark surfaces alike — the palette's `neutral` scale
+ * is not inverted for dark themes and must not be used for them.
+ *
+ * @example
+ * ```tsx
+ * const tones = useTones();
+ * <View style={{ borderColor: tones.outline }} />
+ * ```
+ *
+ * @public
+ */
+declare const useTones: () => Tones;
+export default useTones;
+//# sourceMappingURL=useTones.d.ts.map

package/dist/hooks/useTones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTones.d.ts","sourceRoot":"","sources":["../../src/hooks/useTones.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAU,IAAI,EAAE,MAAM,WAAW,CAAC;AAE9D,2DAA2D;AAC3D,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,sDAAsD;AACtD,MAAM,WAAW,KAAK;IACpB,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,aAAa,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,UAAU,EAAE,CACV,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,OAAO,mBAAmB,KACpC,MAAM,CAAC;IACZ,6BAA6B;IAC7B,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,WAAW,CAAC;IAClC,mEAAmE;IACnE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,QAAQ,QAAO,KAwEpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/hooks/useTones.js

@@ -0,0 +1,79 @@
+import { useCallback, useMemo } from 'react';
+import { useTheme, withAlpha } from '@mapples/style';
+import { STATE_LAYER_OPACITY, Tokens } from '../tokens';
+/**
+ * Resolves the neutral and tonal colours the themed components are built
+ * from. Neutrals derive from the text colour at an alpha, so they read
+ * correctly on light and dark surfaces alike — the palette's `neutral` scale
+ * is not inverted for dark themes and must not be used for them.
+ *
+ * @example
+ * ```tsx
+ * const tones = useTones();
+ * <View style={{ borderColor: tones.outline }} />
+ * ```
+ *
+ * @public
+ */
+const useTones = () => {
+    const { getColor, themeConfig, colorScheme } = useTheme();
+    const isDark = themeConfig.variant === 'auto'
+        ? colorScheme === 'dark'
+        : themeConfig.variant === 'dark';
+    const resolve = useCallback((token) => getColor(token), [getColor]);
+    const stateLayer = useCallback((color, level) => withAlpha(color, STATE_LAYER_OPACITY[level]), []);
+    const tone = useCallback((key) => {
+        const text = getColor(Tokens.color.text);
+        switch (key) {
+            case 'primary':
+                return {
+                    main: getColor(Tokens.color.primary),
+                    contrast: getColor(Tokens.color.onPrimary),
+                    container: getColor(Tokens.color.primaryContainer),
+                    onContainer: text,
+                };
+            case 'accent':
+                return {
+                    main: getColor(Tokens.color.accent),
+                    contrast: getColor(Tokens.color.onAccent),
+                    container: getColor(Tokens.color.accentContainer),
+                    onContainer: text,
+                };
+            case 'neutral':
+                return {
+                    main: text,
+                    contrast: getColor(Tokens.color.background),
+                    container: withAlpha(text, 0.08),
+                    onContainer: text,
+                };
+            default: {
+                const main = getColor(Tokens.color[key]);
+                return {
+                    main,
+                    contrast: getColor(Tokens.color.white),
+                    container: withAlpha(main, 0.14),
+                    onContainer: text,
+                };
+            }
+        }
+    }, [getColor]);
+    return useMemo(() => {
+        const text = getColor(Tokens.color.text);
+        const inverse = getColor(Tokens.color.inverse);
+        return {
+            isDark,
+            outline: withAlpha(text, 0.14),
+            outlineStrong: withAlpha(text, 0.28),
+            fill: withAlpha(text, 0.06),
+            fillStrong: withAlpha(text, 0.1),
+            divider: withAlpha(text, 0.12),
+            backdrop: withAlpha(inverse, 0.4),
+            placeholder: getColor(Tokens.color.textTertiary),
+            stateLayer,
+            tone,
+            resolve,
+        };
+    }, [getColor, isDark, resolve, stateLayer, tone]);
+};
+export default useTones;
+//# sourceMappingURL=useTones.js.map

package/dist/hooks/useTones.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTones.js","sourceRoot":"","sources":["../../src/hooks/useTones.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -8,6 +8,8 @@
  * @public
  */
 export * from './schematics';
+export * from './tokens';
+export * from './hooks';
 export * from './components/inputs';
 export * from './components/media';
 export * from './components/typography';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -8,6 +8,8 @@
  * @public
  */
 export * from './schematics';
+export * from './tokens';
+export * from './hooks';
 export * from './components/inputs';
 export * from './components/media';
 export * from './components/typography';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/dist/tokens.d.ts

@@ -0,0 +1,111 @@
+/**
+ * @fileoverview The shared design vocabulary of the themed components —
+ * the `@mapples/ui` `Button`/`IconButton` variants and every
+ * `@mapples/components` widget draw their colours, sizes and radii from
+ * here, so one source of truth feeds the runtime, the editor schematics (the
+ * inspector `Select` options) and the AI digest.
+ *
+ * Colours are theme-token strings resolved by `@mapples/style`. The key
+ * structure is the Mapples palette contract every project theme satisfies
+ * (the default palette and the AI design schema enforce it): `background`,
+ * `primary`, `accent`, `text`, `neutral`, `system`.
+ *
+ * @public
+ */
+/** Control sizes shared by buttons, fields and selection controls. */
+export declare const CONTROL_SIZE_KEYS: readonly ["sm", "md", "lg"];
+export type ControlSize = (typeof CONTROL_SIZE_KEYS)[number];
+export interface ControlSizeSpec {
+    /** Control height in points — `md` satisfies the 44 pt touch target. */
+    height: number;
+    /** Glyph size for leading/trailing icons. */
+    iconSize: number;
+    /** Horizontal padding of a control with a label. */
+    paddingX: number;
+    /** Typography variant of the control label. */
+    labelVariant: string;
+    /** Corner radius of the control. */
+    radius: number;
+}
+/**
+ * Geometry per control size. Points, not sizing tokens, so a control keeps
+ * its proportions whatever base a project's sizing scale uses.
+ */
+export declare const CONTROL_SIZES: Record<ControlSize, ControlSizeSpec>;
+/** Corner radius scale. */
+export declare const RADII: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 24;
+    readonly pill: 999;
+};
+/** Opacity of a disabled control. */
+export declare const DISABLED_OPACITY = 0.38;
+/** Alpha of the state layer painted over a control in the label colour. */
+export declare const STATE_LAYER_OPACITY: {
+    readonly hover: 0.08;
+    readonly pressed: 0.12;
+};
+/**
+ * The one elevation level, as the CSS `boxShadow` string React Native and
+ * the web accept; on dark themes surfaces add a 1 px outline as well because
+ * shadows vanish. The object form (`ELEVATION_SHADOW`) is what schematics and
+ * the AI write into style slots — the styled pipeline converts it.
+ */
+export declare const ELEVATION = "0px 2px 8px rgba(0, 0, 0, 0.12)";
+export declare const ELEVATION_SHADOW: {
+    readonly x: 0;
+    readonly y: 2;
+    readonly radius: 8;
+    readonly color: "rgba(0, 0, 0, 0.12)";
+};
+/** Typography variants by the part of a component they set. */
+export declare const TYPOGRAPHY_PARTS: {
+    readonly label: "Label";
+    readonly button: "Button";
+    readonly body: "Body";
+    readonly title: "Subtitle";
+    readonly headline: "Headline";
+    readonly helper: "Caption";
+    readonly overline: "Overline";
+    readonly link: "Link";
+};
+/** Theme-token strings for the palette contract. */
+export declare const Tokens: {
+    readonly color: {
+        readonly primary: "theme.primary.main";
+        readonly primaryLight: "theme.primary.light";
+        readonly primaryDark: "theme.primary.dark";
+        readonly onPrimary: "theme.primary.contrast";
+        readonly primaryContainer: "theme.primary.background";
+        readonly accent: "theme.accent.main";
+        readonly accentLight: "theme.accent.light";
+        readonly accentDark: "theme.accent.dark";
+        readonly onAccent: "theme.accent.contrast";
+        readonly accentContainer: "theme.accent.background";
+        readonly surface: "theme.background.card";
+        readonly background: "theme.background.primary";
+        readonly inverse: "theme.background.contrast";
+        readonly text: "theme.text.primary";
+        readonly textSecondary: "theme.text.secondary";
+        readonly textTertiary: "theme.text.tertiary";
+        readonly white: "theme.neutral.white";
+        readonly black: "theme.neutral.black";
+        readonly error: "theme.system.error";
+        readonly success: "theme.system.success";
+        readonly warning: "theme.system.warning";
+        readonly info: "theme.system.info";
+    };
+};
+/** Visual variants of `Button`. */
+export declare const BUTTON_VARIANTS: readonly ["filled", "tonal", "outlined", "text", "elevated"];
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+/** Visual variants of `IconButton` when it renders a glyph by name. */
+export declare const ICON_BUTTON_VARIANTS: readonly ["standard", "filled", "tonal", "outlined"];
+export type IconButtonVariant = (typeof ICON_BUTTON_VARIANTS)[number];
+/** Colour roles a control can take. */
+export declare const TONES: readonly ["primary", "accent", "neutral", "error", "success", "warning", "info"];
+export type Tone = (typeof TONES)[number];
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,6BAA8B,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAsB9D,CAAC;AAEF,2BAA2B;AAC3B,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,qCAAqC;AACrC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB;;;CAA0C,CAAC;AAE3E;;;;;GAKG;AACH,eAAO,MAAM,SAAS,oCAAoC,CAAC;AAC3D,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AAEX,+DAA+D;AAC/D,eAAO,MAAM,gBAAgB;;;;;;;;;CASnB,CAAC;AAEX,oDAAoD;AACpD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAyBT,CAAC;AAEX,mCAAmC;AACnC,eAAO,MAAM,eAAe,8DAMlB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,sDAKvB,CAAC;AACX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,uCAAuC;AACvC,eAAO,MAAM,KAAK,kFAQR,CAAC;AACX,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/tokens.js

@@ -0,0 +1,133 @@
+/**
+ * @fileoverview The shared design vocabulary of the themed components —
+ * the `@mapples/ui` `Button`/`IconButton` variants and every
+ * `@mapples/components` widget draw their colours, sizes and radii from
+ * here, so one source of truth feeds the runtime, the editor schematics (the
+ * inspector `Select` options) and the AI digest.
+ *
+ * Colours are theme-token strings resolved by `@mapples/style`. The key
+ * structure is the Mapples palette contract every project theme satisfies
+ * (the default palette and the AI design schema enforce it): `background`,
+ * `primary`, `accent`, `text`, `neutral`, `system`.
+ *
+ * @public
+ */
+/** Control sizes shared by buttons, fields and selection controls. */
+export const CONTROL_SIZE_KEYS = ['sm', 'md', 'lg'];
+/**
+ * Geometry per control size. Points, not sizing tokens, so a control keeps
+ * its proportions whatever base a project's sizing scale uses.
+ */
+export const CONTROL_SIZES = {
+    sm: {
+        height: 36,
+        iconSize: 16,
+        paddingX: 12,
+        labelVariant: 'Label',
+        radius: 10,
+    },
+    md: {
+        height: 44,
+        iconSize: 20,
+        paddingX: 16,
+        labelVariant: 'Button',
+        radius: 12,
+    },
+    lg: {
+        height: 52,
+        iconSize: 24,
+        paddingX: 20,
+        labelVariant: 'Button',
+        radius: 14,
+    },
+};
+/** Corner radius scale. */
+export const RADII = {
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24,
+    pill: 999,
+};
+/** Opacity of a disabled control. */
+export const DISABLED_OPACITY = 0.38;
+/** Alpha of the state layer painted over a control in the label colour. */
+export const STATE_LAYER_OPACITY = { hover: 0.08, pressed: 0.12 };
+/**
+ * The one elevation level, as the CSS `boxShadow` string React Native and
+ * the web accept; on dark themes surfaces add a 1 px outline as well because
+ * shadows vanish. The object form (`ELEVATION_SHADOW`) is what schematics and
+ * the AI write into style slots — the styled pipeline converts it.
+ */
+export const ELEVATION = '0px 2px 8px rgba(0, 0, 0, 0.12)';
+export const ELEVATION_SHADOW = {
+    x: 0,
+    y: 2,
+    radius: 8,
+    color: 'rgba(0, 0, 0, 0.12)',
+};
+/** Typography variants by the part of a component they set. */
+export const TYPOGRAPHY_PARTS = {
+    label: 'Label',
+    button: 'Button',
+    body: 'Body',
+    title: 'Subtitle',
+    headline: 'Headline',
+    helper: 'Caption',
+    overline: 'Overline',
+    link: 'Link',
+};
+/** Theme-token strings for the palette contract. */
+export const Tokens = {
+    color: {
+        primary: 'theme.primary.main',
+        primaryLight: 'theme.primary.light',
+        primaryDark: 'theme.primary.dark',
+        onPrimary: 'theme.primary.contrast',
+        primaryContainer: 'theme.primary.background',
+        accent: 'theme.accent.main',
+        accentLight: 'theme.accent.light',
+        accentDark: 'theme.accent.dark',
+        onAccent: 'theme.accent.contrast',
+        accentContainer: 'theme.accent.background',
+        surface: 'theme.background.card',
+        background: 'theme.background.primary',
+        inverse: 'theme.background.contrast',
+        text: 'theme.text.primary',
+        textSecondary: 'theme.text.secondary',
+        textTertiary: 'theme.text.tertiary',
+        white: 'theme.neutral.white',
+        black: 'theme.neutral.black',
+        error: 'theme.system.error',
+        success: 'theme.system.success',
+        warning: 'theme.system.warning',
+        info: 'theme.system.info',
+    },
+};
+/** Visual variants of `Button`. */
+export const BUTTON_VARIANTS = [
+    'filled',
+    'tonal',
+    'outlined',
+    'text',
+    'elevated',
+];
+/** Visual variants of `IconButton` when it renders a glyph by name. */
+export const ICON_BUTTON_VARIANTS = [
+    'standard',
+    'filled',
+    'tonal',
+    'outlined',
+];
+/** Colour roles a control can take. */
+export const TONES = [
+    'primary',
+    'accent',
+    'neutral',
+    'error',
+    'success',
+    'warning',
+    'info',
+];
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"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"}