@rbxts/uiblox 0.1.13 → 0.1.15

package/README.md

@@ -36,12 +36,12 @@ How does it do this? Well, there are two main exports from this package:
     -   An extensible Theme type + default Dark (default) and Light themes
         -   ... Light theme palette is a WIP
     -   makeStyles/createStyles utilities to serve up Instance-extended property
-        tables that can be applied to your Roact Components
-    -   ThemeProvider which can wrap your application and uses Rodux to tell
+        tables that can be applied to your React Components
+    -   ThemeProvider which can wrap your application and uses Reflex to tell
         sub-components which theme to style off of (via makeStyles)
-        -   Uses Rodux
+        -   Uses Reflex
 -   @rbxts/uiblox -> ui
-    -   Packaged and reusable typed Roact components
+    -   Packaged and reusable typed React components
 
 # How to use
 
@@ -65,10 +65,10 @@ You can house all of your components within shared.
 #### src/shared/ui/app/App.tsx
 
 The top-level class for our UI. Loads the actual ApplLayout into ScreenGui. This
-is what we later pass to `Roact.mount()`.
+is what we later pass to `React.mount()`.
 
 ```javascript
-import Roact, { Component } from "@rbxts/roact";
+import React, { Component } from "@rbxts/react";
 
 class App extends Component {
 	render() {
@@ -94,7 +94,7 @@ You can also choose to create your own theme with the `Theme` interface exported
 from `@rbxts/uiblox`.
 
 ```javascript
-import Roact, { Component } from "@rbxts/roact";
+import React, { Component } from "@rbxts/react";
 import { Storyblox } from "shared/ui/storyblox";
 import { DarkTheme, ThemeProvider } from "@rbxts/uiblox";
 import usePageLayoutStyles from "./PageLayout.styles";
@@ -205,7 +205,7 @@ Some sample logic for mounting app when player spawns (on client).
 Mount the App in the LocalPlayer's `PlayerGui`.
 
 ```javascript
-import Roact, { Tree } from "@rbxts/roact";
+import React, { Tree } from "@rbxts/react";
 import { Players } from "@rbxts/services";
 import { App } from "shared/ui/App";
 
@@ -216,13 +216,13 @@ class AppLoader {
 		const playerGui = Players.LocalPlayer.FindFirstChild("PlayerGui") as PlayerGui;
 
 		const appComponent = <App />;
-		this._tree = Roact.mount(appComponent, playerGui, "App");
+		this._tree = React.mount(appComponent, playerGui, "App");
 		print("App mounted");
 	}
 
 	Unmount() {
 		if (this._tree) {
-			Roact.unmount(this._tree);
+			React.unmount(this._tree);
 			print("App unmounted");
 		}
 	}

package/out/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./theme/index";
+export * from "./ui/index";

package/out/theme/components/ThemeProducer.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from "../interfaces/theme/index";
+import { InferState } from "@rbxts/reflex";
+export declare const themeProducer: import("@rbxts/reflex").Producer<Theme, {
+    setTheme: (_state: Theme, theme: Theme) => Theme;
+}>;
+export type ThemeProducer = typeof themeProducer;
+export type ThemeState = InferState<ThemeProducer>;

package/out/theme/components/ThemeProvider.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from "../interfaces/theme/index";
+import { CustomizedProps } from "../types/index";
+export interface ThemeProviderProps {
+    theme?: Theme;
+}
+declare function ThemeProvider(props: CustomizedProps<Instance, ThemeProviderProps>): JSX.Element;
+export default ThemeProvider;

package/out/theme/components/ThemeWrapper.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from "../interfaces/theme/index";
+import { CustomizedProps } from "../types/index";
+export interface ThemeWrapperProps {
+    theme?: Theme;
+}
+declare function ThemeWrapper(props: CustomizedProps<Instance, ThemeWrapperProps>): JSX.Element;
+export default ThemeWrapper;

package/out/theme/components/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ThemeProvider } from "./ThemeProvider";
+export { ThemeProviderProps } from "./ThemeProvider";
+export * from "./ThemeProvider";
+export { ThemeState } from "./ThemeProducer";
+export { ThemeProducer } from "./ThemeProducer";

package/out/theme/constants/NumberConstants.d.ts

@@ -0,0 +1,6 @@
+import { IconSizes } from "../interfaces/index";
+export declare const SPACING_BASE = 12;
+export declare const PADDING_BASE = 4;
+export declare const BORDER_RADIUS = 4;
+export declare const CONTENT_WIDTH = 1024;
+export declare const ICON_SIZES: IconSizes;

package/out/theme/constants/ThemeConstants.d.ts

@@ -0,0 +1,5 @@
+import { Colors } from "../interfaces/palette/colors/index";
+import { Borders } from "../interfaces/spacing/index";
+export declare const DARK_THEME_COLORS: Colors;
+export declare const LIGHT_THEME_COLORS: Colors;
+export declare const DEFAULT_BORDERS: Borders;

package/out/theme/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./NumberConstants";
+export * from "./ThemeConstants";

package/out/theme/index.d.ts

@@ -0,0 +1,19 @@
+export { default as Theme } from "./interfaces/theme/Theme";
+export { ThemeProvider } from "./components/index";
+export { ThemeState } from "./components/index";
+export * from "./components/index";
+export * from "./constants/index";
+export * from "./interfaces/index";
+export * from "./styles/index";
+export * from "./themes/index";
+export { default as DefaultTheme } from "./themes/index";
+export { default as DarkTheme } from "./themes/DarkTheme";
+export { default as LightTheme } from "./themes/LightTheme";
+export { CommonProps } from "./types/index";
+export { BaseDefaultProps } from "./types/index";
+export { BaseCustomizedProps } from "./types/index";
+export { DefaultProps } from "./types/index";
+export { CustomizedProps } from "./types/index";
+export { CustomizedRef } from "./types/index";
+export { CustomizedForwardRefComponent } from "./types/index";
+export * from "./utilites/index";

package/out/theme/interfaces/iconSizes/IconSizes.d.ts

@@ -0,0 +1,5 @@
+export default interface IconSizes {
+    small: number;
+    medium: number;
+    large: number;
+}

package/out/theme/interfaces/iconSizes/index.d.ts

@@ -0,0 +1 @@
+export { default as IconSizes } from "./IconSizes";

package/out/theme/interfaces/index.d.ts

@@ -0,0 +1,13 @@
+export { IconSizes } from "./iconSizes/index";
+export * from "./palette/index";
+export { Borders } from "./spacing/index";
+export { Padding } from "./spacing/index";
+export { Shape } from "./spacing/index";
+export { Spacing } from "./spacing/index";
+export * from "../styles/index";
+export { Theme } from "./theme/index";
+export { ThemeConstants } from "./theme/index";
+export { ThemeOptions } from "./theme/index";
+export * from "../themes/index";
+export { Tokens } from "./tokens/index";
+export * from "./typography/index";

package/out/theme/interfaces/palette/Palette.d.ts

@@ -0,0 +1,26 @@
+export default interface Palette {
+    primary: {
+        main: Color3;
+    };
+    secondary: {
+        main: Color3;
+    };
+    error: {
+        main: Color3;
+    };
+    warning: {
+        main: Color3;
+    };
+    success: {
+        main: Color3;
+    };
+    background: {
+        default: Color3;
+        paper: Color3;
+    };
+    divider: Color3;
+    text: {
+        primary: Color3;
+        secondary: Color3;
+    };
+}

package/out/theme/interfaces/palette/colorTokens/ColorTokens.d.ts

@@ -0,0 +1,4 @@
+import { Tokens } from "../../../index";
+export type ColorTokens = {
+    [key in Tokens]: Color3;
+};

package/out/theme/interfaces/palette/colorTokens/index.d.ts

@@ -0,0 +1 @@
+export { ColorTokens } from "./ColorTokens";

package/out/theme/interfaces/palette/colors/Blue.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Blue: ColorTokens;
+export default Blue;

package/out/theme/interfaces/palette/colors/Colors.d.ts

@@ -0,0 +1,42 @@
+export default interface Colors {
+    backgroundDefault: Color3;
+    backgroundContrast: Color3;
+    backgroundMuted: Color3;
+    backgroundUIDefault: Color3;
+    backgroundUIMuted: Color3;
+    backgroundUIContrast: Color3;
+    UIDefault: Color3;
+    UIMuted: Color3;
+    UIEmphasis: Color3;
+    textDefault: Color3;
+    textMuted: Color3;
+    textEmphasis: Color3;
+    iconDefault: Color3;
+    iconEmphasis: Color3;
+    iconOnHover: Color3;
+    systemPrimaryDefault: Color3;
+    systemPrimaryOnHover: Color3;
+    systemPrimaryContent: Color3;
+    contextualPrimaryDefault: Color3;
+    contextualPrimaryOnHover: Color3;
+    contextualPrimaryContent: Color3;
+    secondaryDefault: Color3;
+    secondaryOnHover: Color3;
+    secondaryContent: Color3;
+    divider: Color3;
+    overlay: Color3;
+    dropShadow: Color3;
+    navigationBar: Color3;
+    badge: Color3;
+    badgeContent: Color3;
+    placeholder: Color3;
+    online: Color3;
+    offline: Color3;
+    alert: Color3;
+    success: Color3;
+    accent: Color3;
+    link: Color3;
+    caution: Color3;
+    text: Color3;
+    background: Color3;
+}

package/out/theme/interfaces/palette/colors/Common.d.ts

@@ -0,0 +1,6 @@
+export interface CommonColors {
+    Black: Color3;
+    White: Color3;
+}
+declare const Common: CommonColors;
+export default Common;

package/out/theme/interfaces/palette/colors/Dark.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Dark: ColorTokens;
+export default Dark;

package/out/theme/interfaces/palette/colors/Gray.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Gray: ColorTokens;
+export default Gray;

package/out/theme/interfaces/palette/colors/Green.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Green: ColorTokens;
+export default Green;

package/out/theme/interfaces/palette/colors/Light.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Light: ColorTokens;
+export default Light;

package/out/theme/interfaces/palette/colors/Magenta.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Magenta: ColorTokens;
+export default Magenta;

package/out/theme/interfaces/palette/colors/Orange.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Orange: ColorTokens;
+export default Orange;

package/out/theme/interfaces/palette/colors/Purple.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Purple: ColorTokens;
+export default Purple;

package/out/theme/interfaces/palette/colors/Red.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Red: ColorTokens;
+export default Red;

package/out/theme/interfaces/palette/colors/Turquoise.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Turquoise: ColorTokens;
+export default Turquoise;

package/out/theme/interfaces/palette/colors/Yellow.d.ts

@@ -0,0 +1,3 @@
+import { ColorTokens } from "../colorTokens/ColorTokens";
+declare const Yellow: ColorTokens;
+export default Yellow;

package/out/theme/interfaces/palette/colors/index.d.ts

@@ -0,0 +1,13 @@
+export { default as Blue } from "./Blue";
+export { default as Common } from "./Common";
+export { default as Gray } from "./Gray";
+export { default as Green } from "./Green";
+export { default as Magenta } from "./Magenta";
+export { default as Orange } from "./Orange";
+export { default as Purple } from "./Purple";
+export { default as Red } from "./Red";
+export { default as Turquoise } from "./Turquoise";
+export { default as Yellow } from "./Yellow";
+export { default as Dark } from "./Dark";
+export { default as Light } from "./Light";
+export { default as Colors } from "./Colors";

package/out/theme/interfaces/palette/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./colors/index";
+export { ColorTokens } from "./colorTokens/index";
+export { default as Palette } from "./Palette";

package/out/theme/interfaces/spacing/Borders.d.ts

@@ -0,0 +1,4 @@
+export default interface Borders {
+    default: number;
+    divider: number;
+}

package/out/theme/interfaces/spacing/Padding.d.ts

@@ -0,0 +1,4 @@
+export default interface Padding {
+    default: number;
+    calc: (multiple: number) => number;
+}

package/out/theme/interfaces/spacing/Shape.d.ts

@@ -0,0 +1,3 @@
+export default interface Shape {
+    borderRadius: number;
+}

package/out/theme/interfaces/spacing/Spacing.d.ts

@@ -0,0 +1,4 @@
+export default interface Spacing {
+    default: number;
+    calc: (multiple: number) => number;
+}

package/out/theme/interfaces/spacing/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Borders } from "./Borders";
+export { default as Padding } from "./Padding";
+export { default as Shape } from "./Shape";
+export { default as Spacing } from "./Spacing";

package/out/theme/interfaces/theme/Theme.d.ts

@@ -0,0 +1,14 @@
+import { Palette } from "../palette/index";
+import { Padding, Shape, Spacing } from "../spacing/index";
+import { ThemeTypography } from "../typography/index";
+import ThemeOptions from "./ThemeOptions";
+interface Theme {
+    type: string;
+    options: ThemeOptions;
+    palette: Palette;
+    padding: Padding;
+    shape: Shape;
+    spacing: Spacing;
+    typography: ThemeTypography;
+}
+export default Theme;

package/out/theme/interfaces/theme/ThemeConstants.d.ts

@@ -0,0 +1,25 @@
+import { Borders } from "../spacing/index";
+import { IconSizes } from "../iconSizes/index";
+import { ColorTokens } from "../palette/colorTokens/index";
+import { CommonColors } from "../palette/colors/Common";
+import { Colors } from "../palette/colors/index";
+export default interface ThemeConstants {
+    contentWidth: number;
+    iconSizes: IconSizes;
+    colors: Colors;
+    borders: Borders;
+    extendedPalette: {
+        Blue: ColorTokens;
+        Common: CommonColors;
+        Dark: ColorTokens;
+        Gray: ColorTokens;
+        Green: ColorTokens;
+        Light: ColorTokens;
+        Magenta: ColorTokens;
+        Orange: ColorTokens;
+        Purple: ColorTokens;
+        Red: ColorTokens;
+        Turquoise: ColorTokens;
+        Yellow: ColorTokens;
+    };
+}

package/out/theme/interfaces/theme/ThemeOptions.d.ts

@@ -0,0 +1,4 @@
+import ThemeConstants from "./ThemeConstants";
+export default interface ThemeOptions {
+    constants: ThemeConstants;
+}

package/out/theme/interfaces/theme/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Theme } from "./Theme";
+export { default as ThemeConstants } from "./ThemeConstants";
+export { default as ThemeOptions } from "./ThemeOptions";

package/out/theme/interfaces/tokens/Tokens.d.ts

@@ -0,0 +1 @@
+export type Tokens = "120" | "110" | "100" | "90" | "80" | "70" | "60" | "50" | "40" | "30" | "20" | "10";

package/out/theme/interfaces/tokens/index.d.ts

@@ -0,0 +1 @@
+export { Tokens } from "./Tokens";

package/out/theme/interfaces/typography/FontFamilies.d.ts

@@ -0,0 +1,2 @@
+import { FontFamilyOptions } from "./FontFamilyOptions";
+export declare const allFontFamilies: FontFamilyOptions;

package/out/theme/interfaces/typography/FontFamilyOptions.d.ts

@@ -0,0 +1,3 @@
+export type FontFamilyVariant = "default" | "bold" | "semibold" | "light" | "italics";
+export interface FontFamilyOptions extends Partial<Record<FontFamilyVariant, Required<Enum.Font>>> {
+}

package/out/theme/interfaces/typography/FontSizeOptions.d.ts

@@ -0,0 +1,3 @@
+export type FontSizeVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body" | "caption" | "button" | "overline";
+export interface FontSizeOptions extends Partial<Record<FontSizeVariant, Required<number>>> {
+}

package/out/theme/interfaces/typography/FontSizes.d.ts

@@ -0,0 +1,3 @@
+import { FontSizeOptions } from "./FontSizeOptions";
+export declare const baseFontSize = 16;
+export declare const allFontSizes: FontSizeOptions;

package/out/theme/interfaces/typography/ThemeTypography.d.ts

@@ -0,0 +1,7 @@
+import { FontFamilyOptions } from "./FontFamilyOptions";
+import { FontSizeOptions } from "./FontSizeOptions";
+interface ThemeTypography {
+    fontSizes: FontSizeOptions;
+    fontFamilies: FontFamilyOptions;
+}
+export default ThemeTypography;

package/out/theme/interfaces/typography/Variants.d.ts

@@ -0,0 +1,18 @@
+import { Tokens } from "../tokens/Tokens";
+export type TypographyTokens = {
+    [key in Tokens]: string;
+};
+export interface TypographyWeights {
+    title: number;
+    heading: number;
+    body: number;
+    xl?: number;
+    lg?: number;
+    md?: number;
+    sm?: number;
+    xs?: number;
+    default?: number;
+}
+export type TypographyVariants = keyof TypographyWeights;
+export declare const TypographyWeights: TypographyWeights;
+export declare const TypographyTokens: TypographyTokens;

package/out/theme/interfaces/typography/index.d.ts

@@ -0,0 +1,8 @@
+export { default as ThemeTypography } from "./ThemeTypography";
+export * from "./FontSizes";
+export * from "./FontFamilies";
+export { FontSizeVariant } from "./FontSizeOptions";
+export { FontSizeOptions } from "./FontSizeOptions";
+export { FontFamilyVariant } from "./FontFamilyOptions";
+export { FontFamilyOptions } from "./FontFamilyOptions";
+export * from "./Variants";

package/out/theme/styles/index.d.ts

@@ -0,0 +1,5 @@
+export { ClassNameMap } from "./types/index";
+export { WriteableStyle } from "./types/index";
+export { createStyles } from "./utilities/index";
+export { makeStyles } from "./utilities/index";
+export { classNames } from "./utilities/index";

package/out/theme/styles/types/WriteableStyle.d.ts

@@ -0,0 +1 @@
+export type WriteableStyle<T extends Instance> = Partial<WritableInstanceProperties<T>>;

package/out/theme/styles/types/index.d.ts

@@ -0,0 +1,2 @@
+export { ClassNameMap } from "./styles";
+export { WriteableStyle } from "./WriteableStyle";

package/out/theme/styles/types/styles.d.ts

@@ -0,0 +1,2 @@
+import { WriteableStyle } from "./WriteableStyle";
+export type ClassNameMap<ClassKey extends string = string, T extends Instance = Instance> = Record<ClassKey, Partial<WriteableStyle<T>>>;

package/out/theme/styles/utilities/classNames.d.ts

@@ -0,0 +1,7 @@
+import { WriteableStyle } from "../types/WriteableStyle";
+export type GenericStyle = {
+    [property: string]: boolean;
+};
+export type ConditionalStyles<T extends Instance> = Map<WriteableStyle<T>, boolean>;
+declare const classNames: <T extends Instance>(conditionalStyles?: ConditionalStyles<T>, ...styles: Array<WriteableStyle<T>>) => WriteableStyle<T>;
+export default classNames;

package/out/theme/styles/utilities/classNames.luau

@@ -22,9 +22,23 @@ local classNames = function(conditionalStyles, ...)
 		end
 		-- ▲ ReadonlyMap.forEach ▲
 	end
+	-- ▼ ReadonlyArray.forEach ▼
+	local _callback = function(value)
+		if value ~= 0 and value == value and value ~= "" and value then
+			local _object = table.clone(style)
+			setmetatable(_object, nil)
+			for _k, _v in value do
+				_object[_k] = _v
+			end
+			style = _object
+		end
+	end
+	for _k, _v in styles do
+		_callback(_v, _k - 1, styles)
+	end
+	-- ▲ ReadonlyArray.forEach ▲
 	local _object = table.clone(style)
 	setmetatable(_object, nil)
-	_object.styles = styles
 	return _object
 end
 local default = classNames

package/out/theme/styles/utilities/createStyles.d.ts

@@ -0,0 +1,3 @@
+import { ClassNameMap } from "../types/styles";
+declare const createStyles: <ClassKey extends string = string>(styles: ClassNameMap<ClassKey>) => ClassNameMap<ClassKey>;
+export default createStyles;

package/out/theme/styles/utilities/index.d.ts

@@ -0,0 +1,3 @@
+export { default as createStyles } from "./createStyles";
+export { default as makeStyles } from "./makeStyles";
+export { default as classNames } from "./classNames";

package/out/theme/styles/utilities/makeStyles.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from "../../interfaces/theme/index";
+import { ClassNameMap } from "../types/styles";
+type TMakeStyles<ClassKey extends string = string> = (theme: Theme) => ClassNameMap<ClassKey>;
+type TMakeStylesWithProps<Props, ClassKey extends string = string> = (theme: Theme, props: Props) => ClassNameMap<ClassKey>;
+type TVariantF<Props> = keyof Props extends never ? TMakeStyles : TMakeStylesWithProps<Props>;
+declare const makeStyles: <Props = {}, ClassKey extends string = string>(f: TVariantF<Props>) => keyof Props extends never ? () => ClassNameMap<ClassKey> : (props: Props) => ClassNameMap<ClassKey>;
+export default makeStyles;

package/out/theme/themes/DarkTheme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "../interfaces/theme/index";
+declare const DarkTheme: Theme;
+export default DarkTheme;

package/out/theme/themes/LightTheme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "../interfaces/theme/index";
+declare const LightTheme: Theme;
+export default LightTheme;

package/out/theme/themes/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./DarkTheme";
+export { default as DarkTheme } from "./DarkTheme";
+export { default as LightTheme } from "./LightTheme";

package/out/theme/types/index.d.ts

@@ -0,0 +1,7 @@
+export { CommonProps } from "./types";
+export { BaseDefaultProps } from "./types";
+export { BaseCustomizedProps } from "./types";
+export { DefaultProps } from "./types";
+export { CustomizedProps } from "./types";
+export { CustomizedRef } from "./types";
+export { CustomizedForwardRefComponent } from "./types";

package/out/theme/types/types.d.ts

@@ -0,0 +1,12 @@
+import React, { PropsWithChildren } from "@rbxts/react";
+import { WriteableStyle } from "../interfaces/index";
+export interface CommonProps<T extends Instance> extends PropsWithChildren {
+    className?: WriteableStyle<T>;
+    component?: T;
+}
+export type BaseDefaultProps<T extends Instance, P> = CommonProps<T> & P;
+export type BaseCustomizedProps<T extends Instance, P> = BaseDefaultProps<T, P>;
+export type DefaultProps<T extends Instance, P = {}> = BaseDefaultProps<T, P>;
+export type CustomizedProps<T extends Instance, P = {}> = BaseCustomizedProps<T, P>;
+export type CustomizedRef<T extends Instance> = T extends Instance ? any : T extends keyof React.ReactElement<T> ? WritableInstanceProperties<T> : never;
+export type CustomizedForwardRefComponent<D extends Instance, P = {}> = <T extends Instance = D>(props: CustomizedProps<T, P> & WritableInstanceProperties<CustomizedRef<T>>) => React.Element | undefined;

package/out/theme/utilites/Color3FromHex.d.ts

@@ -0,0 +1,2 @@
+declare const Color3FromHex: (hex: string) => Color3;
+export default Color3FromHex;

package/out/theme/utilites/index.d.ts

@@ -0,0 +1 @@
+export { default as Color3FromHex } from "./Color3FromHex";

package/out/ui/constants/ImageConstants.d.ts

@@ -0,0 +1,2 @@
+export declare const PRELOADER_LOGO_IMAGE = "rbxassetid://8972054582";
+export declare const PAGE_NOT_FOUND_IMAGE = "rbxassetid://9058373693";

package/out/ui/constants/LayoutConstants.d.ts

@@ -0,0 +1 @@
+export declare const ROBLOX_UI_OFFSET: number;

package/out/ui/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ImageConstants";
+export * from "./LayoutConstants";

package/out/ui/enums/Directions.d.ts

@@ -0,0 +1,8 @@
+export declare enum Directions {
+    In = "In",
+    Out = "Out",
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}