@beaubrain/web-design-system 0.1.0 → 0.1.2

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1,67 @@
+import { GetPropDefTypes } from '../../core/defs';
+import { ComponentPropsWithout, DefaultRemovedProps } from '../../core/react';
+import { SpinnerPropDefs } from './spinner.defs';
+import * as React from 'react';
+type SpinnerPropDefs = GetPropDefTypes<typeof SpinnerPropDefs>;
+type SpinnerProps = ComponentPropsWithout<'span', DefaultRemovedProps> & SpinnerPropDefs;
+declare const Spinner: React.ForwardRefExoticComponent<ComponentPropsWithout<"span", DefaultRemovedProps> & GetPropDefTypes<{
+    m: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--m"[];
+    };
+    mx: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--ml" | "--mr")[];
+    };
+    my: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--mt" | "--mb")[];
+    };
+    mt: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mt"[];
+    };
+    mr: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mr"[];
+    };
+    mb: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mb"[];
+    };
+    ml: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--ml"[];
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3"];
+        default: "2";
+    };
+    loading: {
+        type: "boolean";
+        default: true;
+    };
+    color: {
+        type: "enum";
+        className: string;
+        values: readonly ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"];
+    };
+}> & React.RefAttributes<HTMLSpanElement>>;
+export default Spinner;
+export type { SpinnerProps };

package/dist/components/Spinner/spinner.defs.d.ts

@@ -0,0 +1,60 @@
+declare const SpinnerPropDefs: {
+    m: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--m"[];
+    };
+    mx: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--ml" | "--mr")[];
+    };
+    my: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--mt" | "--mb")[];
+    };
+    mt: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mt"[];
+    };
+    mr: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mr"[];
+    };
+    mb: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mb"[];
+    };
+    ml: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--ml"[];
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3"];
+        default: "2";
+    };
+    loading: {
+        type: "boolean";
+        default: true;
+    };
+    color: {
+        type: "enum";
+        className: string;
+        values: readonly ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"];
+    };
+};
+export { SpinnerPropDefs };

package/dist/components/Text/index.d.ts

@@ -0,0 +1,21 @@
+import { ComponentPropsWithout, DefaultRemovedProps } from '../../core/react';
+import { GetPropDefTypes } from '../../core/defs';
+import { TextPropDefs } from './text.defs';
+import * as React from 'react';
+type TextPropDefs = GetPropDefTypes<typeof TextPropDefs>;
+type TextSpanProps = {
+    as?: 'span';
+} & ComponentPropsWithout<'span', DefaultRemovedProps>;
+type TextDivProps = {
+    as: 'div';
+} & ComponentPropsWithout<'div', DefaultRemovedProps>;
+type TextLabelProps = {
+    as: 'label';
+} & ComponentPropsWithout<'label', DefaultRemovedProps>;
+type TextPProps = {
+    as: 'p';
+} & ComponentPropsWithout<'p', DefaultRemovedProps>;
+type TextProps = TextPropDefs & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps);
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+export default Text;
+export type { TextProps };

package/dist/components/Text/text.defs.d.ts

@@ -0,0 +1,93 @@
+declare const as: readonly ["span", "div", "label", "p"];
+declare const sizes: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
+declare const TextPropDefs: {
+    color: {
+        type: "enum | string";
+        values: readonly ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"];
+        className: string;
+        customProperties: "--color"[];
+        default: ("gray50" | "gray100" | "gray200" | "gray300" | "gray400" | "gray500" | "gray600" | "gray700" | "gray800" | "gray900" | "gray1000" | "gray1100" | "gray1200" | "gray1300" | "gray1400" | "gray1500" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "blue1000" | "blue1100" | "blue1200" | "blue1300" | "blue1400" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "green1000" | "green1100" | "green1200" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "red1000" | "red1100") | undefined;
+    };
+    trim: {
+        type: "enum";
+        className: string;
+        values: readonly ["normal", "start", "end", "both"];
+        default: "normal";
+    };
+    truncate: {
+        type: "boolean";
+        className: string;
+    };
+    weight: {
+        type: "enum";
+        values: readonly ["light", "regular", "medium", "semibold", "bold"];
+        className: string;
+    };
+    wrap: {
+        type: "enum";
+        className: string;
+        values: readonly ["wrap", "nowrap", "pretty", "balance"];
+    };
+    align: {
+        type: "enum";
+        values: readonly ["left", "center", "right"];
+        className: string;
+    };
+    m: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--m"[];
+    };
+    mx: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--ml" | "--mr")[];
+    };
+    my: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--mt" | "--mb")[];
+    };
+    mt: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mt"[];
+    };
+    mr: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mr"[];
+    };
+    mb: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mb"[];
+    };
+    ml: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--ml"[];
+    };
+    asChild: {
+        type: "boolean";
+    };
+    size: {
+        type: "enum | string";
+        className: string;
+        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
+        customProperties: "--size"[];
+    };
+    as: {
+        type: "enum";
+        values: readonly ["span", "div", "label", "p"];
+        default: "span";
+    };
+};
+export { TextPropDefs, as as textAs, sizes as textSizes };

package/dist/components/VisuallyHidden/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+declare const VISUALLY_HIDDEN_STYLES: Readonly<{
+    position: "absolute";
+    border: 0;
+    width: 1;
+    height: 1;
+    padding: 0;
+    margin: -1;
+    overflow: "hidden";
+    clip: "rect(0, 0, 0, 0)";
+    whiteSpace: "nowrap";
+    wordWrap: "normal";
+}>;
+declare const VisuallyHidden: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { VisuallyHidden, VISUALLY_HIDDEN_STYLES };

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Text, type TextProps } from './Text/index.js';
+export { default as Flex, type FlexProps } from './Flex/index.js';
+export { default as Button, type ButtonProps } from './Button/index.js';
+export { default as Spinner, type SpinnerProps } from './Spinner/index.js';
+export { OutletUI, type OutletProps } from './Outlet/index.js';
+export { Base } from './Base/index.js';
+export { VisuallyHidden, VISUALLY_HIDDEN_STYLES } from './VisuallyHidden/index.js';

package/dist/core/defs/as-child.defs.d.ts

@@ -0,0 +1,6 @@
+declare const asChildPropDef: {
+    asChild: {
+        type: "boolean";
+    };
+};
+export { asChildPropDef };

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

@@ -0,0 +1,20 @@
+declare const colorValues: readonly ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"];
+declare const colorPropDef: {
+    color: {
+        type: "enum | string";
+        values: readonly ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"];
+        className: string;
+        customProperties: "--color"[];
+        default: (typeof colorValues)[number] | undefined;
+    };
+};
+declare const borderColorPropDef: {
+    borderColor: {
+        type: "enum | string";
+        values: readonly ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"];
+        className: string;
+        customProperties: "--border-color"[];
+        default: (typeof colorValues)[number] | undefined;
+    };
+};
+export { colorPropDef, borderColorPropDef, colorValues as baseColorValues };

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

@@ -0,0 +1,22 @@
+declare const gapValues: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+declare const gapPropDefs: {
+    gap: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--gap"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+    };
+    gapX: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--col-gap"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+    };
+    gapY: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--row-gap"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
+    };
+};
+export { gapPropDefs, gapValues };

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

@@ -0,0 +1,21 @@
+import { GetPropDefTypes } from './prop-defs';
+declare const heightPropDefs: {
+    height: {
+        type: "string";
+        className: string;
+        customProperties: "--height"[];
+    };
+    minHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--min-height"[];
+    };
+    maxHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--max-height"[];
+    };
+};
+type HeightPropDefs = GetPropDefTypes<typeof heightPropDefs>;
+export { heightPropDefs };
+export type { HeightPropDefs };

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

@@ -0,0 +1,15 @@
+export * from './prop-defs';
+export * from './as-child.defs';
+export * from './color.defs';
+export * from './layout.defs';
+export * from './width.defs';
+export * from './height.defs';
+export * from './margin.defs';
+export * from './padding.defs';
+export * from './text-align.defs';
+export * from './text-wrap.defs';
+export * from './weight.defs';
+export * from './truncate.defs';
+export * from './leading-trim.defs';
+export * from './radius.defs';
+export * from './gap.defs';

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

@@ -0,0 +1,194 @@
+declare const positionValues: readonly ["static", "relative", "absolute", "fixed", "sticky"];
+declare const overflowValues: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+declare const positionEdgeValues: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+declare const flexShrinkValues: readonly ["0", "1"];
+declare const flexGrowValues: readonly ["0", "1"];
+declare const alignSelfValues: readonly ["start", "center", "end", "baseline", "stretch"];
+declare const justifySelfValues: readonly ["start", "center", "end", "baseline", "stretch"];
+declare const layoutPropDefs: {
+    position: {
+        type: "enum";
+        className: string;
+        values: readonly ["static", "relative", "absolute", "fixed", "sticky"];
+    };
+    inset: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--inset"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    top: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--top"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    right: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--right"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    bottom: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--bottom"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    left: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--left"[];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+    };
+    overflow: {
+        type: "enum";
+        className: string;
+        values: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+    };
+    overflowX: {
+        type: "enum";
+        className: string;
+        values: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+    };
+    overflowY: {
+        type: "enum";
+        className: string;
+        values: readonly ["visible", "hidden", "clip", "scroll", "auto"];
+    };
+    flexBasis: {
+        type: "string";
+        className: string;
+        customProperties: "--flex-basis"[];
+    };
+    flexShrink: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--flex-shrink"[];
+        values: readonly ["0", "1"];
+    };
+    flexGrow: {
+        type: "enum | string";
+        className: string;
+        customProperties: "--flex-grow"[];
+        values: readonly ["0", "1"];
+    };
+    gridArea: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-area"[];
+    };
+    gridColumn: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-column"[];
+    };
+    gridColumnStart: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-column-start"[];
+    };
+    gridColumnEnd: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-column-end"[];
+    };
+    gridRow: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-row"[];
+    };
+    gridRowStart: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-row-start"[];
+    };
+    gridRowEnd: {
+        type: "string";
+        className: string;
+        customProperties: "--grid-row-end"[];
+    };
+    alignSelf: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+    };
+    justifySelf: {
+        type: "enum";
+        className: string;
+        values: readonly ["start", "center", "end", "baseline", "stretch"];
+    };
+    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"[];
+    };
+    height: {
+        type: "string";
+        className: string;
+        customProperties: "--height"[];
+    };
+    minHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--min-height"[];
+    };
+    maxHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--max-height"[];
+    };
+    width: {
+        type: "string";
+        className: string;
+        customProperties: "--width"[];
+    };
+    minWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--min-width"[];
+    };
+    maxWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--max-width"[];
+    };
+};
+export { layoutPropDefs, positionValues, overflowValues, positionEdgeValues, flexShrinkValues, flexGrowValues, alignSelfValues, justifySelfValues, };

package/dist/core/defs/leading-trim.defs.d.ts

@@ -0,0 +1,9 @@
+declare const leadingTrimPropDef: {
+    trim: {
+        type: "enum";
+        className: string;
+        values: readonly ["normal", "start", "end", "both"];
+        default: "normal";
+    };
+};
+export { leadingTrimPropDef };

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

@@ -0,0 +1,48 @@
+import { GetPropDefTypes } from './prop-defs';
+declare const marginPropDefs: {
+    m: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--m"[];
+    };
+    mx: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--ml" | "--mr")[];
+    };
+    my: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: ("--mt" | "--mb")[];
+    };
+    mt: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mt"[];
+    };
+    mr: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mr"[];
+    };
+    mb: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--mb"[];
+    };
+    ml: {
+        type: "enum | string";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"];
+        className: string;
+        customProperties: "--ml"[];
+    };
+};
+type MarginPropDefs = GetPropDefTypes<typeof marginPropDefs>;
+export { marginPropDefs };
+export type { MarginPropDefs };