@app-studio/components 0.10.17

package/dist/native/design-system/index.d.ts

@@ -0,0 +1,4 @@
+export * from './configs';
+export * from './DesignSystemProvider';
+export * from './types';
+export * from './utils';

package/dist/native/design-system/index.js

@@ -0,0 +1,5 @@
+export * from './configs';
+export * from './DesignSystemProvider';
+export * from './types';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/native/design-system/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/native/design-system/types.d.ts

@@ -0,0 +1,82 @@
+export type DesignSystemAppearance = 'light' | 'dark';
+export type DesignSystemComponentName = 'accordion' | 'alert' | 'avatar' | 'badge' | 'button' | 'card' | 'checkbox' | 'hero' | 'input' | 'loader' | 'navigation' | 'page' | 'progress' | 'radio' | 'select' | 'separator' | 'slider' | 'status' | 'switch' | 'table' | 'tabs' | 'textarea';
+export type DesignSystemViewProps = Record<string, any>;
+export interface DesignSystemMetadata {
+    id: string;
+    label: string;
+    sourcePath: string;
+    sourceTitle: string;
+    defaultAppearance: DesignSystemAppearance;
+    googleFontLinks?: string[];
+}
+export interface DesignSystemTheme {
+    primary: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    error: string;
+    canvas: string;
+    surface: string;
+    text: string;
+    muted: string;
+    border: string;
+    onPrimary: string;
+}
+export interface DesignSystemColorToken {
+    name: string;
+    value: string;
+    role: string;
+}
+export interface DesignSystemTypographyTokens {
+    fontFamily: string;
+    monoFamily: string;
+    fontSizes: string[];
+    fontWeights: string[];
+    lineHeights: string[];
+}
+export interface DesignSystemTokens {
+    rawCssVars: Record<string, string>;
+    colors: DesignSystemColorToken[];
+    typography: DesignSystemTypographyTokens;
+    spacing: string[];
+    radii: string[];
+    shadows: string[];
+}
+export interface DesignSystemComponentConfig extends Record<string, any> {
+    views?: Record<string, DesignSystemViewProps>;
+    config?: Record<string, any>;
+}
+export type BrandCornerStyle = 'sharp' | 'soft' | 'pill';
+export type BrandTypeWeight = 'light' | 'regular' | 'bold' | 'black';
+export type BrandTypeCase = 'normal' | 'uppercase';
+export type BrandTypeStyle = 'normal' | 'italic';
+export type BrandAccentTreatment = 'flat' | 'gradient' | 'stripe' | 'glow' | 'halftone';
+export type BrandDensity = 'tight' | 'comfortable' | 'spacious';
+export type BrandSurfaceTone = 'paper' | 'glass' | 'matte' | 'mono';
+export interface BrandPersonality {
+    cornerStyle: BrandCornerStyle;
+    typeWeight: BrandTypeWeight;
+    typeCase: BrandTypeCase;
+    typeStyle: BrandTypeStyle;
+    letterSpacing: string;
+    accentTreatment: BrandAccentTreatment;
+    signatureMotif: string;
+    density: BrandDensity;
+    surfaceTone: BrandSurfaceTone;
+    cardRadius: number;
+    pillRadius: number;
+    badgeRadius: number;
+    voice: string;
+}
+export interface DesignSystemConfig {
+    metadata: DesignSystemMetadata;
+    theme: DesignSystemTheme;
+    tokens: DesignSystemTokens;
+    components: Partial<Record<DesignSystemComponentName, DesignSystemComponentConfig>>;
+    personality?: BrandPersonality;
+}
+export interface DesignSystemContextValue {
+    config?: DesignSystemConfig;
+    configId?: string;
+    isEnabled: boolean;
+}

package/dist/native/design-system/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/native/design-system/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/design-system/types.ts"],"names":[],"mappings":""}

package/dist/native/design-system/utils.d.ts

@@ -0,0 +1,5 @@
+import { DesignSystemComponentConfig, DesignSystemComponentName, DesignSystemConfig } from './types';
+export declare const normalizeDesignSystemComponentProps: <T extends Record<string, any>>(props: T) => T;
+export declare const deepMerge: <T extends Record<string, any> = Record<string, any>>(...objects: Array<Record<string, any> | undefined>) => T;
+export declare const getDesignSystemComponentProps: (componentName: DesignSystemComponentName, config?: DesignSystemConfig) => DesignSystemComponentConfig;
+export declare const mergeDesignSystemComponentProps: <T extends Record<string, any>>(componentName: DesignSystemComponentName, props: T, config?: DesignSystemConfig) => T;

package/dist/native/design-system/utils.js

@@ -0,0 +1,61 @@
+const isPlainObject = (value) => Boolean(value) &&
+    typeof value === 'object' &&
+    !Array.isArray(value) &&
+    Object.prototype.toString.call(value) === '[object Object]';
+export const normalizeDesignSystemComponentProps = (props) => {
+    return props;
+};
+export const deepMerge = (...objects) => {
+    const result = {};
+    objects.forEach((object) => {
+        if (!isPlainObject(object))
+            return;
+        Object.entries(object).forEach(([key, value]) => {
+            // Treat null the same as undefined: configs use null to declare a key
+            // exists in the schema without overriding component defaults. Nested
+            // nulls (e.g. `views.container.backgroundColor: null`) are pre-stripped
+            // from configs at the boundary — see `stripNullsDeep` below — so this
+            // top-level check is sufficient and we keep the cycle-safe shape that
+            // assigns React-element props by reference rather than recursing.
+            if (value === undefined || value === null)
+                return;
+            if (isPlainObject(value) && isPlainObject(result[key])) {
+                result[key] = deepMerge(result[key], value);
+                return;
+            }
+            result[key] = value;
+        });
+    });
+    return result;
+};
+// Recursively remove keys whose value is `null` from plain-object trees.
+// Only descends into plain objects: arrays and non-object values are returned
+// as-is, so React elements / fibers / class instances are left alone. Used to
+// scrub `views.container.backgroundColor: null` and friends from configs
+// before they ever reach the merge pipeline.
+const stripNullsDeep = (value) => {
+    if (Array.isArray(value))
+        return value;
+    if (!isPlainObject(value))
+        return value;
+    const out = {};
+    for (const [k, v] of Object.entries(value)) {
+        if (v === null)
+            continue;
+        out[k] = isPlainObject(v) ? stripNullsDeep(v) : v;
+    }
+    return out;
+};
+export const getDesignSystemComponentProps = (componentName, config) => {
+    if (!config)
+        return {};
+    const raw = config.components[componentName] || {};
+    return normalizeDesignSystemComponentProps(stripNullsDeep(raw));
+};
+export const mergeDesignSystemComponentProps = (componentName, props, config) => {
+    const { config: localConfig, ...otherProps } = props;
+    const globalConfig = getDesignSystemComponentProps(componentName, config);
+    const mergedConfig = deepMerge(globalConfig, localConfig || {});
+    return normalizeDesignSystemComponentProps(deepMerge(mergedConfig, otherProps));
+};
+//# sourceMappingURL=utils.js.map

package/dist/native/design-system/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/design-system/utils.ts"],"names":[],"mappings":"AAOA,MAAM,aAAa,GAAG,CAAC,KAAc,EAAgC,EAAE,CACrE,OAAO,CAAC,KAAK,CAAC;IACd,OAAO,KAAK,KAAK,QAAQ;IACzB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IACrB,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,iBAAiB,CAAC;AAE9D,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAGjD,KAAQ,EACL,EAAE;IACL,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,GAAG,OAA+C,EAC/C,EAAE;IACL,MAAM,MAAM,GAAwB,EAAE,CAAC;IAEvC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACzB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;YAAE,OAAO;QAEnC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YAC9C,sEAAsE;YACtE,qEAAqE;YACrE,wEAAwE;YACxE,sEAAsE;YACtE,sEAAsE;YACtE,kEAAkE;YAClE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;gBAAE,OAAO;YAElD,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;gBACvD,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC5C,OAAO;YACT,CAAC;YAED,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,MAAW,CAAC;AACrB,CAAC,CAAC;AAEF,yEAAyE;AACzE,8EAA8E;AAC9E,8EAA8E;AAC9E,yEAAyE;AACzE,6CAA6C;AAC7C,MAAM,cAAc,GAAG,CAAI,KAAQ,EAAK,EAAE;IACxC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACvC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACxC,MAAM,GAAG,GAAwB,EAAE,CAAC;IACpC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3C,IAAI,CAAC,KAAK,IAAI;YAAE,SAAS;QACzB,GAAG,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC;IACD,OAAO,GAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,aAAwC,EACxC,MAA2B,EACE,EAAE;IAC/B,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IACnD,OAAO,mCAAmC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,aAAwC,EACxC,KAAQ,EACR,MAA2B,EACxB,EAAE;IACL,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,YAAY,GAAG,6BAA6B,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAE1E,MAAM,YAAY,GAAG,SAAS,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;IAEhE,OAAO,mCAAmC,CACxC,SAAS,CAAI,YAAmB,EAAE,UAAiB,CAAM,CAC1D,CAAC;AACJ,CAAC,CAAC"}

package/dist/native/pages/designSystem.page.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DesignSystemConfig } from '../components';
+export declare const DesignSystem: ({ config }: {
+    config: DesignSystemConfig;
+}) => React.JSX.Element;
+declare const DesignSystemPage: () => React.JSX.Element;
+export default DesignSystemPage;