@marigold/system 15.2.0 → 15.3.0

package/dist/index.d.mts

@@ -308,614 +308,628 @@ declare const defaultTheme: {
 };
 
 declare const width: {
-    auto: string;
-    full: string;
-    fit: string;
-    min: string;
-    max: string;
-    screen: string;
-    svh: string;
-    lvh: string;
-    dvh: string;
-    px: string;
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
-    '1/2': string;
-    '1/3': string;
-    '2/3': string;
-    '1/4': string;
-    '2/4': string;
-    '3/4': string;
-    '1/5': string;
-    '2/5': string;
-    '3/5': string;
-    '1/6': string;
-    '2/6': string;
-    '3/6': string;
-    '4/6': string;
-    '5/6': string;
-    '1/12': string;
-    '2/12': string;
-    '3/12': string;
-    '4/12': string;
-    '5/12': string;
-    '6/12': string;
-    '7/12': string;
-    '8/12': string;
-    '9/12': string;
-    '10/12': string;
-    '11/12': string;
+    readonly auto: "w-auto";
+    readonly full: "w-full";
+    readonly fit: "w-fit";
+    readonly min: "w-min";
+    readonly max: "w-max";
+    readonly screen: "w-screen";
+    readonly svh: "w-svh";
+    readonly lvh: "w-lvh";
+    readonly dvh: "w-dvh";
+    readonly px: "w-px";
+    readonly 0: "w-0";
+    readonly '0.5': "w-0.5";
+    readonly 1: "w-1";
+    readonly '1.5': "w-1.5";
+    readonly 2: "w-2";
+    readonly '2.5': "w-2.5";
+    readonly 3: "w-3";
+    readonly '3.5': "w-3.5";
+    readonly 4: "w-4";
+    readonly 5: "w-5";
+    readonly 6: "w-6";
+    readonly 7: "w-7";
+    readonly 8: "w-8";
+    readonly 9: "w-9";
+    readonly 10: "w-10";
+    readonly 11: "w-11";
+    readonly 12: "w-12";
+    readonly 14: "w-14";
+    readonly 16: "w-16";
+    readonly 20: "w-20";
+    readonly 24: "w-24";
+    readonly 28: "w-28";
+    readonly 32: "w-32";
+    readonly 36: "w-36";
+    readonly 40: "w-40";
+    readonly 44: "w-44";
+    readonly 48: "w-48";
+    readonly 52: "w-52";
+    readonly 56: "w-56";
+    readonly 60: "w-60";
+    readonly 64: "w-64";
+    readonly 72: "w-72";
+    readonly 80: "w-80";
+    readonly 96: "w-96";
+    readonly '1/2': "w-1/2";
+    readonly '1/3': "w-1/3";
+    readonly '2/3': "w-2/3";
+    readonly '1/4': "w-1/4";
+    readonly '2/4': "w-2/4";
+    readonly '3/4': "w-3/4";
+    readonly '1/5': "w-1/5";
+    readonly '2/5': "w-2/5";
+    readonly '3/5': "w-3/5";
+    readonly '1/6': "w-1/6";
+    readonly '2/6': "w-2/6";
+    readonly '3/6': "w-3/6";
+    readonly '4/6': "w-4/6";
+    readonly '5/6': "w-5/6";
+    readonly '1/12': "w-1/12";
+    readonly '2/12': "w-2/12";
+    readonly '3/12': "w-3/12";
+    readonly '4/12': "w-4/12";
+    readonly '5/12': "w-5/12";
+    readonly '6/12': "w-6/12";
+    readonly '7/12': "w-7/12";
+    readonly '8/12': "w-8/12";
+    readonly '9/12': "w-9/12";
+    readonly '10/12': "w-10/12";
+    readonly '11/12': "w-11/12";
 };
 declare const maxWidth: {
-    auto: string;
-    full: string;
-    fit: string;
-    min: string;
-    max: string;
-    screen: string;
-    svh: string;
-    lvh: string;
-    dvh: string;
-    px: string;
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
-    '1/2': string;
-    '1/3': string;
-    '2/3': string;
-    '1/4': string;
-    '2/4': string;
-    '3/4': string;
-    '1/5': string;
-    '2/5': string;
-    '3/5': string;
-    '1/6': string;
-    '2/6': string;
-    '3/6': string;
-    '4/6': string;
-    '5/6': string;
-    '1/12': string;
-    '2/12': string;
-    '3/12': string;
-    '4/12': string;
-    '5/12': string;
-    '6/12': string;
-    '7/12': string;
-    '8/12': string;
-    '9/12': string;
-    '10/12': string;
-    '11/12': string;
+    readonly auto: "max-w-auto";
+    readonly full: "max-w-full";
+    readonly fit: "max-w-fit";
+    readonly min: "max-w-min";
+    readonly max: "max-w-max";
+    readonly screen: "max-w-screen";
+    readonly svh: "max-w-svh";
+    readonly lvh: "max-w-lvh";
+    readonly dvh: "max-w-dvh";
+    readonly px: "max-w-px";
+    readonly 0: "max-w-0";
+    readonly '0.5': "max-w-0.5";
+    readonly 1: "max-w-1";
+    readonly '1.5': "max-w-1.5";
+    readonly 2: "max-w-2";
+    readonly '2.5': "max-w-2.5";
+    readonly 3: "max-w-3";
+    readonly '3.5': "max-w-3.5";
+    readonly 4: "max-w-4";
+    readonly 5: "max-w-5";
+    readonly 6: "max-w-6";
+    readonly 7: "max-w-7";
+    readonly 8: "max-w-8";
+    readonly 9: "max-w-9";
+    readonly 10: "max-w-10";
+    readonly 11: "max-w-11";
+    readonly 12: "max-w-12";
+    readonly 14: "max-w-14";
+    readonly 16: "max-w-16";
+    readonly 20: "max-w-20";
+    readonly 24: "max-w-24";
+    readonly 28: "max-w-28";
+    readonly 32: "max-w-32";
+    readonly 36: "max-w-36";
+    readonly 40: "max-w-40";
+    readonly 44: "max-w-44";
+    readonly 48: "max-w-48";
+    readonly 52: "max-w-52";
+    readonly 56: "max-w-56";
+    readonly 60: "max-w-60";
+    readonly 64: "max-w-64";
+    readonly 72: "max-w-72";
+    readonly 80: "max-w-80";
+    readonly 96: "max-w-96";
+    readonly '1/2': "max-w-1/2";
+    readonly '1/3': "max-w-1/3";
+    readonly '2/3': "max-w-2/3";
+    readonly '1/4': "max-w-1/4";
+    readonly '2/4': "max-w-2/4";
+    readonly '3/4': "max-w-3/4";
+    readonly '1/5': "max-w-1/5";
+    readonly '2/5': "max-w-2/5";
+    readonly '3/5': "max-w-3/5";
+    readonly '1/6': "max-w-1/6";
+    readonly '2/6': "max-w-2/6";
+    readonly '3/6': "max-w-3/6";
+    readonly '4/6': "max-w-4/6";
+    readonly '5/6': "max-w-5/6";
+    readonly '1/12': "max-w-1/12";
+    readonly '2/12': "max-w-2/12";
+    readonly '3/12': "max-w-3/12";
+    readonly '4/12': "max-w-4/12";
+    readonly '5/12': "max-w-5/12";
+    readonly '6/12': "max-w-6/12";
+    readonly '7/12': "max-w-7/12";
+    readonly '8/12': "max-w-8/12";
+    readonly '9/12': "max-w-9/12";
+    readonly '10/12': "max-w-10/12";
+    readonly '11/12': "max-w-11/12";
 };
 declare const height: {
-    auto: string;
-    full: string;
-    fit: string;
-    min: string;
-    max: string;
-    screen: string;
-    svh: string;
-    lvh: string;
-    dvh: string;
-    px: string;
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
-    '1/2': string;
-    '1/3': string;
-    '2/3': string;
-    '1/4': string;
-    '2/4': string;
-    '3/4': string;
-    '1/5': string;
-    '2/5': string;
-    '3/5': string;
-    '1/6': string;
-    '2/6': string;
-    '3/6': string;
-    '4/6': string;
-    '5/6': string;
-    '1/12': string;
-    '2/12': string;
-    '3/12': string;
-    '4/12': string;
-    '5/12': string;
-    '6/12': string;
-    '7/12': string;
-    '8/12': string;
-    '9/12': string;
-    '10/12': string;
-    '11/12': string;
+    readonly auto: "h-auto";
+    readonly full: "h-full";
+    readonly fit: "h-fit";
+    readonly min: "h-min";
+    readonly max: "h-max";
+    readonly screen: "h-screen";
+    readonly svh: "h-svh";
+    readonly lvh: "h-lvh";
+    readonly dvh: "h-dvh";
+    readonly px: "h-px";
+    readonly 0: "h-0";
+    readonly '0.5': "h-0.5";
+    readonly 1: "h-1";
+    readonly '1.5': "h-1.5";
+    readonly 2: "h-2";
+    readonly '2.5': "h-2.5";
+    readonly 3: "h-3";
+    readonly '3.5': "h-3.5";
+    readonly 4: "h-4";
+    readonly 5: "h-5";
+    readonly 6: "h-6";
+    readonly 7: "h-7";
+    readonly 8: "h-8";
+    readonly 9: "h-9";
+    readonly 10: "h-10";
+    readonly 11: "h-11";
+    readonly 12: "h-12";
+    readonly 14: "h-14";
+    readonly 16: "h-16";
+    readonly 20: "h-20";
+    readonly 24: "h-24";
+    readonly 28: "h-28";
+    readonly 32: "h-32";
+    readonly 36: "h-36";
+    readonly 40: "h-40";
+    readonly 44: "h-44";
+    readonly 48: "h-48";
+    readonly 52: "h-52";
+    readonly 56: "h-56";
+    readonly 60: "h-60";
+    readonly 64: "h-64";
+    readonly 72: "h-72";
+    readonly 80: "h-80";
+    readonly 96: "h-96";
+    readonly '1/2': "h-1/2";
+    readonly '1/3': "h-1/3";
+    readonly '2/3': "h-2/3";
+    readonly '1/4': "h-1/4";
+    readonly '2/4': "h-2/4";
+    readonly '3/4': "h-3/4";
+    readonly '1/5': "h-1/5";
+    readonly '2/5': "h-2/5";
+    readonly '3/5': "h-3/5";
+    readonly '1/6': "h-1/6";
+    readonly '2/6': "h-2/6";
+    readonly '3/6': "h-3/6";
+    readonly '4/6': "h-4/6";
+    readonly '5/6': "h-5/6";
+    readonly '1/12': "h-1/12";
+    readonly '2/12': "h-2/12";
+    readonly '3/12': "h-3/12";
+    readonly '4/12': "h-4/12";
+    readonly '5/12': "h-5/12";
+    readonly '6/12': "h-6/12";
+    readonly '7/12': "h-7/12";
+    readonly '8/12': "h-8/12";
+    readonly '9/12': "h-9/12";
+    readonly '10/12': "h-10/12";
+    readonly '11/12': "h-11/12";
 };
 declare const fontWeight: {
-    thin: string;
-    extralight: string;
-    light: string;
-    regular: string;
-    medium: string;
-    semibold: string;
-    bold: string;
-    extrabold: string;
-    black: string;
+    readonly thin: "font-thin";
+    readonly extralight: "font-extralight";
+    readonly light: "font-light";
+    readonly regular: "font-normal";
+    readonly medium: "font-medium";
+    readonly semibold: "font-semibold";
+    readonly bold: "font-bold";
+    readonly extrabold: "font-extrabold";
+    readonly black: "font-black";
 };
 declare const textSize: {
-    xs: string;
-    sm: string;
-    base: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    '3xl': string;
-    '4xl': string;
-    '5xl': string;
-    '6xl': string;
-    '7xl': string;
-    '8xl': string;
-    '9xl': string;
+    readonly xs: "text-xs";
+    readonly sm: "text-sm";
+    readonly base: "text-base";
+    readonly lg: "text-lg";
+    readonly xl: "text-xl";
+    readonly '2xl': "text-2xl";
+    readonly '3xl': "text-3xl";
+    readonly '4xl': "text-4xl";
+    readonly '5xl': "text-5xl";
+    readonly '6xl': "text-6xl";
+    readonly '7xl': "text-7xl";
+    readonly '8xl': "text-8xl";
+    readonly '9xl': "text-9xl";
 };
 declare const textStyle: {
-    italic: string;
-    normal: string;
+    readonly italic: "italic";
+    readonly normal: "not-italic";
 };
 declare const textWrap: {
-    wrap: string;
-    noWrap: string;
-    balance: string;
-    pretty: string;
+    readonly wrap: "text-wrap";
+    readonly noWrap: "text-nowrap";
+    readonly balance: "text-balance";
+    readonly pretty: "text-pretty";
+};
+declare const whiteSpace: {
+    normal: string;
+    nowrap: string;
+    pre: string;
+    preLine: string;
+    preWrap: string;
+    breakSpaces: string;
 };
 declare const gapSpace: {
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    readonly 0: "gap-0";
+    readonly '0.5': "gap-0.5";
+    readonly 1: "gap-1";
+    readonly '1.5': "gap-1.5";
+    readonly 2: "gap-2";
+    readonly '2.5': "gap-2.5";
+    readonly 3: "gap-3";
+    readonly '3.5': "gap-3.5";
+    readonly 4: "gap-4";
+    readonly 5: "gap-5";
+    readonly 6: "gap-6";
+    readonly 7: "gap-7";
+    readonly 8: "gap-8";
+    readonly 9: "gap-9";
+    readonly 10: "gap-10";
+    readonly 11: "gap-11";
+    readonly 12: "gap-12";
+    readonly 14: "gap-14";
+    readonly 16: "gap-16";
+    readonly 20: "gap-20";
+    readonly 24: "gap-24";
+    readonly 28: "gap-28";
+    readonly 32: "gap-32";
+    readonly 36: "gap-36";
+    readonly 40: "gap-40";
+    readonly 44: "gap-44";
+    readonly 48: "gap-48";
+    readonly 52: "gap-52";
+    readonly 56: "gap-56";
+    readonly 60: "gap-60";
+    readonly 64: "gap-64";
+    readonly 72: "gap-72";
+    readonly 80: "gap-80";
+    readonly 96: "gap-96";
 };
 declare const paddingSpace: {
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    readonly 0: "p-0";
+    readonly '0.5': "p-0.5";
+    readonly 1: "p-1";
+    readonly '1.5': "p-1.5";
+    readonly 2: "p-2";
+    readonly '2.5': "p-2.5";
+    readonly 3: "p-3";
+    readonly '3.5': "p-3.5";
+    readonly 4: "p-4";
+    readonly 5: "p-5";
+    readonly 6: "p-6";
+    readonly 7: "p-7";
+    readonly 8: "p-8";
+    readonly 9: "p-9";
+    readonly 10: "p-10";
+    readonly 11: "p-11";
+    readonly 12: "p-12";
+    readonly 14: "p-14";
+    readonly 16: "p-16";
+    readonly 20: "p-20";
+    readonly 24: "p-24";
+    readonly 28: "p-28";
+    readonly 32: "p-32";
+    readonly 36: "p-36";
+    readonly 40: "p-40";
+    readonly 44: "p-44";
+    readonly 48: "p-48";
+    readonly 52: "p-52";
+    readonly 56: "p-56";
+    readonly 60: "p-60";
+    readonly 64: "p-64";
+    readonly 72: "p-72";
+    readonly 80: "p-80";
+    readonly 96: "p-96";
 };
 declare const paddingSpaceX: {
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    readonly 0: "px-0";
+    readonly '0.5': "px-0.5";
+    readonly 1: "px-1";
+    readonly '1.5': "px-1.5";
+    readonly 2: "px-2";
+    readonly '2.5': "px-2.5";
+    readonly 3: "px-3";
+    readonly '3.5': "px-3.5";
+    readonly 4: "px-4";
+    readonly 5: "px-5";
+    readonly 6: "px-6";
+    readonly 7: "px-7";
+    readonly 8: "px-8";
+    readonly 9: "px-9";
+    readonly 10: "px-10";
+    readonly 11: "px-11";
+    readonly 12: "px-12";
+    readonly 14: "px-14";
+    readonly 16: "px-16";
+    readonly 20: "px-20";
+    readonly 24: "px-24";
+    readonly 28: "px-28";
+    readonly 32: "px-32";
+    readonly 36: "px-36";
+    readonly 40: "px-40";
+    readonly 44: "px-44";
+    readonly 48: "px-48";
+    readonly 52: "px-52";
+    readonly 56: "px-56";
+    readonly 60: "px-60";
+    readonly 64: "px-64";
+    readonly 72: "px-72";
+    readonly 80: "px-80";
+    readonly 96: "px-96";
 };
 declare const paddingSpaceY: {
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    readonly 0: "py-0";
+    readonly '0.5': "py-0.5";
+    readonly 1: "py-1";
+    readonly '1.5': "py-1.5";
+    readonly 2: "py-2";
+    readonly '2.5': "py-2.5";
+    readonly 3: "py-3";
+    readonly '3.5': "py-3.5";
+    readonly 4: "py-4";
+    readonly 5: "py-5";
+    readonly 6: "py-6";
+    readonly 7: "py-7";
+    readonly 8: "py-8";
+    readonly 9: "py-9";
+    readonly 10: "py-10";
+    readonly 11: "py-11";
+    readonly 12: "py-12";
+    readonly 14: "py-14";
+    readonly 16: "py-16";
+    readonly 20: "py-20";
+    readonly 24: "py-24";
+    readonly 28: "py-28";
+    readonly 32: "py-32";
+    readonly 36: "py-36";
+    readonly 40: "py-40";
+    readonly 44: "py-44";
+    readonly 48: "py-48";
+    readonly 52: "py-52";
+    readonly 56: "py-56";
+    readonly 60: "py-60";
+    readonly 64: "py-64";
+    readonly 72: "py-72";
+    readonly 80: "py-80";
+    readonly 96: "py-96";
 };
 declare const paddingRight: {
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    readonly 0: "pr-0";
+    readonly '0.5': "pr-0.5";
+    readonly 1: "pr-1";
+    readonly '1.5': "pr-1.5";
+    readonly 2: "pr-2";
+    readonly '2.5': "pr-2.5";
+    readonly 3: "pr-3";
+    readonly '3.5': "pr-3.5";
+    readonly 4: "pr-4";
+    readonly 5: "pr-5";
+    readonly 6: "pr-6";
+    readonly 7: "pr-7";
+    readonly 8: "pr-8";
+    readonly 9: "pr-9";
+    readonly 10: "pr-10";
+    readonly 11: "pr-11";
+    readonly 12: "pr-12";
+    readonly 14: "pr-14";
+    readonly 16: "pr-16";
+    readonly 20: "pr-20";
+    readonly 24: "pr-24";
+    readonly 28: "pr-28";
+    readonly 32: "pr-32";
+    readonly 36: "pr-36";
+    readonly 40: "pr-40";
+    readonly 44: "pr-44";
+    readonly 48: "pr-48";
+    readonly 52: "pr-52";
+    readonly 56: "pr-56";
+    readonly 60: "pr-60";
+    readonly 64: "pr-64";
+    readonly 72: "pr-72";
+    readonly 80: "pr-80";
+    readonly 96: "pr-96";
 };
 declare const paddingLeft: {
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    readonly 0: "pl-0";
+    readonly '0.5': "pl-0.5";
+    readonly 1: "pl-1";
+    readonly '1.5': "pl-1.5";
+    readonly 2: "pl-2";
+    readonly '2.5': "pl-2.5";
+    readonly 3: "pl-3";
+    readonly '3.5': "pl-3.5";
+    readonly 4: "pl-4";
+    readonly 5: "pl-5";
+    readonly 6: "pl-6";
+    readonly 7: "pl-7";
+    readonly 8: "pl-8";
+    readonly 9: "pl-9";
+    readonly 10: "pl-10";
+    readonly 11: "pl-11";
+    readonly 12: "pl-12";
+    readonly 14: "pl-14";
+    readonly 16: "pl-16";
+    readonly 20: "pl-20";
+    readonly 24: "pl-24";
+    readonly 28: "pl-28";
+    readonly 32: "pl-32";
+    readonly 36: "pl-36";
+    readonly 40: "pl-40";
+    readonly 44: "pl-44";
+    readonly 48: "pl-48";
+    readonly 52: "pl-52";
+    readonly 56: "pl-56";
+    readonly 60: "pl-60";
+    readonly 64: "pl-64";
+    readonly 72: "pl-72";
+    readonly 80: "pl-80";
+    readonly 96: "pl-96";
 };
 declare const paddingTop: {
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    readonly 0: "pt-0";
+    readonly '0.5': "pt-0.5";
+    readonly 1: "pt-1";
+    readonly '1.5': "pt-1.5";
+    readonly 2: "pt-2";
+    readonly '2.5': "pt-2.5";
+    readonly 3: "pt-3";
+    readonly '3.5': "pt-3.5";
+    readonly 4: "pt-4";
+    readonly 5: "pt-5";
+    readonly 6: "pt-6";
+    readonly 7: "pt-7";
+    readonly 8: "pt-8";
+    readonly 9: "pt-9";
+    readonly 10: "pt-10";
+    readonly 11: "pt-11";
+    readonly 12: "pt-12";
+    readonly 14: "pt-14";
+    readonly 16: "pt-16";
+    readonly 20: "pt-20";
+    readonly 24: "pt-24";
+    readonly 28: "pt-28";
+    readonly 32: "pt-32";
+    readonly 36: "pt-36";
+    readonly 40: "pt-40";
+    readonly 44: "pt-44";
+    readonly 48: "pt-48";
+    readonly 52: "pt-52";
+    readonly 56: "pt-56";
+    readonly 60: "pt-60";
+    readonly 64: "pt-64";
+    readonly 72: "pt-72";
+    readonly 80: "pt-80";
+    readonly 96: "pt-96";
 };
 declare const paddingBottom: {
-    0: string;
-    '0.5': string;
-    1: string;
-    '1.5': string;
-    2: string;
-    '2.5': string;
-    3: string;
-    '3.5': string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    readonly 0: "pb-0";
+    readonly '0.5': "pb-0.5";
+    readonly 1: "pb-1";
+    readonly '1.5': "pb-1.5";
+    readonly 2: "pb-2";
+    readonly '2.5': "pb-2.5";
+    readonly 3: "pb-3";
+    readonly '3.5': "pb-3.5";
+    readonly 4: "pb-4";
+    readonly 5: "pb-5";
+    readonly 6: "pb-6";
+    readonly 7: "pb-7";
+    readonly 8: "pb-8";
+    readonly 9: "pb-9";
+    readonly 10: "pb-10";
+    readonly 11: "pb-11";
+    readonly 12: "pb-12";
+    readonly 14: "pb-14";
+    readonly 16: "pb-16";
+    readonly 20: "pb-20";
+    readonly 24: "pb-24";
+    readonly 28: "pb-28";
+    readonly 32: "pb-32";
+    readonly 36: "pb-36";
+    readonly 40: "pb-40";
+    readonly 44: "pb-44";
+    readonly 48: "pb-48";
+    readonly 52: "pb-52";
+    readonly 56: "pb-56";
+    readonly 60: "pb-60";
+    readonly 64: "pb-64";
+    readonly 72: "pb-72";
+    readonly 80: "pb-80";
+    readonly 96: "pb-96";
 };
 declare const alignment: {
-    vertical: {
-        alignmentX: {
-            left: string;
-            center: string;
-            right: string;
+    readonly vertical: {
+        readonly alignmentX: {
+            readonly left: "items-start";
+            readonly center: "items-center";
+            readonly right: "items-end";
         };
-        alignmentY: {
-            top: string;
-            center: string;
-            bottom: string;
+        readonly alignmentY: {
+            readonly top: "justify-start";
+            readonly center: "justify-center";
+            readonly bottom: "justify-end";
+            readonly between: "justify-between";
+            readonly around: "justify-around";
+            readonly evenly: "justify-evenly";
         };
     };
-    horizontal: {
-        alignmentY: {
-            top: string;
-            center: string;
-            bottom: string;
+    readonly horizontal: {
+        readonly alignmentY: {
+            readonly top: "items-start";
+            readonly center: "items-center";
+            readonly bottom: "items-end";
         };
-        alignmentX: {
-            left: string;
-            center: string;
-            right: string;
+        readonly alignmentX: {
+            readonly left: "justify-start";
+            readonly center: "justify-center";
+            readonly right: "justify-end";
+            readonly between: "justify-between";
+            readonly around: "justify-around";
+            readonly evenly: "justify-evenly";
         };
     };
 };
 declare const placeItems: {
-    none: undefined;
-    left: string;
-    center: string;
-    right: string;
+    readonly none: undefined;
+    readonly left: "place-items-start";
+    readonly center: "place-items-center";
+    readonly right: "place-items-end";
 };
 declare const textAlign: {
-    none: undefined;
-    left: string;
-    center: string;
-    right: string;
+    readonly none: undefined;
+    readonly left: "text-left";
+    readonly center: "text-center";
+    readonly right: "text-right";
 };
 declare const aspect: {
-    square: string;
-    landscape: string;
-    portrait: string;
-    widescreen: string;
-    ultrawide: string;
-    golden: string;
+    readonly square: "aspect-[1]";
+    readonly landscape: "aspect-4/3";
+    readonly portrait: "aspect-3/4";
+    readonly widescreen: "aspect-16/9";
+    readonly ultrawide: "aspect-18/5";
+    readonly golden: "aspect-[1.6180/1]";
 };
 declare const cursorStyle: {
-    auto: string;
-    default: string;
-    pointer: string;
-    wait: string;
-    text: string;
-    move: string;
-    help: string;
-    notAllowed: string;
-    none: string;
-    progress: string;
-    cell: string;
-    crosshair: string;
-    vertical: string;
-    alias: string;
-    copy: string;
-    noDrop: string;
-    grap: string;
-    grapping: string;
-    scroll: string;
-    colResize: string;
-    rowResize: string;
-    ewResize: string;
-    nsResize: string;
-    zoomIn: string;
-    zoomOut: string;
+    readonly auto: "cursor-auto";
+    readonly default: "cursor-default";
+    readonly pointer: "cursor-pointer";
+    readonly wait: "cursor-wait";
+    readonly text: "cursor-text";
+    readonly move: "cursor-move";
+    readonly help: "cursor-help";
+    readonly notAllowed: "cursor-not-allowed";
+    readonly none: "cursor-none";
+    readonly progress: "cursor-progress";
+    readonly cell: "cursor-cell";
+    readonly crosshair: "cursor-crosshair";
+    readonly vertical: "cursor-vertical-text";
+    readonly alias: "cursor-alias";
+    readonly copy: "cursor-copy";
+    readonly noDrop: "cursor-no-drop";
+    readonly grap: "cursor-grab";
+    readonly grapping: "cursor-grapping";
+    readonly scroll: "cursor-all-scroll";
+    readonly colResize: "cursor-col-resize";
+    readonly rowResize: "cursor-row-resize";
+    readonly ewResize: "cursor-ew-resize";
+    readonly nsResize: "cursor-ns-resize";
+    readonly zoomIn: "cursor-zoom-in";
+    readonly zoomOut: "cursor-zoom-out";
 };
 type AspectProp = {
     ratio?: keyof typeof aspect;
@@ -950,6 +964,12 @@ type TextWrapProp = {
      */
     wrap?: keyof typeof textWrap;
 };
+type WhiteSpaceProps = {
+    /**
+     * Set how white space inside the element is handled.
+     */
+    whiteSpace?: keyof typeof whiteSpace;
+};
 type FontWeightProp = {
     /**
      * Set the font weight for the text element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#typography).
@@ -1041,4 +1061,4 @@ type HeightProp = {
     height?: keyof typeof height;
 };
 
-export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type TextWrapProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, textWrap, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
+export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type TextWrapProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WhiteSpaceProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, textWrap, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, whiteSpace, width };