@beaubrain/web-design-system 0.1.0 → 0.1.2

package/dist/core/defs/padding.defs.d.ts

@@ -0,0 +1,49 @@
+import { GetPropDefTypes } from './prop-defs';
+declare const paddingValues: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+declare const paddingPropDefs: {
+    p: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--p"[];
+    };
+    px: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--px"[];
+    };
+    py: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--py"[];
+    };
+    pt: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--pt"[];
+    };
+    pr: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--pr"[];
+    };
+    pb: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--pb"[];
+    };
+    pl: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+        className: string;
+        customProperties: "--pl"[];
+    };
+};
+type PaddingPropDefs = GetPropDefTypes<typeof paddingPropDefs>;
+export { paddingPropDefs, paddingValues };
+export type { PaddingPropDefs };

package/dist/core/defs/prop-defs.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
+type ReactNodePropDef = {
+    type: 'ReactNode';
+    default?: React.ReactNode;
+    required?: boolean;
+};
+type BooleanPropDef = {
+    type: 'boolean';
+    default?: boolean;
+    required?: boolean;
+    className?: string;
+};
+type StringPropDef = {
+    type: 'string';
+    default?: string;
+    required?: boolean;
+};
+type EnumPropDef<T> = {
+    type: 'enum';
+    values: readonly T[];
+    default?: T;
+    required?: boolean;
+};
+type EnumOrStringPropDef<T> = {
+    type: 'enum | string';
+    values: readonly T[];
+    default?: T | string;
+    required?: boolean;
+};
+type NonStylingPropDef = {
+    className?: never;
+    customProperties?: never;
+    parseValue?: never;
+};
+type StylingPropDef = {
+    className: string;
+    parseValue?: (value: string) => string | undefined;
+};
+type CustomStylingPropDef = {
+    className: string;
+    customProperties: `--${string}`[];
+    parseValue?: (value: string) => string | undefined;
+};
+type PropDef<T = any> = ReactNodePropDef | BooleanPropDef | (StringPropDef & NonStylingPropDef) | (StringPropDef & CustomStylingPropDef) | (EnumPropDef<T> & StylingPropDef) | (EnumPropDef<T> & NonStylingPropDef) | (EnumOrStringPropDef<T> & CustomStylingPropDef) | (EnumOrStringPropDef<T> & NonStylingPropDef);
+type GetPropDefType<Def> = Def extends ReactNodePropDef ? React.ReactNode : Def extends BooleanPropDef ? boolean : Def extends StringPropDef ? string : Def extends EnumPropDef<infer Type> ? Type : Def extends EnumOrStringPropDef<infer Type> ? Type extends string ? Union<string, Type> : Type : never;
+type GetPropDefTypes<P> = {
+    [K in keyof P]?: GetPropDefType<P[K]>;
+};
+type PropDefsWithClassName<T> = T extends Record<string, PropDef> ? {
+    [K in keyof T]: T[K] extends {
+        className: string;
+    } ? K : never;
+}[keyof T] : never;
+export type { Union, PropDef, GetPropDefTypes, PropDefsWithClassName };

package/dist/core/defs/radius.defs.d.ts

@@ -0,0 +1,14 @@
+import { GetPropDefTypes } from './prop-defs';
+declare const radii: readonly ["none", "s", "m", "l", "full"];
+declare const radiusPropDef: {
+    radius: {
+        type: "enum | string";
+        values: readonly ["none", "s", "m", "l", "full"];
+        default: undefined;
+        className: string;
+        customProperties: "--radius"[];
+    };
+};
+type RadiusPropDef = GetPropDefTypes<typeof radiusPropDef>;
+export { radiusPropDef, radii };
+export type { RadiusPropDef };

package/dist/core/defs/text-align.defs.d.ts

@@ -0,0 +1,8 @@
+declare const textAlignPropDef: {
+    align: {
+        type: "enum";
+        values: readonly ["left", "center", "right"];
+        className: string;
+    };
+};
+export { textAlignPropDef };

package/dist/core/defs/text-wrap.defs.d.ts

@@ -0,0 +1,8 @@
+declare const textWrapPropDef: {
+    wrap: {
+        type: "enum";
+        className: string;
+        values: readonly ["wrap", "nowrap", "pretty", "balance"];
+    };
+};
+export { textWrapPropDef };

package/dist/core/defs/truncate.defs.d.ts

@@ -0,0 +1,7 @@
+declare const truncatePropDef: {
+    truncate: {
+        type: "boolean";
+        className: string;
+    };
+};
+export { truncatePropDef };

package/dist/core/defs/weight.defs.d.ts

@@ -0,0 +1,8 @@
+declare const weightPropDef: {
+    weight: {
+        type: "enum";
+        values: readonly ["light", "regular", "medium", "semibold", "bold"];
+        className: string;
+    };
+};
+export { weightPropDef };

package/dist/core/defs/width.defs.d.ts

@@ -0,0 +1,21 @@
+import { GetPropDefTypes } from './prop-defs';
+declare const widthPropDefs: {
+    width: {
+        type: "string";
+        className: string;
+        customProperties: "--width"[];
+    };
+    minWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--min-width"[];
+    };
+    maxWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--max-width"[];
+    };
+};
+type WidthPropDefs = GetPropDefTypes<typeof widthPropDefs>;
+export { widthPropDefs };
+export type { WidthPropDefs };

package/dist/core/react/component-props.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
+type DefaultRemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
+export type { ComponentPropsWithout, DefaultRemovedProps };

package/dist/core/react/extract-props.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { PropDef, PropDefsWithClassName } from '../defs/prop-defs';
+declare const extractProps: <P extends {
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}, T extends Record<string, PropDef>[]>(props: P, ...propDefs: T) => Omit<P & {
+    className?: string;
+    style?: React.CSSProperties;
+}, PropDefsWithClassName<T[number]>>;
+export { extractProps };

package/dist/core/react/get-styles.d.ts

@@ -0,0 +1,18 @@
+import { Union } from '../defs/prop-defs';
+interface GetStylesOptions {
+    className: string;
+    customProperties: `--${string}`[];
+    value: Union | string | undefined;
+    propValues: string[] | readonly string[];
+    parseValue?: (value: string) => string | undefined;
+}
+declare const getStyles: ({ className, customProperties, ...args }: GetStylesOptions) => readonly [string | undefined, Record<string, string | undefined> | undefined];
+interface GetClassNamesOptions {
+    allowCustomValues?: boolean;
+    className: string;
+    value: Union | string | undefined;
+    propValues: string[] | readonly string[];
+    parseValue?: (value: string) => string | undefined;
+}
+declare const getClassNames: ({ allowCustomValues, className, value, propValues, parseValue, }: GetClassNamesOptions) => string | undefined;
+export { getClassNames, getStyles };

package/dist/core/react/index.d.ts

@@ -0,0 +1,4 @@
+export * from './props';
+export * from './ref';
+export * from './extract-props';
+export * from './component-props';

package/dist/core/react/merge-styles.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+type InlineStyle = React.CSSProperties | Record<string, string | number | null | undefined> | undefined;
+declare const mergeStyles: (...styles: Array<InlineStyle>) => InlineStyle;
+export { mergeStyles };
+export type { InlineStyle };

package/dist/core/react/props.d.ts

@@ -0,0 +1,6 @@
+type AnyProps = Record<string, any>;
+declare const mergeProps: (parentProps: AnyProps, childProps: AnyProps) => {
+    [x: string]: any;
+};
+export { mergeProps };
+export type { AnyProps };

package/dist/core/react/ref.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+type PossibleRef<T> = React.Ref<T> | undefined;
+declare const composeRefs: <T>(...refs: PossibleRef<T>[]) => React.RefCallback<T>;
+declare const getElementRef: (element: React.ReactElement) => any;
+export { composeRefs, getElementRef };

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components/index.js';