@webority/mobile-ui 0.88.0 → 0.88.1

package/lib/commonjs/canvasKit/meta.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.definePhoneMeta=void 0;const definePhoneMeta=()=>e=>e;exports.definePhoneMeta=definePhoneMeta;

package/lib/commonjs/theme/tokens.generated.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WEIGHT_NAMES=exports.TEXT_NAMES=exports.SPACE_NAMES=exports.SIZE_NAMES=exports.SHADOW_NAMES=exports.RADIUS_NAMES=exports.LETTER_SPACING_NAMES=exports.LEADING_NAMES=exports.FONT_NAMES=exports.EASE_NAMES=exports.DURATION_NAMES=exports.COLOR_NAMES=void 0;const COLOR_NAMES=exports.COLOR_NAMES=["bg","bg-subtle","bg-muted","surface","surface-inverse","text","text-body","text-muted","text-subtle","text-inverse","link","border","border-subtle","field-bg","field-border","field-border-focus","focus-ring","scrim","on-scrim","primary","primary-hover","primary-soft","primary-text","on-primary","neutral","neutral-hover","on-neutral","success","success-text","on-success","warning","warning-text","on-warning","danger","danger-border","danger-text","on-danger","info","info-text","on-info","primary-pressed","on-neutral-strong","text-disabled","surface-pressed","surface-hover","surface-selected","surface-disabled","skeleton","skeleton-highlight","glass-fill","glass-border","on-glass","glass-badge","field-bg-focus","field-bg-disabled","field-border-error","field-label","field-text","field-text-disabled","field-placeholder","field-placeholder-disabled","field-icon","field-icon-focus","field-icon-disabled","field-caret","field-message","avatar-1","avatar-2","avatar-3","avatar-4","avatar-5","avatar-6","avatar-7","avatar-8","thumb","success-soft","warning-soft","danger-soft","info-soft","neutral-text","primary-wash","primary-wash-strong"],SPACE_NAMES=exports.SPACE_NAMES=["none","xxs","xs","sm","md","lg","xl","2xl","3xl","4xl"],RADIUS_NAMES=exports.RADIUS_NAMES=["none","sm","md","lg","xl","pill"],TEXT_NAMES=exports.TEXT_NAMES=["xs","sm","base","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","8xl"],WEIGHT_NAMES=exports.WEIGHT_NAMES=["normal","medium","semibold","bold"],LEADING_NAMES=exports.LEADING_NAMES=["tight","normal","relaxed"],LETTER_SPACING_NAMES=exports.LETTER_SPACING_NAMES=["tight","normal","wide"],FONT_NAMES=exports.FONT_NAMES=["ui","display","mono"],SHADOW_NAMES=exports.SHADOW_NAMES=["card","elevated","popover","modal","drawer"],DURATION_NAMES=exports.DURATION_NAMES=["instant","fast","default","slow","slower"],EASE_NAMES=exports.EASE_NAMES=["in-out","accelerate","decelerate","sharp"],SIZE_NAMES=exports.SIZE_NAMES=["border"];

package/lib/module/canvasKit/meta.js

@@ -0,0 +1 @@
+"use strict";export const definePhoneMeta=()=>e=>e;

package/lib/module/theme/tokens.generated.js

@@ -0,0 +1 @@
+"use strict";export const COLOR_NAMES=["bg","bg-subtle","bg-muted","surface","surface-inverse","text","text-body","text-muted","text-subtle","text-inverse","link","border","border-subtle","field-bg","field-border","field-border-focus","focus-ring","scrim","on-scrim","primary","primary-hover","primary-soft","primary-text","on-primary","neutral","neutral-hover","on-neutral","success","success-text","on-success","warning","warning-text","on-warning","danger","danger-border","danger-text","on-danger","info","info-text","on-info","primary-pressed","on-neutral-strong","text-disabled","surface-pressed","surface-hover","surface-selected","surface-disabled","skeleton","skeleton-highlight","glass-fill","glass-border","on-glass","glass-badge","field-bg-focus","field-bg-disabled","field-border-error","field-label","field-text","field-text-disabled","field-placeholder","field-placeholder-disabled","field-icon","field-icon-focus","field-icon-disabled","field-caret","field-message","avatar-1","avatar-2","avatar-3","avatar-4","avatar-5","avatar-6","avatar-7","avatar-8","thumb","success-soft","warning-soft","danger-soft","info-soft","neutral-text","primary-wash","primary-wash-strong"];export const SPACE_NAMES=["none","xxs","xs","sm","md","lg","xl","2xl","3xl","4xl"];export const RADIUS_NAMES=["none","sm","md","lg","xl","pill"];export const TEXT_NAMES=["xs","sm","base","lg","xl","2xl","3xl","4xl","5xl","6xl","7xl","8xl"];export const WEIGHT_NAMES=["normal","medium","semibold","bold"];export const LEADING_NAMES=["tight","normal","relaxed"];export const LETTER_SPACING_NAMES=["tight","normal","wide"];export const FONT_NAMES=["ui","display","mono"];export const SHADOW_NAMES=["card","elevated","popover","modal","drawer"];export const DURATION_NAMES=["instant","fast","default","slow","slower"];export const EASE_NAMES=["in-out","accelerate","decelerate","sharp"];export const SIZE_NAMES=["border"];

package/lib/typescript/commonjs/canvasKit/meta.d.ts

@@ -0,0 +1,32 @@
+import type { ComponentMeta, MetaExample, MetaProp } from "@webority/canvas-kit/meta";
+/**
+ * Props the Canvas kit can show: everything but callbacks, styles, refs, children and testID. A `*Style` prop is a
+ * style object unless its value is a string, as in `paginationStyle: "dots" | "numbers"`, which the kit shows.
+ */
+export type KitPropKey<P> = {
+    [K in keyof P]-?: K extends "children" | "ref" | "key" | "style" | "testID" ? never : NonNullable<P[K]> extends (...args: never[]) => unknown ? never : K extends `${string}Style` ? [NonNullable<P[K]>] extends [string] ? K : never : K;
+}[keyof P] & string;
+type Literal<T> = [NonNullable<T>] extends [string] ? string extends NonNullable<T> ? never : NonNullable<T> : [NonNullable<T>] extends [number] ? number extends NonNullable<T> ? never : NonNullable<T> : never;
+type PropFor<T> = MetaProp & (undefined extends T ? {
+    required?: false;
+} : {
+    required: true;
+}) & ([Literal<T>] extends [never] ? unknown : {
+    type: "enum";
+    values: readonly Literal<T>[];
+});
+export interface PhoneMeta<P, O extends KitPropKey<P>> extends Omit<ComponentMeta, "props" | "examples" | "omit"> {
+    props: {
+        [K in Exclude<KitPropKey<P>, O>]: PropFor<P[K]>;
+    };
+    /** Kit props deliberately not shown, such as object or render props no kit type fits. */
+    omit: readonly O[];
+    examples: readonly (Omit<MetaExample, "id" | "props"> & {
+        id: `${string}.${string}`;
+        props: Partial<Pick<P, KitPropKey<P>>>;
+    })[];
+}
+/** Returns the meta unchanged; the type check fails on a missing, extra or wrongly valued prop. Example: `export const meta = definePhoneMeta<BadgeProps>()({ name: "Badge", ... })`. */
+export declare const definePhoneMeta: <P>() => <const O extends KitPropKey<P> = never>(meta: PhoneMeta<P, O>) => PhoneMeta<P, O>;
+export {};
+//# sourceMappingURL=meta.d.ts.map

package/lib/typescript/commonjs/theme/tokens.generated.d.ts

@@ -0,0 +1,215 @@
+export declare const COLOR_NAMES: readonly ["bg", "bg-subtle", "bg-muted", "surface", "surface-inverse", "text", "text-body", "text-muted", "text-subtle", "text-inverse", "link", "border", "border-subtle", "field-bg", "field-border", "field-border-focus", "focus-ring", "scrim", "on-scrim", "primary", "primary-hover", "primary-soft", "primary-text", "on-primary", "neutral", "neutral-hover", "on-neutral", "success", "success-text", "on-success", "warning", "warning-text", "on-warning", "danger", "danger-border", "danger-text", "on-danger", "info", "info-text", "on-info", "primary-pressed", "on-neutral-strong", "text-disabled", "surface-pressed", "surface-hover", "surface-selected", "surface-disabled", "skeleton", "skeleton-highlight", "glass-fill", "glass-border", "on-glass", "glass-badge", "field-bg-focus", "field-bg-disabled", "field-border-error", "field-label", "field-text", "field-text-disabled", "field-placeholder", "field-placeholder-disabled", "field-icon", "field-icon-focus", "field-icon-disabled", "field-caret", "field-message", "avatar-1", "avatar-2", "avatar-3", "avatar-4", "avatar-5", "avatar-6", "avatar-7", "avatar-8", "thumb", "success-soft", "warning-soft", "danger-soft", "info-soft", "neutral-text", "primary-wash", "primary-wash-strong"];
+export type ColorName = (typeof COLOR_NAMES)[number];
+export declare const SPACE_NAMES: readonly ["none", "xxs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
+export type SpaceName = (typeof SPACE_NAMES)[number];
+export declare const RADIUS_NAMES: readonly ["none", "sm", "md", "lg", "xl", "pill"];
+export type RadiusName = (typeof RADIUS_NAMES)[number];
+export declare const TEXT_NAMES: readonly ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
+export type TextName = (typeof TEXT_NAMES)[number];
+export declare const WEIGHT_NAMES: readonly ["normal", "medium", "semibold", "bold"];
+export type WeightName = (typeof WEIGHT_NAMES)[number];
+export declare const LEADING_NAMES: readonly ["tight", "normal", "relaxed"];
+export type LeadingName = (typeof LEADING_NAMES)[number];
+export declare const LETTER_SPACING_NAMES: readonly ["tight", "normal", "wide"];
+export type LetterSpacingName = (typeof LETTER_SPACING_NAMES)[number];
+export declare const FONT_NAMES: readonly ["ui", "display", "mono"];
+export type FontName = (typeof FONT_NAMES)[number];
+export declare const SHADOW_NAMES: readonly ["card", "elevated", "popover", "modal", "drawer"];
+export type ShadowName = (typeof SHADOW_NAMES)[number];
+export declare const DURATION_NAMES: readonly ["instant", "fast", "default", "slow", "slower"];
+export type DurationName = (typeof DURATION_NAMES)[number];
+export declare const EASE_NAMES: readonly ["in-out", "accelerate", "decelerate", "sharp"];
+export type EaseName = (typeof EASE_NAMES)[number];
+export declare const SIZE_NAMES: readonly ["border"];
+export type SizeName = (typeof SIZE_NAMES)[number];
+export type FontWeightValue = "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+/** Face name per weight; an empty object means the platform system font. */
+export type FontFaces = Partial<Record<WeightName, string>>;
+export interface PhoneShadow {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+}
+export type ComponentKind = "space" | "text" | "radius" | "px" | "number" | "ms";
+type Sized<S extends string, T> = Record<S, T>;
+type L3 = "sm" | "md" | "lg";
+export interface ComponentTokens {
+    button: Sized<"xs" | L3 | "xl", {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        "min-height": number;
+        text: TextName;
+        radius: RadiusName;
+        icon: number;
+        "badge-icon": number;
+    }>;
+    field: Sized<L3, {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        "min-height": number;
+        text: TextName;
+        radius: RadiusName;
+        icon: number;
+        "label-text": TextName;
+        "label-gap": SpaceName;
+        "message-text": TextName;
+        "message-gap": SpaceName;
+    }>;
+    input: Sized<L3, {
+        "multiline-min-height": number;
+    }>;
+    "search-bar": Sized<L3, {
+        radius: RadiusName;
+    }>;
+    "empty-state": Sized<L3, {
+        icon: number;
+        "title-text": TextName;
+        "description-text": TextName;
+        "padding-y": SpaceName;
+        "title-gap": SpaceName;
+        "description-gap": SpaceName;
+    }>;
+    "list-item": Sized<L3, {
+        "padding-y": SpaceName;
+        "title-text": TextName;
+        "subtitle-text": TextName;
+        "min-height": number;
+    }>;
+    badge: Sized<"sm" | "md", {
+        text: TextName;
+        "min-width": number;
+        height: number;
+        "padding-x": SpaceName;
+        "dot-size": number;
+    }> & {
+        "border-width": number;
+        "anchor-offset": number;
+    };
+    chip: Sized<"sm" | "md", {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        text: TextName;
+        "min-height": number;
+        "close-size": number;
+        "close-text": TextName;
+        gap: SpaceName;
+        icon: number;
+    }>;
+    checkbox: Sized<L3, {
+        "box-size": number;
+    }> & {
+        "label-gap": SpaceName;
+    };
+    radio: Sized<L3, {
+        outer: number;
+        inner: number;
+    }> & {
+        "label-gap": SpaceName;
+    };
+    switch: Sized<L3, {
+        "track-width": number;
+        "track-height": number;
+        "thumb-size": number;
+        padding: SpaceName;
+    }>;
+    "otp-input": Sized<L3, {
+        cell: number;
+        text: TextName;
+        radius: RadiusName;
+        gap: SpaceName;
+    }>;
+    "segmented-control": Sized<L3, {
+        height: number;
+        text: TextName;
+        "padding-x": SpaceName;
+        icon: number;
+    }> & {
+        "track-padding": SpaceName;
+        "underline-height": number;
+        "pill-inset": SpaceName;
+    };
+    tabs: Sized<L3, {
+        text: TextName;
+        "padding-y": SpaceName;
+        "padding-x": SpaceName;
+        "scrollable-padding-x": SpaceName;
+        icon: number;
+    }> & {
+        "icon-gap": SpaceName;
+        "track-padding": SpaceName;
+        "underline-height": number;
+        "pill-inset": SpaceName;
+        "disabled-opacity": number;
+        "badge-gap": SpaceName;
+    };
+    slider: Sized<L3, {
+        "track-height": number;
+        "thumb-diameter": number;
+    }>;
+    "floating-action-button": Sized<L3, {
+        diameter: number;
+        icon: number;
+        text: TextName;
+        "label-padding-x": SpaceName;
+    }> & {
+        "edge-offset": SpaceName;
+        "bottom-offset": SpaceName;
+        "secondary-gap": SpaceName;
+        "stagger-ms": number;
+    };
+    dialog: {
+        "icon-wrapper-size": number;
+        "action-button-min-height": number;
+    };
+    toast: {
+        "icon-circle-size": number;
+        "icon-glyph-text": TextName;
+        "tint-bar-width": number;
+        "action-min-height": number;
+    };
+    banner: {
+        "tint-bar-width": number;
+    };
+    disabled: {
+        opacity: number;
+    };
+    press: {
+        opacity: number;
+    };
+}
+export type ComponentName = keyof ComponentTokens;
+type SizeKeysOf<C extends ComponentName> = Extract<keyof ComponentTokens[C], "xs" | "sm" | "md" | "lg" | "xl">;
+export type ComponentSizeTokens<C extends ComponentName> = ComponentTokens[C][SizeKeysOf<C>];
+export declare const COMPONENT_KINDS: {
+    readonly [C in ComponentName]: Readonly<Record<string, ComponentKind>>;
+};
+export interface TokenSet {
+    mode: "light" | "dark";
+    colors: Record<ColorName, string>;
+    space: Record<SpaceName, number>;
+    radius: Record<RadiusName, number>;
+    text: Record<TextName, {
+        size: number;
+        lineHeight: number;
+    }>;
+    weight: Record<WeightName, FontWeightValue>;
+    leading: Record<LeadingName, number>;
+    "letter-spacing": Record<LetterSpacingName, number>;
+    font: Record<FontName, FontFaces>;
+    shadow: Record<ShadowName, PhoneShadow>;
+    motion: {
+        duration: Record<DurationName, number>;
+        ease: Record<EaseName, readonly [number, number, number, number]>;
+    };
+    size: Record<SizeName, number>;
+    components: ComponentTokens;
+}
+export declare const lightTokens: TokenSet;
+export declare const darkTokens: TokenSet;
+export {};
+//# sourceMappingURL=tokens.generated.d.ts.map

package/lib/typescript/module/canvasKit/meta.d.ts

@@ -0,0 +1,32 @@
+import type { ComponentMeta, MetaExample, MetaProp } from "@webority/canvas-kit/meta";
+/**
+ * Props the Canvas kit can show: everything but callbacks, styles, refs, children and testID. A `*Style` prop is a
+ * style object unless its value is a string, as in `paginationStyle: "dots" | "numbers"`, which the kit shows.
+ */
+export type KitPropKey<P> = {
+    [K in keyof P]-?: K extends "children" | "ref" | "key" | "style" | "testID" ? never : NonNullable<P[K]> extends (...args: never[]) => unknown ? never : K extends `${string}Style` ? [NonNullable<P[K]>] extends [string] ? K : never : K;
+}[keyof P] & string;
+type Literal<T> = [NonNullable<T>] extends [string] ? string extends NonNullable<T> ? never : NonNullable<T> : [NonNullable<T>] extends [number] ? number extends NonNullable<T> ? never : NonNullable<T> : never;
+type PropFor<T> = MetaProp & (undefined extends T ? {
+    required?: false;
+} : {
+    required: true;
+}) & ([Literal<T>] extends [never] ? unknown : {
+    type: "enum";
+    values: readonly Literal<T>[];
+});
+export interface PhoneMeta<P, O extends KitPropKey<P>> extends Omit<ComponentMeta, "props" | "examples" | "omit"> {
+    props: {
+        [K in Exclude<KitPropKey<P>, O>]: PropFor<P[K]>;
+    };
+    /** Kit props deliberately not shown, such as object or render props no kit type fits. */
+    omit: readonly O[];
+    examples: readonly (Omit<MetaExample, "id" | "props"> & {
+        id: `${string}.${string}`;
+        props: Partial<Pick<P, KitPropKey<P>>>;
+    })[];
+}
+/** Returns the meta unchanged; the type check fails on a missing, extra or wrongly valued prop. Example: `export const meta = definePhoneMeta<BadgeProps>()({ name: "Badge", ... })`. */
+export declare const definePhoneMeta: <P>() => <const O extends KitPropKey<P> = never>(meta: PhoneMeta<P, O>) => PhoneMeta<P, O>;
+export {};
+//# sourceMappingURL=meta.d.ts.map

package/lib/typescript/module/theme/tokens.generated.d.ts

@@ -0,0 +1,215 @@
+export declare const COLOR_NAMES: readonly ["bg", "bg-subtle", "bg-muted", "surface", "surface-inverse", "text", "text-body", "text-muted", "text-subtle", "text-inverse", "link", "border", "border-subtle", "field-bg", "field-border", "field-border-focus", "focus-ring", "scrim", "on-scrim", "primary", "primary-hover", "primary-soft", "primary-text", "on-primary", "neutral", "neutral-hover", "on-neutral", "success", "success-text", "on-success", "warning", "warning-text", "on-warning", "danger", "danger-border", "danger-text", "on-danger", "info", "info-text", "on-info", "primary-pressed", "on-neutral-strong", "text-disabled", "surface-pressed", "surface-hover", "surface-selected", "surface-disabled", "skeleton", "skeleton-highlight", "glass-fill", "glass-border", "on-glass", "glass-badge", "field-bg-focus", "field-bg-disabled", "field-border-error", "field-label", "field-text", "field-text-disabled", "field-placeholder", "field-placeholder-disabled", "field-icon", "field-icon-focus", "field-icon-disabled", "field-caret", "field-message", "avatar-1", "avatar-2", "avatar-3", "avatar-4", "avatar-5", "avatar-6", "avatar-7", "avatar-8", "thumb", "success-soft", "warning-soft", "danger-soft", "info-soft", "neutral-text", "primary-wash", "primary-wash-strong"];
+export type ColorName = (typeof COLOR_NAMES)[number];
+export declare const SPACE_NAMES: readonly ["none", "xxs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
+export type SpaceName = (typeof SPACE_NAMES)[number];
+export declare const RADIUS_NAMES: readonly ["none", "sm", "md", "lg", "xl", "pill"];
+export type RadiusName = (typeof RADIUS_NAMES)[number];
+export declare const TEXT_NAMES: readonly ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
+export type TextName = (typeof TEXT_NAMES)[number];
+export declare const WEIGHT_NAMES: readonly ["normal", "medium", "semibold", "bold"];
+export type WeightName = (typeof WEIGHT_NAMES)[number];
+export declare const LEADING_NAMES: readonly ["tight", "normal", "relaxed"];
+export type LeadingName = (typeof LEADING_NAMES)[number];
+export declare const LETTER_SPACING_NAMES: readonly ["tight", "normal", "wide"];
+export type LetterSpacingName = (typeof LETTER_SPACING_NAMES)[number];
+export declare const FONT_NAMES: readonly ["ui", "display", "mono"];
+export type FontName = (typeof FONT_NAMES)[number];
+export declare const SHADOW_NAMES: readonly ["card", "elevated", "popover", "modal", "drawer"];
+export type ShadowName = (typeof SHADOW_NAMES)[number];
+export declare const DURATION_NAMES: readonly ["instant", "fast", "default", "slow", "slower"];
+export type DurationName = (typeof DURATION_NAMES)[number];
+export declare const EASE_NAMES: readonly ["in-out", "accelerate", "decelerate", "sharp"];
+export type EaseName = (typeof EASE_NAMES)[number];
+export declare const SIZE_NAMES: readonly ["border"];
+export type SizeName = (typeof SIZE_NAMES)[number];
+export type FontWeightValue = "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+/** Face name per weight; an empty object means the platform system font. */
+export type FontFaces = Partial<Record<WeightName, string>>;
+export interface PhoneShadow {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+}
+export type ComponentKind = "space" | "text" | "radius" | "px" | "number" | "ms";
+type Sized<S extends string, T> = Record<S, T>;
+type L3 = "sm" | "md" | "lg";
+export interface ComponentTokens {
+    button: Sized<"xs" | L3 | "xl", {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        "min-height": number;
+        text: TextName;
+        radius: RadiusName;
+        icon: number;
+        "badge-icon": number;
+    }>;
+    field: Sized<L3, {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        "min-height": number;
+        text: TextName;
+        radius: RadiusName;
+        icon: number;
+        "label-text": TextName;
+        "label-gap": SpaceName;
+        "message-text": TextName;
+        "message-gap": SpaceName;
+    }>;
+    input: Sized<L3, {
+        "multiline-min-height": number;
+    }>;
+    "search-bar": Sized<L3, {
+        radius: RadiusName;
+    }>;
+    "empty-state": Sized<L3, {
+        icon: number;
+        "title-text": TextName;
+        "description-text": TextName;
+        "padding-y": SpaceName;
+        "title-gap": SpaceName;
+        "description-gap": SpaceName;
+    }>;
+    "list-item": Sized<L3, {
+        "padding-y": SpaceName;
+        "title-text": TextName;
+        "subtitle-text": TextName;
+        "min-height": number;
+    }>;
+    badge: Sized<"sm" | "md", {
+        text: TextName;
+        "min-width": number;
+        height: number;
+        "padding-x": SpaceName;
+        "dot-size": number;
+    }> & {
+        "border-width": number;
+        "anchor-offset": number;
+    };
+    chip: Sized<"sm" | "md", {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        text: TextName;
+        "min-height": number;
+        "close-size": number;
+        "close-text": TextName;
+        gap: SpaceName;
+        icon: number;
+    }>;
+    checkbox: Sized<L3, {
+        "box-size": number;
+    }> & {
+        "label-gap": SpaceName;
+    };
+    radio: Sized<L3, {
+        outer: number;
+        inner: number;
+    }> & {
+        "label-gap": SpaceName;
+    };
+    switch: Sized<L3, {
+        "track-width": number;
+        "track-height": number;
+        "thumb-size": number;
+        padding: SpaceName;
+    }>;
+    "otp-input": Sized<L3, {
+        cell: number;
+        text: TextName;
+        radius: RadiusName;
+        gap: SpaceName;
+    }>;
+    "segmented-control": Sized<L3, {
+        height: number;
+        text: TextName;
+        "padding-x": SpaceName;
+        icon: number;
+    }> & {
+        "track-padding": SpaceName;
+        "underline-height": number;
+        "pill-inset": SpaceName;
+    };
+    tabs: Sized<L3, {
+        text: TextName;
+        "padding-y": SpaceName;
+        "padding-x": SpaceName;
+        "scrollable-padding-x": SpaceName;
+        icon: number;
+    }> & {
+        "icon-gap": SpaceName;
+        "track-padding": SpaceName;
+        "underline-height": number;
+        "pill-inset": SpaceName;
+        "disabled-opacity": number;
+        "badge-gap": SpaceName;
+    };
+    slider: Sized<L3, {
+        "track-height": number;
+        "thumb-diameter": number;
+    }>;
+    "floating-action-button": Sized<L3, {
+        diameter: number;
+        icon: number;
+        text: TextName;
+        "label-padding-x": SpaceName;
+    }> & {
+        "edge-offset": SpaceName;
+        "bottom-offset": SpaceName;
+        "secondary-gap": SpaceName;
+        "stagger-ms": number;
+    };
+    dialog: {
+        "icon-wrapper-size": number;
+        "action-button-min-height": number;
+    };
+    toast: {
+        "icon-circle-size": number;
+        "icon-glyph-text": TextName;
+        "tint-bar-width": number;
+        "action-min-height": number;
+    };
+    banner: {
+        "tint-bar-width": number;
+    };
+    disabled: {
+        opacity: number;
+    };
+    press: {
+        opacity: number;
+    };
+}
+export type ComponentName = keyof ComponentTokens;
+type SizeKeysOf<C extends ComponentName> = Extract<keyof ComponentTokens[C], "xs" | "sm" | "md" | "lg" | "xl">;
+export type ComponentSizeTokens<C extends ComponentName> = ComponentTokens[C][SizeKeysOf<C>];
+export declare const COMPONENT_KINDS: {
+    readonly [C in ComponentName]: Readonly<Record<string, ComponentKind>>;
+};
+export interface TokenSet {
+    mode: "light" | "dark";
+    colors: Record<ColorName, string>;
+    space: Record<SpaceName, number>;
+    radius: Record<RadiusName, number>;
+    text: Record<TextName, {
+        size: number;
+        lineHeight: number;
+    }>;
+    weight: Record<WeightName, FontWeightValue>;
+    leading: Record<LeadingName, number>;
+    "letter-spacing": Record<LetterSpacingName, number>;
+    font: Record<FontName, FontFaces>;
+    shadow: Record<ShadowName, PhoneShadow>;
+    motion: {
+        duration: Record<DurationName, number>;
+        ease: Record<EaseName, readonly [number, number, number, number]>;
+    };
+    size: Record<SizeName, number>;
+    components: ComponentTokens;
+}
+export declare const lightTokens: TokenSet;
+export declare const darkTokens: TokenSet;
+export {};
+//# sourceMappingURL=tokens.generated.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/mobile-ui",
-  "version": "0.88.0",
+  "version": "0.88.1",
   "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
   "keywords": [
     "react-native",
@@ -93,9 +93,14 @@
     "react-native-safe-area-context": ">=5.4.0",
     "react-native-svg": ">=15.0.0",
     "react-native-worklets": ">=0.10.0",
-    "@webority/mobile-core": "0.88.0"
+    "@webority/canvas-kit": "0.88.1",
+    "@webority/mobile-core": "0.88.1"
+  },
+  "peerDependenciesMeta": {
+    "@webority/canvas-kit": {
+      "optional": true
+    }
   },
-  "peerDependenciesMeta": {},
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -150,8 +155,9 @@
     "react-test-renderer": "19.2.8",
     "rimraf": "6.1.3",
     "typescript": "5.9.3",
-    "@webority/mobile-core": "0.88.0",
-    "@webority/mobile-dev": "0.0.0"
+    "@webority/canvas-kit": "0.88.1",
+    "@webority/mobile-dev": "0.0.0",
+    "@webority/mobile-core": "0.88.1"
   },
   "scripts": {
     "build": "bob build && node ../mobile-dev/scripts/minify-lib.mjs",