@vaneui/ui 0.0.1

package/README.md

@@ -0,0 +1 @@
+# vaneui

package/dist/components/complex/sharer.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+type Platform = 'fb' | 'li' | 'x' | 'th' | 'em' | 'wa' | 'tg' | 're';
+interface SocialShareCommonProps {
+    url?: string;
+    text?: string;
+    width?: number;
+    height?: number;
+    isLink?: boolean;
+    isBlank?: boolean;
+    platforms?: Platform[];
+    containerComponent?: React.ElementType;
+    buttonComponent?: React.ElementType;
+    buttonComponents?: Partial<Record<Platform, React.ElementType>>;
+}
+interface FacebookShareProps {
+    hashtag?: string;
+}
+interface TwitterShareProps {
+    hashtags?: string;
+    via?: string;
+    related?: string;
+    inReplyTo?: string;
+}
+interface EmailShareProps {
+    title?: string;
+    to?: string;
+}
+interface WhatsAppShareProps {
+    to?: string;
+    web?: boolean;
+}
+interface SocialShareProps extends SocialShareCommonProps {
+    facebookProps?: FacebookShareProps;
+    twitterProps?: TwitterShareProps;
+    emailProps?: EmailShareProps;
+    whatsappProps?: WhatsAppShareProps;
+}
+declare const SocialShare: React.FC<SocialShareProps>;
+export default SocialShare;

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TypographyComponentProps } from "./props";
+export declare const Badge: React.FC<TypographyComponentProps>;

package/dist/components/ui/button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TypographyComponentProps } from "./props";
+export declare const Button: React.FC<TypographyComponentProps>;

package/dist/components/ui/chip.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TypographyComponentProps } from "./props";
+export declare const Chip: React.FC<TypographyComponentProps>;

package/dist/components/ui/commonValues.d.ts

@@ -0,0 +1,45 @@
+export declare const fontWeightClasses: {
+    thin: string;
+    extralight: string;
+    light: string;
+    normal: string;
+    medium: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+    black: string;
+};
+export declare const fontStyleClasses: {
+    italic: string;
+    notItalic: string;
+};
+export declare const fontFamilyClasses: {
+    sans: string;
+    serif: string;
+    mono: string;
+};
+export declare const textDecorationClasses: {
+    underline: string;
+    lineThrough: string;
+    noUnderline: string;
+    overline: string;
+};
+export declare const textTransformClasses: {
+    uppercase: string;
+    lowercase: string;
+    capitalize: string;
+    normalCase: string;
+};
+export declare const textAppearanceClasses: {
+    default: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    muted: string;
+    link: string;
+    accent: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+};

package/dist/components/ui/divider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BaseComponentProps } from "./props";
+export declare const Divider: React.FC<BaseComponentProps>;

package/dist/components/ui/layout.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { GridProps, LayoutComponentProps, ColProps, RowProps } from "./props";
+export declare const Section: React.FC<LayoutComponentProps>;
+export declare const Container: React.FC<LayoutComponentProps>;
+export declare const Col: React.FC<ColProps>;
+export declare const Row: React.FC<RowProps>;
+export declare const Grid3: React.FC<GridProps>;
+export declare const Grid4: React.FC<GridProps>;

package/dist/components/ui/props.d.ts

@@ -0,0 +1,106 @@
+export interface SizeProps {
+    xs?: boolean;
+    sm?: boolean;
+    md?: boolean;
+    lg?: boolean;
+    xl?: boolean;
+}
+export interface FontFamilyProps {
+    sans?: boolean;
+    serif?: boolean;
+    mono?: boolean;
+}
+export interface FontWeightProps {
+    thin?: boolean;
+    extralight?: boolean;
+    light?: boolean;
+    normal?: boolean;
+    medium?: boolean;
+    semibold?: boolean;
+    bold?: boolean;
+    extrabold?: boolean;
+    black?: boolean;
+}
+export interface FontStyleProps {
+    italic?: boolean;
+    notItalic?: boolean;
+}
+export interface TextDecorationProps {
+    underline?: boolean;
+    lineThrough?: boolean;
+    noUnderline?: boolean;
+    overline?: boolean;
+}
+export interface TextTransformProps {
+    uppercase?: boolean;
+    lowercase?: boolean;
+    capitalize?: boolean;
+    normalCase?: boolean;
+}
+export interface TextAppearanceProps {
+    muted?: boolean;
+    link?: boolean;
+}
+export interface CommonAppearanceProps {
+    default?: boolean;
+    accent?: boolean;
+    primary?: boolean;
+    secondary?: boolean;
+    tertiary?: boolean;
+    success?: boolean;
+    danger?: boolean;
+    warning?: boolean;
+    info?: boolean;
+}
+export interface BreakpointProps {
+    xsCol?: boolean;
+    smCol?: boolean;
+    mdCol?: boolean;
+    lgCol?: boolean;
+    xlCol?: boolean;
+}
+export interface HideProps {
+    xsHide?: boolean;
+    smHide?: boolean;
+    mdHide?: boolean;
+    lgHide?: boolean;
+    xlHide?: boolean;
+}
+export interface PositionProps {
+    relative?: boolean;
+    absolute?: boolean;
+    fixed?: boolean;
+    sticky?: boolean;
+    static?: boolean;
+}
+export interface TagProps {
+    tag?: React.ElementType | string;
+}
+export interface ReverseProps {
+    reverse?: boolean;
+}
+export interface GapProps {
+    noGap?: boolean;
+}
+export interface CenteredProps {
+    centered?: boolean;
+    vCentered?: boolean;
+    hCentered?: boolean;
+}
+export interface JustifyProps {
+    justifyStart?: boolean;
+    justifyEnd?: boolean;
+    justifyCenter?: boolean;
+    justifyBetween?: boolean;
+    justifyAround?: boolean;
+    justifyEvenly?: boolean;
+    justifyStretch?: boolean;
+    justifyBaseline?: boolean;
+}
+export type BaseComponentProps = TagProps & Partial<SizeProps & HideProps & PositionProps> & React.HTMLProps<HTMLElement>;
+export type LayoutComponentProps = BaseComponentProps & ReverseProps & CenteredProps;
+export type FontProps = FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAppearanceProps & CommonAppearanceProps;
+export type TypographyComponentProps = BaseComponentProps & FontProps;
+export type GridProps = BaseComponentProps & GapProps;
+export type RowProps = BaseComponentProps & GapProps & ReverseProps & CenteredProps & BreakpointProps & JustifyProps;
+export type ColProps = BaseComponentProps & GapProps & ReverseProps & CenteredProps;

package/dist/components/ui/settings.d.ts

@@ -0,0 +1,30 @@
+import { CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, TextAppearanceProps, TextDecorationProps, TextTransformProps } from "./props";
+export type CommonAppearanceSettings = {
+    [key in keyof CommonAppearanceProps]: boolean;
+};
+export type FontFamilySettings = {
+    [key in keyof FontFamilyProps]: boolean;
+};
+export type FontWeightSettings = {
+    [key in keyof FontWeightProps]: boolean;
+};
+export type FontStyleSettings = {
+    [key in keyof FontStyleProps]: boolean;
+};
+export type TextAppearanceSettings = {
+    [key in keyof TextAppearanceProps & CommonAppearanceProps]: boolean;
+};
+export type TextDecorationSettings = {
+    [key in keyof TextDecorationProps]: boolean;
+};
+export type TextTransformSettings = {
+    [key in keyof TextTransformProps]: boolean;
+};
+export type TypographySettings = {
+    fontFamily?: FontFamilySettings;
+    fontWeight?: FontWeightSettings;
+    fontStyle?: FontStyleSettings;
+    textAppearance?: TextAppearanceSettings;
+    textDecoration?: TextDecorationSettings;
+    textTransform?: TextTransformSettings;
+};

package/dist/components/ui/typography.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TypographyComponentProps } from "./props";
+export declare const PageTitle: React.FC<TypographyComponentProps>;
+export declare const SectionTitle: React.FC<TypographyComponentProps>;
+export declare const Title: React.FC<TypographyComponentProps>;
+export declare const Text: React.FC<TypographyComponentProps>;
+export declare const Link: React.FC<TypographyComponentProps>;
+export declare const ListItem: React.FC<TypographyComponentProps>;
+export declare const List: React.FC<TypographyComponentProps>;

package/dist/components/ui/utils.d.ts

@@ -0,0 +1,23 @@
+import { BaseComponentProps, BreakpointProps, CenteredProps, CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, GapProps, HideProps, PositionProps, ReverseProps, TextAppearanceProps, TextDecorationProps, TextTransformProps, SizeProps } from "./props";
+import { CommonAppearanceSettings, FontFamilySettings, FontStyleSettings, FontWeightSettings, TextAppearanceSettings, TextDecorationSettings, TextTransformSettings, TypographySettings } from "./settings";
+export declare function componentBuilder(baseProps: BaseComponentProps, defaultTag: string, baseClasses?: string): {
+    withBooleanProps: <T extends Record<string, string>>(propMap: Record<keyof T, string>, fallbackKey?: keyof T, settings?: {
+        [key: string]: boolean;
+    }) => /*elided*/ any;
+    withSizes: (sizeMap: Record<keyof SizeProps, string>) => /*elided*/ any;
+    withBreakpoints: (breakpointMap: Record<keyof BreakpointProps, string>) => /*elided*/ any;
+    withReverse: (reverseMap: Record<keyof ReverseProps, string>) => /*elided*/ any;
+    withCentered: (centeredMap: Record<keyof CenteredProps, string>) => /*elided*/ any;
+    withHide: (hideMap: Record<keyof HideProps, string>) => /*elided*/ any;
+    withPosition: (positionMap: Record<keyof PositionProps, string>) => /*elided*/ any;
+    withFontWeight: (fontWeight: Record<keyof FontWeightProps, string>, settings: FontWeightSettings) => /*elided*/ any;
+    withFontStyle: (fontStyle: Record<keyof FontStyleProps, string>, settings: FontStyleSettings) => /*elided*/ any;
+    withFontFamily: (fontFamily: Record<keyof FontFamilyProps, string>, settings: FontFamilySettings) => /*elided*/ any;
+    withTextDecoration: (textDecoration: Record<keyof TextDecorationProps, string>, settings: TextDecorationSettings) => /*elided*/ any;
+    withTextTransform: (textTransform: Record<keyof TextTransformProps, string>, settings: TextTransformSettings) => /*elided*/ any;
+    withTextAppearance: (appearance: Record<keyof TextAppearanceProps & CommonAppearanceProps, string>, settings: TextAppearanceSettings) => /*elided*/ any;
+    withGaps: (gapMap: Record<keyof GapProps, string>, sizeMap: Record<keyof SizeProps, string>) => /*elided*/ any;
+    withTypography: (settings: TypographySettings) => /*elided*/ any;
+    withAppearance: (appearance: Record<keyof CommonAppearanceProps, string>, settings: CommonAppearanceSettings) => /*elided*/ any;
+    build(): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { Button } from "./components/ui/button";
+export { Badge } from "./components/ui/badge";
+export { Divider } from "./components/ui/divider";
+export { Chip } from "./components/ui/chip";
+export { Section, Container, Col, Row, Grid3, Grid4 } from "./components/ui/layout";
+export { Text, Title, Link, List, ListItem, SectionTitle, PageTitle } from "./components/ui/typography";