@functionalui/functionalui 0.2.5 → 0.2.7

package/dist/lib/styles/types/icons/values.d.ts

@@ -0,0 +1,63 @@
+import { Sizings, Spacings } from '../types.ts';
+export declare const UICON_SIZING: {
+    8: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    12: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    16: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    20: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    24: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    28: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    32: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    36: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    44: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    52: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    60: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    68: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    76: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    84: {
+        padding: Spacings;
+        size: Sizings;
+    };
+    92: {
+        padding: Spacings;
+        size: Sizings;
+    };
+};

package/dist/lib/styles/types/layout/classes.d.ts

@@ -0,0 +1,120 @@
+export declare const DISPLAY_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+export declare const FLEX_DIRECTION_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const FLEX_WRAP_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+};
+export declare const FLEX_JUSTIFY_CONTENT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+export declare const FLEX_ALIGN_ITEMS_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+export declare const FLEX_ALIGN_CONTENT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+export declare const GRID_GAP_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+export declare const GRID_ROW_GAP_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+export declare const GRID_COLUMN_GAP_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+export declare const GRID_JUSTIFY_CONTENT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+export declare const GRID_ALIGN_CONTENT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+export declare const JUSTIFY_SELF_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+};
+export declare const ALIGN_SELF_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+};

package/dist/{layout/index.d.ts → lib/styles/types/layout/generics.d.ts}

@@ -1,163 +1,120 @@
-import { AnimatedProps } from '@react-spring/web';
-import { FC } from 'react';
-import { HTMLAttributes } from 'react';
-import { ReactNode } from 'react';
-import { Ref } from 'react';
-
-declare enum AlignSelfs {
-    Start = 1,
-    End = 2,
-    Center = 3,
-    Left = 4,
-    Right = 5,
-    SelfStart = 6,
-    SelfEnd = 7,
-    Stretch = 8,
-    Normal = 9,
-    Auto = 10
-}
-
-declare enum Displays {
-    None = 1,
-    Block = 2,
-    InlineBlock = 3,
-    Flex = 4,
-    InlineFlex = 5,
-    Grid = 6
-}
-
-declare enum FlexAlignContents {
-    FlexStart = 1,
-    FlexEnd = 2,
-    Center = 3,
-    SpaceBetween = 4,
-    SpaceAround = 5,
-    Stretch = 6
-}
-
-declare enum FlexAlignItems {
-    FlexStart = 1,
-    FlexEnd = 2,
-    Center = 3,
-    Baseline = 4,
-    Stretch = 5
-}
-
-declare enum FlexDirections {
-    Row = 1,
-    Column = 2,
-    RowReverse = 3,
-    ColumnReverse = 4
-}
-
-declare enum FlexJustifyContents {
-    FlexStart = 1,
-    FlexEnd = 2,
-    Center = 3,
-    SpaceBetween = 4,
-    SpaceAround = 5
-}
-
-declare enum FlexWraps {
-    NoWrap = 1,
-    Wrap = 2,
-    WrapReverse = 3
-}
-
-declare enum GridAlignContents {
-    Start = 1,
-    End = 2,
-    Center = 3,
-    Left = 4,
-    Right = 5,
-    SpaceAround = 6,
-    SpaceBetween = 7,
-    Stretch = 8,
-    SpaceEvenly = 9
-}
-
-declare enum GridColumnGaps {
-    Size1 = 1,
-    Size2 = 2,
-    Size3 = 3,
-    Size4 = 4,
-    Size5 = 5,
-    Size6 = 6,
-    Size7 = 7,
-    Size8 = 8,
-    Size9 = 9
-}
-
-declare enum GridGaps {
-    Size1 = 1,
-    Size2 = 2,
-    Size3 = 3,
-    Size4 = 4,
-    Size5 = 5,
-    Size6 = 6,
-    Size7 = 7,
-    Size8 = 8,
-    Size9 = 9
-}
-
-declare enum GridJustifyContents {
-    Start = 1,
-    End = 2,
-    Center = 3,
-    Left = 4,
-    Right = 5,
-    SpaceAround = 6,
-    SpaceBetween = 7,
-    Stretch = 8,
-    SpaceEvenly = 9
-}
-
-declare enum GridRowGaps {
-    Size1 = 1,
-    Size2 = 2,
-    Size3 = 3,
-    Size4 = 4,
-    Size5 = 5,
-    Size6 = 6,
-    Size7 = 7,
-    Size8 = 8,
-    Size9 = 9
-}
-
-declare enum JustifySelfs {
-    Start = 1,
-    End = 2,
-    Center = 3,
-    Left = 4,
-    Right = 5,
-    SelfStart = 6,
-    SelfEnd = 7,
-    Stretch = 8,
-    Normal = 9,
-    Auto = 10
-}
-
-export declare const Layout: FC<LayoutDivProps>;
-
-declare interface LayoutDivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, LayoutProps {
-    children?: ReactNode;
-    ref?: Ref<HTMLDivElement | null>;
-}
-
-declare interface LayoutProps {
-    display?: Displays;
-    flexDirection?: FlexDirections;
-    flexWrap?: FlexWraps;
-    flexJustifyContent?: FlexJustifyContents;
-    flexAlignItem?: FlexAlignItems;
-    flexAlignContent?: FlexAlignContents;
-    gridGap?: GridGaps;
-    gridRowGap?: GridRowGaps;
-    gridColumnGap?: GridColumnGaps;
-    gridJustifyContent?: GridJustifyContents;
-    gridAlignContent?: GridAlignContents;
-    justifySelf?: JustifySelfs;
-    alignSelf?: AlignSelfs;
-}
-
-export { }
+export declare enum Displays {
+    None = 1,
+    Block = 2,
+    InlineBlock = 3,
+    Flex = 4,
+    InlineFlex = 5,
+    Grid = 6
+}
+export declare enum FlexDirections {
+    Row = 1,
+    Column = 2,
+    RowReverse = 3,
+    ColumnReverse = 4
+}
+export declare enum FlexWraps {
+    NoWrap = 1,
+    Wrap = 2,
+    WrapReverse = 3
+}
+export declare enum FlexJustifyContents {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    SpaceBetween = 4,
+    SpaceAround = 5
+}
+export declare enum FlexAlignItems {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    Baseline = 4,
+    Stretch = 5
+}
+export declare enum FlexAlignContents {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    SpaceBetween = 4,
+    SpaceAround = 5,
+    Stretch = 6
+}
+export declare enum GridGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+export declare enum GridRowGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+export declare enum GridColumnGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+export declare enum GridJustifyContents {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SpaceAround = 6,
+    SpaceBetween = 7,
+    Stretch = 8,
+    SpaceEvenly = 9
+}
+export declare enum GridAlignContents {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SpaceAround = 6,
+    SpaceBetween = 7,
+    Stretch = 8,
+    SpaceEvenly = 9
+}
+export declare enum JustifySelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+export declare enum AlignSelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}

package/dist/lib/styles/types/notification/types.d.ts

@@ -0,0 +1,22 @@
+import { ColorPalettes } from '../types.ts';
+export declare enum ToastTypes {
+    Success = 1,
+    Alert = 2,
+    Error = 3,
+    Info = 4,
+    Static = 5,
+    Loading = 6,
+    SuccessStatic = 7,
+    ErrorStatic = 8,
+    LoadingStatic = 9
+}
+export type ToastNotification = {
+    icon: string;
+    color: ColorPalettes;
+    default: string;
+    isTimeout?: boolean;
+    classname?: string;
+};
+export declare const TOAST_TYPE: {
+    [key: number]: ToastNotification;
+};

package/dist/lib/styles/types/sizings/generics.d.ts

@@ -0,0 +1,22 @@
+export declare enum Sizings {
+    Size1 = 8,
+    Size2 = 12,
+    Size3 = 16,
+    Size4 = 20,
+    Size5 = 24,
+    Size6 = 28,
+    Size7 = 32,
+    Size8 = 36,
+    Size9 = 44,
+    Size10 = 52,
+    Size11 = 60,
+    Size12 = 68,
+    Size13 = 76,
+    Size14 = 84,
+    Size15 = 92
+}
+export declare enum FontBaseSizes {
+    Small = "small",
+    Default = "default",
+    Big = "big"
+}

package/dist/lib/styles/types/types.d.ts

@@ -0,0 +1,102 @@
+import { AnimatedProps } from '@react-spring/web';
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+import { ButtonStyleProps, HeaderProps, LayoutProps, StyleProps, TextStyleProps } from './components.types';
+import { ElementResizes, OutlineStyles } from './generics';
+import { ToastTypes, TextAreaStyles } from './types';
+export { BORDER_BOTTOM_LEFT_RADIUS_CLASSES, BORDER_BOTTOM_RIGHT_RADIUS_CLASSES, BORDER_BOTTOM_STYLE_CLASSES, BORDER_LEFT_STYLE_CLASSES, BORDER_RADIUS_CLASSES, BORDER_RIGHT_STYLE_CLASSES, BORDER_STYLE_CLASSES, BORDER_TOP_LEFT_RADIUS_CLASSES, BORDER_TOP_RIGHT_RADIUS_CLASSES, BORDER_TOP_STYLE_CLASSES, BORDER_WIDTH_CLASSES, BOX_SHADOW_CLASSES, BOX_SIZING_CLASSES, ELEMENT_RESIZE_CLASSES, FONT_FAMILY_CLASSES, FONT_SIZE_CLASSES, FONT_STYLE_CLASSES, FONT_WEIGHT_CLASSES, MARGIN_BOTTOM_CLASSES, MARGIN_CLASSES, MARGIN_LEFT_CLASSES, MARGIN_RIGHT_CLASSES, MARGIN_TOP_CLASSES, MEDIA_SIZES, PADDING_BOTTOM_CLASSES, PADDING_CLASSES, PADDING_LEFT_CLASSES, PADDING_RIGHT_CLASSES, PADDING_TOP_CLASSES, POSITION_BOTTOM_CLASSES, POSITION_LEFT_CLASSES, POSITION_RIGHT_CLASSES, POSITION_TOP_CLASSES, TEXT_ALIGN_CLASSES, CURSOR_CLASSES, } from './classes';
+export { BACKGROUND_COLOR_CLASSES, BORDER_COLOR_CLASSES, COLOR_CLASSES, OUTLINE_COLOR_CLASSES, } from './colors/classes';
+export { ColorPalettes, ColorSets } from './colors/generics';
+export { COLOR_VALUES, ColorRanges, COLOR_RGBA_ALPHA, ColorRGBAAlphas, } from './colors/values';
+export { BorderStyles, BorderWidths, BoxShadows, BoxSizings, ElementResizes, FontFamilies, FontSizes, FontStyles, FontWeights, MediaSizes, Positions, Radiuses, Spacings, TextAligns, OutlineStyles, Cursors, } from './generics';
+export { ALIGN_SELF_CLASSES, DISPLAY_CLASSES, FLEX_ALIGN_CONTENT_CLASSES, FLEX_ALIGN_ITEMS_CLASSES, FLEX_DIRECTION_CLASSES, FLEX_JUSTIFY_CONTENT_CLASSES, FLEX_WRAP_CLASSES, GRID_ALIGN_CONTENT_CLASSES, GRID_COLUMN_GAP_CLASSES, GRID_GAP_CLASSES, GRID_JUSTIFY_CONTENT_CLASSES, GRID_ROW_GAP_CLASSES, JUSTIFY_SELF_CLASSES, } from './layout/classes';
+export { AlignSelfs, Displays, FlexAlignContents, FlexAlignItems, FlexDirections, FlexJustifyContents, FlexWraps, GridAlignContents, GridColumnGaps, GridGaps, GridJustifyContents, GridRowGaps, JustifySelfs, } from './layout/generics';
+export { Sizings, FontBaseSizes } from './sizings/generics';
+export { BORDER_STYLE_VALUES, BORDER_WIDTH_VALUES, BOX_SHADOW_VALUES, FONT_SIZE_VALUES, RADIUS_VALUES, SPACING_VALUES, } from './values';
+export { BASE_FONT_SIZE, THEME_CLASSES, Themes, type UiContextType, } from '../../contexts/ui/types';
+export { TOAST_TYPE, ToastTypes, type ToastNotification, } from '../types/notification/types';
+export type GlobalEventContextType = {
+    globalEventRef: any | null;
+    handleGlobalEventRef: (props: string, type: ToastTypes) => void;
+    catchUserAxiosNextApiError: any | undefined;
+    catchUserAxiosFetcherError: any | undefined;
+};
+export interface DivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, StyleProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement | null>;
+}
+export interface LayoutDivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, LayoutProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement | null>;
+}
+export interface ButtonProps extends AnimatedProps<HTMLAttributes<HTMLButtonElement>>, StyleProps, ButtonStyleProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement | null>;
+}
+interface TextInputProp {
+    type?: string;
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    name?: string;
+    value?: any | undefined;
+    min?: number | undefined;
+    step?: number | undefined;
+}
+export interface TextInputProps extends AnimatedProps<HTMLAttributes<HTMLInputElement>>, TextStyleProps, TextInputProp {
+    children?: ReactNode;
+    ref?: Ref<HTMLInputElement> | undefined;
+}
+interface TextAreaProp {
+    type?: string;
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    name?: string;
+    value?: any | undefined;
+    min?: number | undefined;
+    step?: number | undefined;
+    rows?: number | undefined;
+    resize?: ElementResizes;
+    textOutlineStyle?: OutlineStyles;
+    textAreaStyle?: TextAreaStyles;
+}
+export interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaProp {
+    children?: ReactNode;
+    ref?: Ref<HTMLTextAreaElement> | undefined;
+}
+export interface LiProps extends AnimatedProps<HTMLAttributes<HTMLLIElement>>, StyleProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLLIElement | null>;
+}
+export interface UlProps extends AnimatedProps<HTMLAttributes<HTMLUListElement>>, StyleProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLUListElement | null>;
+}
+export interface HeadElementProps extends AnimatedProps<HTMLAttributes<HTMLHeadElement>>, TextStyleProps, HeaderProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLHeadingElement | null>;
+}
+export interface ParagraphProps extends AnimatedProps<HTMLAttributes<HTMLParagraphElement>>, TextStyleProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLParagraphElement | null>;
+}
+export interface SpanProps extends AnimatedProps<HTMLAttributes<HTMLSpanElement>>, TextStyleProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLSpanElement | null>;
+}
+export { AdmonitionColors, AdmonitionIcons, AdmonitionLevels, AdmonitionTitles, AdmonitionSizes, ADMONITION_SIZE, } from './ui/admonition/types';
+export { AVATAR_SIZE, AvatarSizes } from './ui/avatar/types';
+export { BUTTON_COLORS, BUTTON_SHADOWS_CLASSES, BUTTON_SIZE, ButtonColors, ButtonIconPositions, ButtonShadows, ButtonSizes, ButtonStateIcon, ButtonStates, ButtonTypes, ButtonStyles, } from './ui/button/types';
+export { CHECKBOX_COLORS, CHECKBOX_SIZES, CheckboxColors, CheckboxSizes, } from './ui/checkbox/types';
+export { TAG_SIZE, TagColorSizes } from './ui/tag/types';
+export { ModalStyles } from './ui/modal/types';
+export { Portals } from './ui/portal/types';
+export { INPUT_TEXT_COLOR, INPUT_TEXT_SIZE, InputTextSizes, INPUT_TEXT_STYLE, InputTextStyles, InputTextModes, InputTextTypes, InputTextLabelStyles, } from './ui/inputs/text/types';
+export { TEXT_AREA_COLOR, TEXT_AREA_SIZE, TEXT_AREA_STYLE, TextAreaModes, TextAreaSizes, TextAreaStyles, } from './ui/inputs/textarea/types';
+export { type SelectOption, SELECT_STATES, SelectStates, DropdownHeightStyles, DropdownPositions, SELECT_SIZES, SelectedValuesStyles, SelectSizes, } from './ui/selectSpring/types';
+export type { CellStyles, TableHeaderElement, TableRowCellElement, TableRowElement, } from './ui/tablegrid/types';
+export { type TabMenu } from './ui/tabs/types';
+export { TOGGLE_SIZE, TOGGLE_STATE_ICON, ToggleSizes, ToggleStates, } from './ui/toggleswitch/types';
+export { Icons } from './icons/icons';
+export type { InsetGroupOption } from './ui/insetGroup/types';
+export { FUIAttributeSelectors } from './attributes/types';