@mission-studio/puck 1.0.0

package/dist/ResponsiveToggleField-CVhKzDAT.d.mts

@@ -0,0 +1,183 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type ColorValue = {
+    color: string;
+    opacity: number;
+};
+type CustomFieldProps<T> = {
+    value: T;
+    onChangeAction: (value: T) => void;
+    disabled?: boolean;
+    label: string;
+};
+
+type ThemeColors = {
+    primary: ColorValue;
+    secondary: ColorValue;
+    accent: ColorValue;
+    background: ColorValue;
+    foreground: ColorValue;
+    muted: ColorValue;
+};
+type ThemeTypography = {
+    fontFamily: {
+        heading: string;
+        body: string;
+    };
+    fontSize: {
+        base: string;
+        heading: string;
+    };
+    fontWeight: {
+        normal: number;
+        heading: number;
+    };
+};
+type ThemeSpacing = {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+type ThemeBorders = {
+    radiusSmall: number;
+    radiusMedium: number;
+    radiusLarge: number;
+};
+type ThemeShadows = {
+    small: string;
+    medium: string;
+    large: string;
+};
+type PageTheme = {
+    id: string;
+    name: string;
+    colors: ThemeColors;
+    typography: ThemeTypography;
+    spacing: ThemeSpacing;
+    borders: ThemeBorders;
+    shadows: ThemeShadows;
+};
+type ThemeColorKey = keyof ThemeColors;
+type ThemeSpacingKey = keyof ThemeSpacing;
+type ThemeBorderKey = keyof ThemeBorders;
+type ThemeShadowKey = keyof ThemeShadows;
+type ThemeableColorValue = {
+    useTheme: true;
+    themeKey: ThemeColorKey;
+} | {
+    useTheme: false;
+    value: ColorValue;
+};
+type ThemeableSpacingValue = {
+    useTheme: true;
+    themeKey: ThemeSpacingKey;
+} | {
+    useTheme: false;
+    value: number;
+};
+type ThemeableBorderRadiusValue = {
+    useTheme: true;
+    themeKey: ThemeBorderKey;
+} | {
+    useTheme: false;
+    value: number;
+};
+type ThemeableShadowValue = {
+    useTheme: true;
+    themeKey: ThemeShadowKey;
+} | {
+    useTheme: false;
+    value: string;
+};
+
+type ThemeContextValue = {
+    theme: PageTheme;
+    resolveColor: (key: ThemeColorKey) => ColorValue;
+    resolveSpacing: (key: ThemeSpacingKey) => number;
+    resolveBorderRadius: (key: ThemeBorderKey) => number;
+    resolveShadow: (key: ThemeShadowKey) => string;
+};
+declare function ThemeProvider({ theme, children, }: {
+    theme: PageTheme | null;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+declare const DEFAULT_THEME: PageTheme;
+
+type BorderRadiusPreset = {
+    label: string;
+    value: number;
+};
+declare const borderRadiusScale: BorderRadiusPreset[];
+declare const getClosestBorderRadiusValue: (value: number) => number;
+declare const getBorderRadiusCSS: (value: number) => string;
+
+type ColorPreset = {
+    label: string;
+    value: string;
+};
+declare const neutralColors: ColorPreset[];
+declare const allColorPresets: ColorPreset[];
+
+type ShadowPreset = {
+    label: string;
+    value: string;
+    css: string;
+};
+declare const shadowPresets: ShadowPreset[];
+declare const getShadowCSS: (value: string) => string;
+
+type SpacingPreset = {
+    label: string;
+    value: number;
+};
+declare const spacingScale: SpacingPreset[];
+declare const getClosestSpacingValue: (value: number) => number;
+
+type FontFamilyPreset = {
+    label: string;
+    value: string;
+};
+type FontSizePreset = {
+    label: string;
+    value: string;
+    css: string;
+};
+type FontWeightPreset = {
+    label: string;
+    value: number;
+};
+declare const fontFamilies: FontFamilyPreset[];
+declare const fontSizes: FontSizePreset[];
+declare const fontWeights: FontWeightPreset[];
+declare const getFontSizeCSS: (value: string) => string;
+
+type EntryContent = Record<string, string | number | boolean | null>;
+type Entry = {
+    id: string;
+    venture_id: string;
+    name: string;
+    content: EntryContent;
+    created_at: string | null;
+    updated_at: string | null;
+};
+type EntryBoundValue<T> = {
+    useEntry: true;
+    entryName: string;
+    fieldKey: string;
+} | {
+    useEntry: false;
+    value: T;
+};
+
+type ResponsiveVisibility = {
+    mobile: boolean;
+    desktop: boolean;
+};
+declare function ResponsiveToggleField({ value, onChangeAction, disabled, label, }: CustomFieldProps<ResponsiveVisibility>): react_jsx_runtime.JSX.Element;
+
+export { getBorderRadiusCSS as A, type BorderRadiusPreset as B, type ColorValue as C, DEFAULT_THEME as D, type Entry as E, type FontFamilyPreset as F, getClosestBorderRadiusValue as G, getClosestSpacingValue as H, getFontSizeCSS as I, getShadowCSS as J, neutralColors as K, shadowPresets as L, spacingScale as M, useTheme as N, type PageTheme as P, type ResponsiveVisibility as R, type ShadowPreset as S, type ThemeableColorValue as T, type EntryBoundValue as a, type ThemeColorKey as b, type CustomFieldProps as c, type ColorPreset as d, type EntryContent as e, type FontSizePreset as f, type FontWeightPreset as g, ResponsiveToggleField as h, type SpacingPreset as i, type ThemeBorderKey as j, type ThemeBorders as k, type ThemeColors as l, ThemeProvider as m, type ThemeShadowKey as n, type ThemeShadows as o, type ThemeSpacing as p, type ThemeSpacingKey as q, type ThemeTypography as r, type ThemeableBorderRadiusValue as s, type ThemeableShadowValue as t, type ThemeableSpacingValue as u, allColorPresets as v, borderRadiusScale as w, fontFamilies as x, fontSizes as y, fontWeights as z };

package/dist/ResponsiveToggleField-CVhKzDAT.d.ts

@@ -0,0 +1,183 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type ColorValue = {
+    color: string;
+    opacity: number;
+};
+type CustomFieldProps<T> = {
+    value: T;
+    onChangeAction: (value: T) => void;
+    disabled?: boolean;
+    label: string;
+};
+
+type ThemeColors = {
+    primary: ColorValue;
+    secondary: ColorValue;
+    accent: ColorValue;
+    background: ColorValue;
+    foreground: ColorValue;
+    muted: ColorValue;
+};
+type ThemeTypography = {
+    fontFamily: {
+        heading: string;
+        body: string;
+    };
+    fontSize: {
+        base: string;
+        heading: string;
+    };
+    fontWeight: {
+        normal: number;
+        heading: number;
+    };
+};
+type ThemeSpacing = {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+type ThemeBorders = {
+    radiusSmall: number;
+    radiusMedium: number;
+    radiusLarge: number;
+};
+type ThemeShadows = {
+    small: string;
+    medium: string;
+    large: string;
+};
+type PageTheme = {
+    id: string;
+    name: string;
+    colors: ThemeColors;
+    typography: ThemeTypography;
+    spacing: ThemeSpacing;
+    borders: ThemeBorders;
+    shadows: ThemeShadows;
+};
+type ThemeColorKey = keyof ThemeColors;
+type ThemeSpacingKey = keyof ThemeSpacing;
+type ThemeBorderKey = keyof ThemeBorders;
+type ThemeShadowKey = keyof ThemeShadows;
+type ThemeableColorValue = {
+    useTheme: true;
+    themeKey: ThemeColorKey;
+} | {
+    useTheme: false;
+    value: ColorValue;
+};
+type ThemeableSpacingValue = {
+    useTheme: true;
+    themeKey: ThemeSpacingKey;
+} | {
+    useTheme: false;
+    value: number;
+};
+type ThemeableBorderRadiusValue = {
+    useTheme: true;
+    themeKey: ThemeBorderKey;
+} | {
+    useTheme: false;
+    value: number;
+};
+type ThemeableShadowValue = {
+    useTheme: true;
+    themeKey: ThemeShadowKey;
+} | {
+    useTheme: false;
+    value: string;
+};
+
+type ThemeContextValue = {
+    theme: PageTheme;
+    resolveColor: (key: ThemeColorKey) => ColorValue;
+    resolveSpacing: (key: ThemeSpacingKey) => number;
+    resolveBorderRadius: (key: ThemeBorderKey) => number;
+    resolveShadow: (key: ThemeShadowKey) => string;
+};
+declare function ThemeProvider({ theme, children, }: {
+    theme: PageTheme | null;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+declare const DEFAULT_THEME: PageTheme;
+
+type BorderRadiusPreset = {
+    label: string;
+    value: number;
+};
+declare const borderRadiusScale: BorderRadiusPreset[];
+declare const getClosestBorderRadiusValue: (value: number) => number;
+declare const getBorderRadiusCSS: (value: number) => string;
+
+type ColorPreset = {
+    label: string;
+    value: string;
+};
+declare const neutralColors: ColorPreset[];
+declare const allColorPresets: ColorPreset[];
+
+type ShadowPreset = {
+    label: string;
+    value: string;
+    css: string;
+};
+declare const shadowPresets: ShadowPreset[];
+declare const getShadowCSS: (value: string) => string;
+
+type SpacingPreset = {
+    label: string;
+    value: number;
+};
+declare const spacingScale: SpacingPreset[];
+declare const getClosestSpacingValue: (value: number) => number;
+
+type FontFamilyPreset = {
+    label: string;
+    value: string;
+};
+type FontSizePreset = {
+    label: string;
+    value: string;
+    css: string;
+};
+type FontWeightPreset = {
+    label: string;
+    value: number;
+};
+declare const fontFamilies: FontFamilyPreset[];
+declare const fontSizes: FontSizePreset[];
+declare const fontWeights: FontWeightPreset[];
+declare const getFontSizeCSS: (value: string) => string;
+
+type EntryContent = Record<string, string | number | boolean | null>;
+type Entry = {
+    id: string;
+    venture_id: string;
+    name: string;
+    content: EntryContent;
+    created_at: string | null;
+    updated_at: string | null;
+};
+type EntryBoundValue<T> = {
+    useEntry: true;
+    entryName: string;
+    fieldKey: string;
+} | {
+    useEntry: false;
+    value: T;
+};
+
+type ResponsiveVisibility = {
+    mobile: boolean;
+    desktop: boolean;
+};
+declare function ResponsiveToggleField({ value, onChangeAction, disabled, label, }: CustomFieldProps<ResponsiveVisibility>): react_jsx_runtime.JSX.Element;
+
+export { getBorderRadiusCSS as A, type BorderRadiusPreset as B, type ColorValue as C, DEFAULT_THEME as D, type Entry as E, type FontFamilyPreset as F, getClosestBorderRadiusValue as G, getClosestSpacingValue as H, getFontSizeCSS as I, getShadowCSS as J, neutralColors as K, shadowPresets as L, spacingScale as M, useTheme as N, type PageTheme as P, type ResponsiveVisibility as R, type ShadowPreset as S, type ThemeableColorValue as T, type EntryBoundValue as a, type ThemeColorKey as b, type CustomFieldProps as c, type ColorPreset as d, type EntryContent as e, type FontSizePreset as f, type FontWeightPreset as g, ResponsiveToggleField as h, type SpacingPreset as i, type ThemeBorderKey as j, type ThemeBorders as k, type ThemeColors as l, ThemeProvider as m, type ThemeShadowKey as n, type ThemeShadows as o, type ThemeSpacing as p, type ThemeSpacingKey as q, type ThemeTypography as r, type ThemeableBorderRadiusValue as s, type ThemeableShadowValue as t, type ThemeableSpacingValue as u, allColorPresets as v, borderRadiusScale as w, fontFamilies as x, fontSizes as y, fontWeights as z };