@rbxts/uiblox 0.1.13 → 0.1.14

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/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"
+}

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

@@ -0,0 +1,40 @@
+export declare enum Icons {
+    Delete = "rbxassetid://8583122940",
+    Move = "rbxassetid://8583137072",
+    OpenBox = "rbxassetid://8583122847",
+    Rotate2D = "rbxassetid://8583123169",
+    Rotate3D = "rbxassetid://8583123075",
+    Swipe = "rbxassetid://8583122640",
+    House = "rbxassetid://8771814151",
+    Furniture = "rbxassetid://8771814395",
+    Room = "rbxassetid://8771813821",
+    Arcade = "rbxassetid://8771986472",
+    Controller = "rbxassetid://8771986353",
+    Joystick = "rbxassetid://8771986232",
+    Save = "rbxassetid://8772040340",
+    EditEnabled = "rbxassetid://8772040549",
+    EditDisabled = "rbxassetid://8772040755",
+    Settings = "rbxassetid://8793943638",
+    VerticalDots = "rbxassetid://8793943269",
+    HorizontalDots = "rbxassetid://8793943828",
+    Store = "rbxassetid://8794697193",
+    Dresser = "rbxassetid://8794697532",
+    Hangar = "rbxassetid://8794697340",
+    Friends = "rbxassetid://8794697424",
+    Charity = "rbxassetid://8794697659",
+    Backpack = "rbxassetid://8794716095",
+    HelpBubble = "rbxassetid://8794738823",
+    HelpDesk = "rbxassetid://8835822182",
+    NewspaperVariant1 = "rbxassetid://9056545367",
+    NewspaperVariant2 = "rbxassetid://9056545251",
+    NewspaperVariant3 = "rbxassetid://9056545032",
+    Close = "rbxassetid://9070598165",
+    CloseCircle = "rbxassetid://9070597768",
+    Collapsed = "rbxassetid://9306279342",
+    Expanded = "rbxassetid://9306279848",
+    Book = "rbxassetid://9311703342",
+    BookStack = "rbxassetid://9311703545",
+    ListPrimary = "rbxassetid://9306610505",
+    LightTheme = "rbxassetid://9377269022",
+    DarkTheme = "rbxassetid://9377269322"
+}

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

@@ -0,0 +1,4 @@
+export declare enum Orientations {
+    Vertical = "Vertical",
+    Horizontal = "Horizontal"
+}

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

@@ -0,0 +1,3 @@
+export { Directions } from "./Directions";
+export { Icons } from "./Icons";
+export { Orientations } from "./Orientations";

package/out/ui/index.d.ts

@@ -0,0 +1,34 @@
+export * from "./constants/index";
+export * from "./enums/index";
+export { Divider } from "./packages/index";
+export { DividerProps } from "./packages/index";
+export { Icon } from "./packages/index";
+export { IconProps } from "./packages/index";
+export { IconButton } from "./packages/index";
+export { IconButtonProps } from "./packages/index";
+export { Input } from "./packages/index";
+export { InputProps } from "./packages/index";
+export { InputColor } from "./packages/index";
+export { InputMargin } from "./packages/index";
+export { InputVariant } from "./packages/index";
+export { ProgressBar } from "./packages/index";
+export { ProgressBarProps } from "./packages/index";
+export { Shadow } from "./packages/index";
+export { Sidebar } from "./packages/index";
+export { SidebarProps } from "./packages/index";
+export { SidebarType } from "./packages/index";
+export { Toast } from "./packages/index";
+export { ToastProps } from "./packages/index";
+export { TreeView } from "./packages/index";
+export { TreeViewProps } from "./packages/index";
+export { Branch } from "./packages/index";
+export { Leaf } from "./packages/index";
+export { Tree } from "./packages/index";
+export { Typography } from "./packages/index";
+export { TypographyProps } from "./packages/index";
+export { TypographyAlignment } from "./packages/index";
+export { TypographyColor } from "./packages/index";
+export { TypographyDisplay } from "./packages/index";
+export { Button } from "./packages/index";
+export { ButtonProps } from "./packages/index";
+export * from "./packages/index";

package/out/ui/packages/button/components/Button.d.ts

@@ -0,0 +1,24 @@
+import { CustomizedProps } from "../../../../theme/index";
+import { ButtonSize, ButtonColor, ButtonVariant } from "../types/index";
+export type DefaultButtonComponent = TextButton;
+export interface ButtonProps {
+    text?: string;
+    size?: ButtonSize;
+    color?: ButtonColor;
+    fullWidth?: boolean;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    loading?: boolean;
+    rounded?: boolean;
+    hoveringDisabled?: boolean;
+    onLeftClick?: () => void;
+    onLeftDown?: () => void;
+    onLeftUp?: () => void;
+    onRightClick?: () => void;
+    onRightDown?: () => void;
+    onRightUp?: () => void;
+    mouseEnter?: () => void;
+    mouseLeave?: () => void;
+}
+declare function Button(props: CustomizedProps<DefaultButtonComponent, ButtonProps>): JSX.Element;
+export default Button;

package/out/ui/packages/button/components/Button.styles.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from "./Button";
+declare const useButtonStyles: (props: ButtonProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useButtonStyles;

package/out/ui/packages/button/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Button } from "./components/Button";
+export { ButtonProps } from "./components/Button";
+export * from "./components/Button";
+export { ButtonColor } from "./types/index";
+export { ButtonSize } from "./types/index";
+export { ButtonVariant } from "./types/index";

package/out/ui/packages/button/types/ButtonColor.d.ts

@@ -0,0 +1 @@
+export type ButtonColor = "primary" | "secondary";

package/out/ui/packages/button/types/ButtonSize.d.ts

@@ -0,0 +1 @@
+export type ButtonSize = "small" | "medium" | "large";

package/out/ui/packages/button/types/ButtonVariant.d.ts

@@ -0,0 +1 @@
+export type ButtonVariant = "contained" | "outlined" | "text";

package/out/ui/packages/button/types/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonColor } from "./ButtonColor";
+export { ButtonSize } from "./ButtonSize";
+export { ButtonVariant } from "./ButtonVariant";

package/out/ui/packages/divider/components/Divider.d.ts

@@ -0,0 +1,13 @@
+import { CustomizedProps } from "../../../../theme/index";
+import { Orientations } from "../../../enums/index";
+type DefaultDividerComponent = Frame;
+export interface DividerProps {
+    position?: UDim2;
+    orientation?: Orientations;
+    padding?: number;
+    color?: Color3;
+    transparency?: number;
+    weight?: number;
+}
+declare function Divider<T extends DefaultDividerComponent>(props: CustomizedProps<T, DividerProps>): JSX.Element;
+export default Divider;

package/out/ui/packages/divider/components/Divider.styles.d.ts

@@ -0,0 +1,3 @@
+import { DividerProps } from "./Divider";
+declare const useDividerStyles: (props: DividerProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useDividerStyles;

package/out/ui/packages/divider/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Divider } from "./components/Divider";
+export { DividerProps } from "./components/Divider";
+export * from "./components/Divider";

package/out/ui/packages/icon/components/Icon.d.ts

@@ -0,0 +1,10 @@
+import { Icons } from "../../../enums/index";
+import { CustomizedProps } from "../../../../theme/index";
+export interface IconProps {
+    icon: Icons;
+    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+    tint?: Color3;
+}
+type DefaultIconComponent = ImageLabel;
+declare function Icon(props: CustomizedProps<DefaultIconComponent, IconProps>): JSX.Element;
+export default Icon;

package/out/ui/packages/icon/components/Icon.styles.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./Icon";
+declare const useIconStyles: (props: IconProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useIconStyles;

package/out/ui/packages/icon/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Icon } from "./components/Icon";
+export { IconProps } from "./components/Icon";
+export * from "./components/Icon";

package/out/ui/packages/iconButton/components/IconButton.d.ts

@@ -0,0 +1,12 @@
+import { Icons } from "../../../enums/index";
+import { CustomizedProps } from "../../../../theme/index";
+export interface IconButtonProps {
+    icon: Icons;
+    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+    tint: Color3;
+    selected?: boolean;
+    onClick?: () => void;
+}
+type DefaultIconButtonComponent = ImageButton;
+declare function IconButton(props: CustomizedProps<DefaultIconButtonComponent, IconButtonProps>): JSX.Element;
+export default IconButton;

package/out/ui/packages/iconButton/components/IconButton.styles.d.ts

@@ -0,0 +1,3 @@
+import { IconButtonProps } from "./IconButton";
+declare const useIconButtonStyles: (props: IconButtonProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useIconButtonStyles;

package/out/ui/packages/iconButton/index.d.ts

@@ -0,0 +1,3 @@
+export { default as IconButton } from "./components/IconButton";
+export { IconButtonProps } from "./components/IconButton";
+export * from "./components/IconButton";

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

@@ -0,0 +1,11 @@
+export * from "./divider/index";
+export * from "./icon/index";
+export * from "./iconButton/index";
+export * from "./input/index";
+export * from "./progressBar/index";
+export * from "./shadow/index";
+export * from "./sidebar/index";
+export * from "./toast/index";
+export * from "./treeView/index";
+export * from "./typography/index";
+export * from "./button/index";

package/out/ui/packages/input/components/Input.d.ts

@@ -0,0 +1,22 @@
+import { CustomizedProps } from "../../../../theme/index";
+import { InputColor, InputMargin, InputVariant } from "../types/index";
+export type DefaultInputComponent = Frame;
+export interface InputProps {
+    color?: InputColor;
+    disabled?: boolean;
+    hasError?: boolean;
+    helperText?: string;
+    margin?: InputMargin;
+    variant?: InputVariant;
+    width?: UDim;
+    text?: string;
+    placeholder?: string;
+    rounded?: boolean;
+    clearsTextOnFocus?: boolean;
+    onTextChanged?: (text: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onEnterPressed?: (text: string) => void;
+}
+declare function Input(props: CustomizedProps<DefaultInputComponent, InputProps>): JSX.Element;
+export default Input;

package/out/ui/packages/input/components/Input.styles.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from "./Input";
+declare const useInputStyles: (props: InputProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useInputStyles;

package/out/ui/packages/input/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Input } from "./components/Input";
+export { InputProps } from "./components/Input";
+export * from "./components/Input";
+export { InputColor } from "./types/index";
+export { InputMargin } from "./types/index";
+export { InputVariant } from "./types/index";

package/out/ui/packages/input/types/InputColor.d.ts

@@ -0,0 +1 @@
+export type InputColor = "primary" | "secondary";

package/out/ui/packages/input/types/InputMargin.d.ts

@@ -0,0 +1 @@
+export type InputMargin = "none" | "dense" | "normal";

package/out/ui/packages/input/types/InputVariant.d.ts

@@ -0,0 +1 @@
+export type InputVariant = "filled" | "outlined" | "standard";

package/out/ui/packages/input/types/index.d.ts

@@ -0,0 +1,3 @@
+export { InputColor } from "./InputColor";
+export { InputMargin } from "./InputMargin";
+export { InputVariant } from "./InputVariant";

package/out/ui/packages/progressBar/components/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+import { WriteableStyle } from "../../../../theme/index";
+export interface ProgressBarProps {
+    progress: number;
+    className?: WriteableStyle<Frame>;
+}
+declare function ProgressBar({ progress, className }: ProgressBarProps): JSX.Element;
+export default ProgressBar;

package/out/ui/packages/progressBar/components/ProgressBar.styles.d.ts

@@ -0,0 +1,2 @@
+declare const useProgressBarStyles: () => import("../../../../theme/index").ClassNameMap<string>;
+export default useProgressBarStyles;

package/out/ui/packages/progressBar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ProgressBar } from "./components/ProgressBar";
+export { ProgressBarProps } from "./components/ProgressBar";
+export * from "./components/ProgressBar";

package/out/ui/packages/shadow/components/Shadow.d.ts

@@ -0,0 +1,2 @@
+declare function Shadow(): JSX.Element;
+export default Shadow;

package/out/ui/packages/shadow/components/Shadow.styles.d.ts

@@ -0,0 +1,2 @@
+declare const useShadowStyles: () => import("../../../../theme/index").ClassNameMap<string>;
+export default useShadowStyles;

package/out/ui/packages/shadow/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Shadow } from "./components/Shadow";
+export * from "./components/Shadow";

package/out/ui/packages/sidebar/components/Sidebar.d.ts

@@ -0,0 +1,8 @@
+import { CustomizedProps } from "../../../../theme/index";
+export type DefaultSidebarComponent = Frame;
+export interface SidebarProps {
+    size: "compact" | "large";
+    ignoreInset?: boolean;
+}
+declare function Sidebar<T extends DefaultSidebarComponent>(props: CustomizedProps<T, SidebarProps>): JSX.Element;
+export default Sidebar;

package/out/ui/packages/sidebar/components/Sidebar.styles.d.ts

@@ -0,0 +1,3 @@
+import { SidebarProps } from "./Sidebar";
+declare const useSidebarStyles: (props: SidebarProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useSidebarStyles;

package/out/ui/packages/sidebar/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Sidebar } from "./components/Sidebar";
+export { SidebarProps } from "./components/Sidebar";
+export * from "./components/Sidebar";
+export { SidebarType } from "./types/index";

package/out/ui/packages/sidebar/types/SidebarType.d.ts

@@ -0,0 +1 @@
+export type SidebarType = "compact" | "large";

package/out/ui/packages/sidebar/types/index.d.ts

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

package/out/ui/packages/toast/components/Toast.d.ts

@@ -0,0 +1,10 @@
+import ToastVariants from "../enums/ToastVariants";
+export interface ToastProps {
+    text: string;
+    onDismiss: () => void;
+    duration?: number;
+    variant?: ToastVariants;
+    toggledAt?: number;
+}
+declare function Toast(props: ToastProps): JSX.Element;
+export default Toast;

package/out/ui/packages/toast/components/Toast.styles.d.ts

@@ -0,0 +1,3 @@
+import { ToastProps } from "./Toast";
+declare const useToastStyles: (props: ToastProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useToastStyles;

package/out/ui/packages/toast/enums/ToastVariants.d.ts

@@ -0,0 +1,7 @@
+declare enum ToastVariants {
+    default = "default",
+    success = "success",
+    error = "error",
+    warning = "warning"
+}
+export default ToastVariants;

package/out/ui/packages/toast/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Toast } from "./components/Toast";
+export { ToastProps } from "./components/Toast";
+export * from "./components/Toast";
+export { default as ToastVariants } from "./enums/ToastVariants";
+export { default as ToastEvent } from "./interfaces/ToastEvent";

package/out/ui/packages/toast/interfaces/ToastEvent.d.ts

@@ -0,0 +1,5 @@
+interface ToastEvent {
+    success: boolean;
+    timestamp: number;
+}
+export default ToastEvent;

package/out/ui/packages/treeView/components/TreeView.d.ts

@@ -0,0 +1,11 @@
+import { CustomizedProps } from "../../../../theme/index";
+import { Icons } from "../../../enums/index";
+import Tree from "../interfaces/Tree";
+type DefaultTreeViewComponent = Frame;
+export interface TreeViewProps {
+    tree: Tree;
+    icon?: Icons;
+    filter?: string;
+}
+declare function TreeView(props: CustomizedProps<DefaultTreeViewComponent, TreeViewProps>): JSX.Element;
+export default TreeView;

package/out/ui/packages/treeView/components/TreeView.styles.d.ts

@@ -0,0 +1,2 @@
+declare const useTreeViewStyles: () => import("../../../../theme/index").ClassNameMap<string>;
+export default useTreeViewStyles;

package/out/ui/packages/treeView/index.d.ts

@@ -0,0 +1,6 @@
+export { default as TreeView } from "./components/TreeView";
+export { TreeViewProps } from "./components/TreeView";
+export * from "./components/TreeView";
+export { default as Branch } from "./interfaces/Branch";
+export { default as Leaf } from "./interfaces/Leaf";
+export { default as Tree } from "./interfaces/Tree";

package/out/ui/packages/treeView/interfaces/Branch.d.ts

@@ -0,0 +1,6 @@
+import Leaf from "./Leaf";
+export default interface Branch {
+    title: string;
+    leaves: Leaf[];
+    onClick?: () => void;
+}

package/out/ui/packages/treeView/interfaces/Leaf.d.ts

@@ -0,0 +1,4 @@
+export default interface Leaf {
+    title: string;
+    onClick?: () => void;
+}

package/out/ui/packages/treeView/interfaces/Tree.d.ts

@@ -0,0 +1,5 @@
+import Branch from "./Branch";
+export default interface Tree {
+    title: string;
+    branches: Branch[];
+}

package/out/ui/packages/typography/components/Typography.d.ts

@@ -0,0 +1,18 @@
+import { CustomizedProps } from "../../../../theme/index";
+import { FontFamilyVariant, FontSizeVariant } from "../../../../theme/interfaces/typography/index";
+import { TypographyAlignment } from "../types/TypographyAlignment";
+import { TypographyColor } from "../types/TypographyColor";
+import { TypographyDisplay } from "../types/TypographyDisplay";
+type DefaultTypographyComponent = TextLabel;
+export interface TypographyProps {
+    text?: string;
+    variant?: FontSizeVariant;
+    family?: FontFamilyVariant;
+    color?: TypographyColor;
+    display?: TypographyDisplay;
+    align?: TypographyAlignment;
+    noWrap?: boolean;
+    lineClamp?: boolean;
+}
+declare function Typography<T extends DefaultTypographyComponent>(props: CustomizedProps<T, TypographyProps>): JSX.Element;
+export default Typography;

package/out/ui/packages/typography/components/Typography.styles.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps } from "./Typography";
+declare const useTypographyStyles: (props: TypographyProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useTypographyStyles;

package/out/ui/packages/typography/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Typography } from "./components/Typography";
+export { TypographyProps } from "./components/Typography";
+export * from "./components/Typography";
+export { TypographyAlignment } from "./types/index";
+export { TypographyColor } from "./types/index";
+export { TypographyDisplay } from "./types/index";

package/out/ui/packages/typography/types/TypographyAlignment.d.ts

@@ -0,0 +1 @@
+export type TypographyAlignment = "left" | "center" | "right";

package/out/ui/packages/typography/types/TypographyColor.d.ts

@@ -0,0 +1 @@
+export type TypographyColor = "initial" | "inherit" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | "warning";

package/out/ui/packages/typography/types/TypographyDisplay.d.ts

@@ -0,0 +1 @@
+export type TypographyDisplay = "initial" | "block" | "inline";

package/out/ui/packages/typography/types/index.d.ts

@@ -0,0 +1,3 @@
+export { TypographyAlignment } from "./TypographyAlignment";
+export { TypographyColor } from "./TypographyColor";
+export { TypographyDisplay } from "./TypographyDisplay";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.1.13",
+	"version": "0.1.14",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.lua",
 	"scripts": {