@saleor/macaw-ui 1.1.2 → 1.1.4

package/README.md

@@ -112,6 +112,12 @@ You can run build in watch mode (useful for real-time development with e.g Dashb
 pnpm watch
 ```
 
+When you finish woking, you can add new changeset
+
+```sh
+pnpm change:add
+```
+
 ## License
 
 Distributed under the Creative Common Attribution 4.0 International License

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,5 +1,6 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Accordion } from ".";
+import { Accordion } from '.';
+import { Meta, StoryObj } from '@storybook/react';
+
 declare const meta: Meta<typeof Accordion>;
 export default meta;
 type Story = StoryObj<typeof Accordion>;

package/dist/components/Accordion/Item/Content.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
 import { PropsWithBox } from '../../Box';
+import { ReactNode } from 'react';
+
 export type AccordionContentProps = PropsWithBox<{
     children: ReactNode;
 }>;

package/dist/components/Accordion/Item/Item.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
 import { PropsWithBox } from '../../Box';
+import { ReactNode } from 'react';
+
 export type AccordionItemProps = PropsWithBox<{
     children: ReactNode;
     value: string;

package/dist/components/Accordion/Item/Trigger.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-import { PropsWithBox } from "../../Box";
+import { PropsWithBox } from '../../Box';
+import { ReactNode } from 'react';
+
 export type AccordionTriggerProps = PropsWithBox<{
     children: ReactNode;
     buttonDataTestId?: string;

package/dist/components/Accordion/Item/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./Item";
-export * from "./Trigger";
-export * from "./Content";
-export * from "./TriggerButton";
+export * from './Item';
+export * from './Trigger';
+export * from './Content';
+export * from './TriggerButton';

package/dist/components/Accordion/Root.d.ts

@@ -1,12 +1,13 @@
-import { ReactNode } from "react";
-import { PropsWithBox } from "../Box";
+import { PropsWithBox } from '../Box';
+import { ReactNode } from 'react';
+
 export type AccordionRootProps = PropsWithBox<{
     children: ReactNode;
     defaultValue?: string;
     value?: string;
     onValueChange?: (value: string) => void;
 }>;
-export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
+export declare const Root: import('react').ForwardRefExoticComponent<Omit<{
     as?: import("react").ElementType<any> | undefined;
     children?: ReactNode;
     className?: string | undefined;
@@ -377,6 +378,11 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         tablet?: "hidden" | "visible" | undefined;
         desktop?: "hidden" | "visible" | undefined;
     } | undefined;
+    borderCollapse?: "collapse" | {
+        mobile?: "collapse" | undefined;
+        tablet?: "collapse" | undefined;
+        desktop?: "collapse" | undefined;
+    } | undefined;
     padding?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
         mobile?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
         tablet?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
@@ -472,6 +478,136 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+    } | undefined;
+    borderStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderLeftStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderRightStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderTopStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    borderBottomStyle?: "none" | "solid" | {
+        default?: "none" | "solid" | undefined;
+        hover?: "none" | "solid" | undefined;
+        focus?: "none" | "solid" | undefined;
+        focusWithin?: "none" | "solid" | undefined;
+        focusVisible?: "none" | "solid" | undefined;
+        active?: "none" | "solid" | undefined;
+        disabled?: "none" | "solid" | undefined;
+        placeholder?: "none" | "solid" | undefined;
+        firstChild?: "none" | "solid" | undefined;
+        lastChild?: "none" | "solid" | undefined;
+        oddChild?: "none" | "solid" | undefined;
+        evenChild?: "none" | "solid" | undefined;
+    } | undefined;
+    paddingLeft?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingRight?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingTop?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+    } | undefined;
+    paddingBottom?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | {
+        default?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        hover?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focus?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusWithin?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        focusVisible?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        active?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        disabled?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        placeholder?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        firstChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        lastChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        oddChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
+        evenChild?: 0 | "px" | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | undefined;
     } | undefined;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
@@ -482,6 +618,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
         disabled?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
         placeholder?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        firstChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        lastChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        oddChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
+        evenChild?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;
     } | undefined;
     backgroundColor?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
         default?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -492,6 +632,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     pointerEvents?: "none" | "auto" | {
         default?: "none" | "auto" | undefined;
@@ -502,6 +646,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "none" | "auto" | undefined;
         disabled?: "none" | "auto" | undefined;
         placeholder?: "none" | "auto" | undefined;
+        firstChild?: "none" | "auto" | undefined;
+        lastChild?: "none" | "auto" | undefined;
+        oddChild?: "none" | "auto" | undefined;
+        evenChild?: "none" | "auto" | undefined;
     } | undefined;
     cursor?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | {
         default?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
@@ -512,6 +660,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
         disabled?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
         placeholder?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        firstChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        lastChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        oddChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
+        evenChild?: "text" | "auto" | "grabbing" | "not-allowed" | "pointer" | undefined;
     } | undefined;
     boxShadow?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | {
         default?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
@@ -522,6 +674,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
         disabled?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
         placeholder?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        firstChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        lastChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        oddChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
+        evenChild?: "defaultFocused" | "defaultHovered" | "defaultOverlay" | "defaultModal" | "none" | undefined;
     } | undefined;
     transition?: "all" | "ease" | {
         default?: "all" | "ease" | undefined;
@@ -532,6 +688,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "all" | "ease" | undefined;
         disabled?: "all" | "ease" | undefined;
         placeholder?: "all" | "ease" | undefined;
+        firstChild?: "all" | "ease" | undefined;
+        lastChild?: "all" | "ease" | undefined;
+        oddChild?: "all" | "ease" | undefined;
+        evenChild?: "all" | "ease" | undefined;
     } | undefined;
     opacity?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | {
         default?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
@@ -542,6 +702,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
         disabled?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
         placeholder?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        firstChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        lastChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        oddChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
+        evenChild?: "0" | "1" | "0.2" | "0.4" | "0.6" | "0.8" | undefined;
     } | undefined;
     textDecoration?: "none" | "underline" | {
         default?: "none" | "underline" | undefined;
@@ -552,6 +716,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "none" | "underline" | undefined;
         disabled?: "none" | "underline" | undefined;
         placeholder?: "none" | "underline" | undefined;
+        firstChild?: "none" | "underline" | undefined;
+        lastChild?: "none" | "underline" | undefined;
+        oddChild?: "none" | "underline" | undefined;
+        evenChild?: "none" | "underline" | undefined;
     } | undefined;
     transform?: {} | undefined;
     fill?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
@@ -563,6 +731,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "accent1Hovered" | "accent1Pressed" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonCriticalPrimaryFocused" | "buttonCriticalPrimaryHovered" | "buttonCriticalPrimaryPressed" | "buttonDefaultDisabled" | "buttonDefaultPrimary" | "buttonDefaultPrimaryFocused" | "buttonDefaultPrimaryHovered" | "buttonDefaultPrimaryPressed" | "buttonDefaultSecondary" | "buttonDefaultSecondaryFocused" | "buttonDefaultSecondaryHovered" | "buttonDefaultSecondaryPressed" | "buttonDefaultTertiary" | "buttonDefaultTertiaryFocused" | "buttonDefaultTertiaryHovered" | "buttonDefaultTertiaryPressed" | "critical1" | "critical1Focused" | "critical1Hovered" | "critical1Pressed" | "critical2" | "default1" | "default1Focused" | "default1Hovered" | "default1Pressed" | "default2" | "default3" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     stroke?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | {
         default?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
@@ -573,6 +745,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         disabled?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
         placeholder?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        firstChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        lastChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        oddChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
+        evenChild?: "accent1" | "critical1" | "default1" | "default1Focused" | "default1Hovered" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "transparent" | undefined;
     } | undefined;
     listStyleType?: "none" | "disc" | "decimal" | {
         default?: "none" | "disc" | "decimal" | undefined;
@@ -583,6 +759,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "none" | "disc" | "decimal" | undefined;
         disabled?: "none" | "disc" | "decimal" | undefined;
         placeholder?: "none" | "disc" | "decimal" | undefined;
+        firstChild?: "none" | "disc" | "decimal" | undefined;
+        lastChild?: "none" | "disc" | "decimal" | undefined;
+        oddChild?: "none" | "disc" | "decimal" | undefined;
+        evenChild?: "none" | "disc" | "decimal" | undefined;
     } | undefined;
     listStylePosition?: "inside" | "outside" | {
         default?: "inside" | "outside" | undefined;
@@ -593,6 +773,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "inside" | "outside" | undefined;
         disabled?: "inside" | "outside" | undefined;
         placeholder?: "inside" | "outside" | undefined;
+        firstChild?: "inside" | "outside" | undefined;
+        lastChild?: "inside" | "outside" | undefined;
+        oddChild?: "inside" | "outside" | undefined;
+        evenChild?: "inside" | "outside" | undefined;
     } | undefined;
     listStyleImage?: "none" | {
         default?: "none" | undefined;
@@ -603,6 +787,10 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
         active?: "none" | undefined;
         disabled?: "none" | undefined;
         placeholder?: "none" | undefined;
+        firstChild?: "none" | undefined;
+        lastChild?: "none" | undefined;
+        oddChild?: "none" | undefined;
+        evenChild?: "none" | undefined;
     } | undefined;
 } & {
     __display?: any;
@@ -678,6 +866,7 @@ export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
     __alignSelf?: any;
     __justifySelf?: any;
     __visibility?: any;
+    __borderCollapse?: any;
     __padding?: any;
     __paddingX?: any;
     __paddingY?: any;