@functionalui/functionalui 0.2.5 → 0.2.7

package/dist/lib/styles/storybook/components/TableGrid/component.d.ts

@@ -0,0 +1,2 @@
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/lib/styles/storybook/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-vite';
+import { Tabs as COMPONENT } from '../../../../entries/tabs/index.ts';
+declare const meta: Meta<typeof COMPONENT>;
+export default meta;
+export declare const Tabs: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/styles/storybook/components/Tabs/component.d.ts

@@ -0,0 +1,2 @@
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/lib/styles/storybook/components/Texts/Texts.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const H1: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/styles/storybook/components/ToastNotification/ToastNotification.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react-vite';
+import { default as GlobalEventToast } from '../../../../components/ui/notifications/globalEventNotifications/GlobalEventToast.tsx';
+declare const meta: Meta<typeof GlobalEventToast>;
+export default meta;
+export declare const ToastNotification: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/styles/storybook/components/ToastNotification/component.d.ts

@@ -0,0 +1,2 @@
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/lib/styles/storybook/components/UIcon/IconAction.d.ts

@@ -0,0 +1 @@
+export default function IconAction(): import("react/jsx-runtime").JSX.Element;

package/dist/lib/styles/storybook/components/UIcon/Sizes.d.ts

@@ -0,0 +1 @@
+export default function Sizes(): import("react/jsx-runtime").JSX.Element;

package/dist/lib/styles/storybook/components/UIcon/SizesNoPadding.d.ts

@@ -0,0 +1 @@
+export default function SizesNoPadding(): import("react/jsx-runtime").JSX.Element;

package/dist/lib/styles/storybook/components/UIcon/UIcon.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react-vite';
+import { UIcon as COMPONENT } from '../../../../entries/icons/index.ts';
+declare const meta: Meta<typeof COMPONENT>;
+export default meta;

package/dist/lib/styles/styled/button/component.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../../types/types.ts';
+declare const F__Button: ({ margin, marginTop, marginBottom, marginLeft, marginRight, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, boxShadow, borderRadius, borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius, borderTopRightRadius, borderStyle, borderLeftStyle, borderRightStyle, borderTopStyle, borderBottomStyle, borderWidth, bgColor, paletteColor, borderColor, outlineColor, boxSizing, top, bottom, left, right, type, cursor, disabled, children, className, ref, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default F__Button;

package/dist/lib/styles/styled/container/component.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DivProps } from '../../types/types.ts';
+declare const Container: FC<DivProps>;
+export default Container;

package/dist/lib/styles/styled/inputs/text/component.d.ts

@@ -0,0 +1,4 @@
+import { TextInputProps } from '../../../types/types.ts';
+import { FC } from 'react';
+declare const F__TextInput: FC<TextInputProps>;
+export default F__TextInput;

package/dist/lib/styles/styled/inputs/textArea/component.d.ts

@@ -0,0 +1,4 @@
+import { TextAreaProps } from '../../../types/types.ts';
+import { FC } from 'react';
+declare const F__TextArea: FC<TextAreaProps>;
+export default F__TextArea;

package/dist/lib/styles/styled/layout/component.d.ts

@@ -0,0 +1,4 @@
+import { LayoutDivProps } from '../../types/types.ts';
+import { FC } from 'react';
+declare const Layout: FC<LayoutDivProps>;
+export default Layout;

package/dist/lib/styles/styled/li/component.d.ts

@@ -0,0 +1,4 @@
+import { LiProps } from '../../types/types.ts';
+import { FC } from 'react';
+declare const F__Li: FC<LiProps>;
+export default F__Li;

package/dist/lib/styles/styled/texts/header/component.d.ts

@@ -0,0 +1,4 @@
+declare const Text_Header: <A extends keyof import("react").JSX.IntrinsicElements = keyof import("react").JSX.IntrinsicElements>(props: import("react").JSX.IntrinsicElements[A] & import('../../../types/types').HeadElementProps & {
+    ref?: React.Ref<any>;
+}) => import("react").JSX.Element;
+export default Text_Header;

package/dist/lib/styles/styled/texts/p/component.d.ts

@@ -0,0 +1,3 @@
+import { ParagraphProps } from '../../../types/types.ts';
+declare const Text_P: ({ children, ...props }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
+export default Text_P;

package/dist/lib/styles/styled/texts/span/component.d.ts

@@ -0,0 +1,3 @@
+import { SpanProps } from '../../../types/types.ts';
+declare function Text_Span({ children, ...props }: SpanProps): import("react/jsx-runtime").JSX.Element;
+export default Text_Span;

package/dist/lib/styles/styled/texts/utils/createHeadElement.d.ts

@@ -0,0 +1,16 @@
+import { HeadElementProps } from '../../../types/types.ts';
+import { JSX } from 'react';
+/** helper types */
+type Intrinsic = keyof JSX.IntrinsicElements;
+type PropsOf<T extends Intrinsic> = JSX.IntrinsicElements[T];
+/**
+ * createHeadElement:
+ * - T: default intrinsic tag (e.g. "h1")
+ *
+ * Returned component accepts intrinsic props for the chosen `as` tag (or default T),
+ * plus Extra props. Extra props are removed before spreading to DOM to avoid invalid attributes.
+ */
+export declare function createHeadElement<T extends Intrinsic>(tag?: T): <A extends Intrinsic = T>(props: (PropsOf<A> & HeadElementProps) & {
+    ref?: React.Ref<any>;
+}) => JSX.Element;
+export {};

package/dist/lib/styles/styled/texts/utils/createTextElement.d.ts

@@ -0,0 +1,18 @@
+import { AnimatedProps } from '@react-spring/web';
+import { JSX } from 'react';
+import { TextStyleProps } from '../../../types/components.types';
+type AllowedTags = "span" | "p";
+type PropsOf<T extends AllowedTags> = AnimatedProps<JSX.IntrinsicElements[T]>;
+type TagExtraPropsMap = {
+    span: TextStyleProps;
+    p: TextStyleProps;
+};
+type CompProps<Default extends AllowedTags, As extends AllowedTags = Default> = PropsOf<As> & TagExtraPropsMap[As] & {
+    as?: As;
+    children?: React.ReactNode;
+    className?: any;
+};
+export declare function createTextElement<T extends AllowedTags>(tag?: T): <As extends AllowedTags = T>(props: CompProps<T, As> & {
+    ref?: React.Ref<any>;
+}) => JSX.Element;
+export {};

package/dist/lib/styles/styled/ul/component.d.ts

@@ -0,0 +1,4 @@
+import { UlProps } from '../../types/types.ts';
+import { FC } from 'react';
+declare const F__Ul: FC<UlProps>;
+export default F__Ul;

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

@@ -0,0 +1,4 @@
+export declare enum FUIAttributeSelectors {
+    FontBaseSize = "data-b-fsize",
+    Theme = "data-theme"
+}

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

@@ -0,0 +1,62 @@
+type ClassType = {
+    [key: number]: string;
+};
+export declare const MARGIN_CLASSES: ClassType;
+export declare const MARGIN_TOP_CLASSES: ClassType;
+export declare const MARGIN_BOTTOM_CLASSES: ClassType;
+export declare const MARGIN_LEFT_CLASSES: ClassType;
+export declare const MARGIN_RIGHT_CLASSES: ClassType;
+export declare const PADDING_CLASSES: ClassType;
+export declare const PADDING_TOP_CLASSES: ClassType;
+export declare const PADDING_BOTTOM_CLASSES: ClassType;
+export declare const PADDING_LEFT_CLASSES: ClassType;
+export declare const PADDING_RIGHT_CLASSES: ClassType;
+export declare const MEDIA_SIZES: ClassType;
+export declare const BOX_SHADOW_CLASSES: ClassType;
+export declare const BORDER_RADIUS_CLASSES: ClassType;
+export declare const BORDER_TOP_LEFT_RADIUS_CLASSES: ClassType;
+export declare const BORDER_TOP_RIGHT_RADIUS_CLASSES: ClassType;
+export declare const BORDER_BOTTOM_LEFT_RADIUS_CLASSES: ClassType;
+export declare const BORDER_BOTTOM_RIGHT_RADIUS_CLASSES: ClassType;
+export declare const BORDER_STYLE_CLASSES: ClassType;
+export declare const BORDER_LEFT_STYLE_CLASSES: ClassType;
+export declare const BORDER_RIGHT_STYLE_CLASSES: ClassType;
+export declare const BORDER_TOP_STYLE_CLASSES: ClassType;
+export declare const BORDER_BOTTOM_STYLE_CLASSES: ClassType;
+export declare const BORDER_WIDTH_CLASSES: ClassType;
+export declare const BOX_SIZING_CLASSES: ClassType;
+export declare const POSITION_TOP_CLASSES: ClassType;
+export declare const POSITION_BOTTOM_CLASSES: ClassType;
+export declare const POSITION_LEFT_CLASSES: ClassType;
+export declare const POSITION_RIGHT_CLASSES: ClassType;
+export declare const ELEMENT_RESIZE_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const TEXT_ALIGN_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const FONT_SIZE_CLASSES: ClassType;
+export declare const FONT_WEIGHT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+export declare const FONT_STYLE_CLASSES: {
+    1: string;
+    2: string;
+};
+export declare const FONT_FAMILY_CLASSES: {
+    1: string;
+};
+export declare const CURSOR_CLASSES: ClassType;
+export declare const OUTLINE_STYLE_CLASSES: ClassType;
+export {};

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

@@ -0,0 +1,9 @@
+type ClassType = {
+    [key: number]: string;
+};
+export declare const BACKGROUND_COLOR_CLASSES: ClassType;
+export declare const BORDER_COLOR_CLASSES: ClassType;
+export declare const COLOR_CLASSES: ClassType;
+export declare const OUTLINE_COLOR_CLASSES: ClassType;
+export declare const FONT_COLOR_CLASSES: ClassType;
+export {};

package/dist/{tag-color/index.d.ts → lib/styles/types/colors/generics.d.ts}

@@ -1,104 +1,97 @@
-import { FC } from 'react';
-
-declare enum ColorPalettes {
-    Transparent = 1,// (0, 1)
-    Grey1 = 2,
-    Grey2 = 3,
-    Grey3 = 4,
-    Grey4 = 5,
-    Grey5 = 6,
-    Grey6 = 7,
-    Grey7 = 8,
-    Grey8 = 9,
-    Grey9 = 10,
-    Grey10 = 11,// (2, 11)
-    Primary1 = 12,
-    Primary2 = 13,
-    Primary3 = 14,
-    Primary4 = 15,
-    Primary5 = 16,
-    Primary6 = 17,
-    Primary7 = 18,
-    Primary8 = 19,
-    Primary9 = 20,// (12, 20)
-    Secondary1 = 21,
-    Secondary2 = 22,
-    Secondary3 = 23,
-    Secondary4 = 24,
-    Secondary5 = 25,
-    Secondary6 = 26,
-    Secondary7 = 27,
-    Secondary8 = 28,
-    Secondary9 = 29,// (21, 29)
-    Red1 = 30,
-    Red2 = 31,
-    Red3 = 32,
-    Red4 = 33,
-    Red5 = 34,
-    Red6 = 35,
-    Red7 = 36,
-    Red8 = 37,
-    Red9 = 38,// (30, 38)
-    Green1 = 39,
-    Green2 = 40,
-    Green3 = 41,
-    Green4 = 42,
-    Green5 = 43,
-    Green6 = 44,
-    Green7 = 45,
-    Green8 = 46,
-    Green9 = 47,// (39, 47)
-    Blue1 = 48,
-    Blue2 = 49,
-    Blue3 = 50,
-    Blue4 = 51,
-    Blue5 = 52,
-    Blue6 = 53,
-    Blue7 = 54,
-    Blue8 = 55,
-    Blue9 = 56,// (48, 56)
-    Yellow1 = 57,
-    Yellow2 = 58,
-    Yellow3 = 59,
-    Yellow4 = 60,
-    Yellow5 = 61,
-    Yellow6 = 62,
-    Yellow7 = 63,
-    Yellow8 = 64,
-    Yellow9 = 65,// (57, 65)
-    Accent1_1 = 66,
-    Accent1_2 = 67,
-    Accent1_3 = 68,
-    Accent1_4 = 69,
-    Accent1_5 = 70,
-    Accent1_6 = 71,
-    Accent1_7 = 72,
-    Accent1_8 = 73,
-    Accent1_9 = 74,// (57, 65)
-    Accent2_1 = 75,
-    Accent2_2 = 76,
-    Accent2_3 = 77,
-    Accent2_4 = 78,
-    Accent2_5 = 79,
-    Accent2_6 = 80,
-    Accent2_7 = 81,
-    Accent2_8 = 82,
-    Accent2_9 = 83
-}
-
-declare interface P {
-    size: TagColorSizes;
-    color?: ColorPalettes | string;
-    text?: string | number;
-}
-
-export declare const TagColor: FC<P>;
-
-declare enum TagColorSizes {
-    Small = 1,
-    Medium = 2,
-    Big = 3,
-    Large = 4
-}
-
-export { }
+export declare enum ColorPalettes {
+    Transparent = 1,// (0, 1)
+    Grey1 = 2,
+    Grey2 = 3,
+    Grey3 = 4,
+    Grey4 = 5,
+    Grey5 = 6,
+    Grey6 = 7,
+    Grey7 = 8,
+    Grey8 = 9,
+    Grey9 = 10,
+    Grey10 = 11,// (2, 11)
+    Primary1 = 12,
+    Primary2 = 13,
+    Primary3 = 14,
+    Primary4 = 15,
+    Primary5 = 16,
+    Primary6 = 17,
+    Primary7 = 18,
+    Primary8 = 19,
+    Primary9 = 20,// (12, 20)
+    Secondary1 = 21,
+    Secondary2 = 22,
+    Secondary3 = 23,
+    Secondary4 = 24,
+    Secondary5 = 25,
+    Secondary6 = 26,
+    Secondary7 = 27,
+    Secondary8 = 28,
+    Secondary9 = 29,// (21, 29)
+    Red1 = 30,
+    Red2 = 31,
+    Red3 = 32,
+    Red4 = 33,
+    Red5 = 34,
+    Red6 = 35,
+    Red7 = 36,
+    Red8 = 37,
+    Red9 = 38,// (30, 38)
+    Green1 = 39,
+    Green2 = 40,
+    Green3 = 41,
+    Green4 = 42,
+    Green5 = 43,
+    Green6 = 44,
+    Green7 = 45,
+    Green8 = 46,
+    Green9 = 47,// (39, 47)
+    Blue1 = 48,
+    Blue2 = 49,
+    Blue3 = 50,
+    Blue4 = 51,
+    Blue5 = 52,
+    Blue6 = 53,
+    Blue7 = 54,
+    Blue8 = 55,
+    Blue9 = 56,// (48, 56)
+    Yellow1 = 57,
+    Yellow2 = 58,
+    Yellow3 = 59,
+    Yellow4 = 60,
+    Yellow5 = 61,
+    Yellow6 = 62,
+    Yellow7 = 63,
+    Yellow8 = 64,
+    Yellow9 = 65,// (57, 65)
+    Accent1_1 = 66,
+    Accent1_2 = 67,
+    Accent1_3 = 68,
+    Accent1_4 = 69,
+    Accent1_5 = 70,
+    Accent1_6 = 71,
+    Accent1_7 = 72,
+    Accent1_8 = 73,
+    Accent1_9 = 74,// (57, 65)
+    Accent2_1 = 75,
+    Accent2_2 = 76,
+    Accent2_3 = 77,
+    Accent2_4 = 78,
+    Accent2_5 = 79,
+    Accent2_6 = 80,
+    Accent2_7 = 81,
+    Accent2_8 = 82,
+    Accent2_9 = 83
+}
+export declare enum ColorSets {
+    Transparents = 1,
+    Greys = 2,
+    Primarys = 3,
+    Secondarys = 4,
+    Reds = 5,
+    Greens = 6,
+    Blues = 7,
+    Yellows = 8,
+    Accents1 = 9,
+    Accents2 = 10
+}

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

@@ -0,0 +1,42 @@
+export declare let COLOR_VALUES: {
+    [key: number]: string;
+};
+export declare const ColorRanges: {
+    1: number[];
+    2: number[];
+    3: number[];
+    4: number[];
+    5: number[];
+    6: number[];
+    7: number[];
+    8: number[];
+    9: number[];
+    10: number[];
+};
+export declare enum ColorRGBAAlphas {
+    Opaque = 1,// max, max
+    Dark3 = 2,
+    Dark2 = 3,
+    Dark1 = 4,
+    Light1 = 5,
+    Light2 = 6,
+    Light3 = 7,
+    Transparent = 8
+}
+export declare const COLOR_RGBA_ALPHA: {
+    /**
+     * 6 (a-f (f is darker)) + 10 (0-9 (9 is darker)) | same concept (starts with 0 end with f)
+     * 18 | 18
+     * 18 / 2 = 9   | 2, 4, 6, 8 | 10 | 12, 14, 16, 18
+     * 0 2 4 6 8 a c e(f)
+     */
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+};
+export declare function disconnectThemeObserver(): void;

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

@@ -0,0 +1,67 @@
+import { AlignSelfs, BorderStyles, BorderWidths, BoxShadows, BoxSizings, ButtonTypes, ColorPalettes, Displays, FlexAlignContents, FlexAlignItems, FlexDirections, FlexJustifyContents, FlexWraps, FontFamilies, FontSizes, FontStyles, FontWeights, GridAlignContents, GridColumnGaps, GridGaps, GridJustifyContents, GridRowGaps, JustifySelfs, Positions, Radiuses, Spacings, TextAligns } from './types.ts';
+import { Cursors } from './generics';
+export interface StyleProps {
+    margin?: Spacings;
+    marginTop?: Spacings;
+    marginBottom?: Spacings;
+    marginLeft?: Spacings;
+    marginRight?: Spacings;
+    padding?: Spacings;
+    paddingTop?: Spacings;
+    paddingBottom?: Spacings;
+    paddingLeft?: Spacings;
+    paddingRight?: Spacings;
+    boxShadow?: BoxShadows;
+    borderRadius?: Radiuses;
+    borderBottomLeftRadius?: Radiuses;
+    borderBottomRightRadius?: Radiuses;
+    borderTopLeftRadius?: Radiuses;
+    borderTopRightRadius?: Radiuses;
+    borderStyle?: BorderStyles;
+    borderLeftStyle?: BorderStyles;
+    borderRightStyle?: BorderStyles;
+    borderTopStyle?: BorderStyles;
+    borderBottomStyle?: BorderStyles;
+    borderWidth?: BorderWidths;
+    bgColor?: ColorPalettes;
+    paletteColor?: ColorPalettes;
+    borderColor?: ColorPalettes;
+    outlineColor?: ColorPalettes;
+    boxSizing?: BoxSizings;
+    top?: Positions;
+    bottom?: Positions;
+    left?: Positions;
+    right?: Positions;
+    cursor?: Cursors;
+}
+export 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 interface TextStyleProps {
+    paletteColor?: ColorPalettes;
+    fontSize?: FontSizes;
+    fontFamily?: FontFamilies;
+    fontWeight?: FontWeights;
+    fontStyle?: FontStyles;
+    textAlign?: TextAligns;
+    cursor?: Cursors;
+}
+export interface ButtonStyleProps {
+    disabled?: boolean;
+    type?: ButtonTypes;
+}
+export interface HeaderProps {
+    header: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}