@tosui/react 0.0.1

package/dist/components/Box/styleParts/flexbox.d.ts

@@ -0,0 +1,174 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import { SpacingValue } from './types';
+import * as stylex from "@stylexjs/stylex";
+type FlexDirectionValues = keyof typeof flexDirectionStyles;
+type JustifyContentValues = keyof typeof justifyContentStyles;
+type AlignItemsValues = keyof typeof alignItemsStyles;
+type AlignSelfValues = keyof typeof alignSelfStyles;
+type FlexWrapValues = keyof typeof flexWrapStyles;
+declare const flexDirectionStyles: Readonly<{
+    readonly column: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+    }>;
+    readonly "column-reverse": Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column-reverse">;
+    }>;
+    readonly row: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+    }>;
+    readonly "row-reverse": Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row-reverse">;
+    }>;
+}>;
+declare const justifyContentStyles: Readonly<{
+    readonly center: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+    }>;
+    readonly end: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "end">;
+    }>;
+    readonly "space-around": Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-around">;
+    }>;
+    readonly "space-between": Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+    }>;
+    readonly "space-evenly": Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-evenly">;
+    }>;
+    readonly start: Readonly<{
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "start">;
+    }>;
+}>;
+declare const alignItemsStyles: Readonly<{
+    readonly baseline: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "baseline">;
+    }>;
+    readonly center: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+    }>;
+    readonly end: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "end">;
+    }>;
+    readonly start: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "start">;
+    }>;
+    readonly stretch: Readonly<{
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
+    }>;
+}>;
+declare const alignSelfStyles: Readonly<{
+    readonly auto: Readonly<{
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "auto">;
+    }>;
+    readonly baseline: Readonly<{
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "baseline">;
+    }>;
+    readonly center: Readonly<{
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "center">;
+    }>;
+    readonly end: Readonly<{
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "end">;
+    }>;
+    readonly start: Readonly<{
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "start">;
+    }>;
+    readonly stretch: Readonly<{
+        readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "stretch">;
+    }>;
+}>;
+declare const flexWrapStyles: Readonly<{
+    readonly nowrap: Readonly<{
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "nowrap">;
+    }>;
+    readonly wrap: Readonly<{
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+    }>;
+    readonly "wrap-reverse": Readonly<{
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap-reverse">;
+    }>;
+}>;
+export type FlexDirection = ResponsiveValue<FlexDirectionValues>;
+export type JustifyContent = ResponsiveValue<JustifyContentValues>;
+export type AlignItems = ResponsiveValue<AlignItemsValues>;
+export type AlignSelf = ResponsiveValue<AlignSelfValues>;
+export type FlexWrap = ResponsiveValue<FlexWrapValues>;
+export type FlexboxProps = {
+    gap?: ResponsiveValue<SpacingValue>;
+    gapRow?: ResponsiveValue<SpacingValue>;
+    gapColumn?: ResponsiveValue<SpacingValue>;
+    justifyContent?: JustifyContent;
+    alignItems?: AlignItems;
+    alignSelf?: AlignSelf;
+    flexDirection?: FlexDirection;
+    flexWrap?: FlexWrap;
+    flex?: ResponsiveValue<string>;
+    flexGrow?: number;
+    flexShrink?: number;
+    flexBasis?: string;
+};
+export declare function getFlexboxStyles(props: FlexboxProps): (readonly [Readonly<{
+    gap: stylex.StyleXClassNameFor<"gap", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    flex: stylex.StyleXClassNameFor<"flex", string | undefined>;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+}> | Readonly<{
+    readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+}> | Readonly<{
+    readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row-reverse">;
+}> | Readonly<{
+    readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column-reverse">;
+}> | readonly [Readonly<{
+    flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column" | "row" | "row-reverse" | "column-reverse">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+}> | Readonly<{
+    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "end">;
+}> | Readonly<{
+    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "start">;
+}> | Readonly<{
+    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+}> | Readonly<{
+    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-around">;
+}> | Readonly<{
+    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-evenly">;
+}> | readonly [Readonly<{
+    justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center" | "end" | "start" | "space-between" | "space-around" | "space-evenly">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+}> | Readonly<{
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "end">;
+}> | Readonly<{
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "start">;
+}> | Readonly<{
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "baseline">;
+}> | Readonly<{
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
+}> | readonly [Readonly<{
+    alignItems: stylex.StyleXClassNameFor<"alignItems", "center" | "end" | "start" | "baseline" | "stretch">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "center">;
+}> | Readonly<{
+    readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "end">;
+}> | Readonly<{
+    readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "start">;
+}> | Readonly<{
+    readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "auto">;
+}> | Readonly<{
+    readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "baseline">;
+}> | Readonly<{
+    readonly alignSelf: stylex.StyleXClassNameFor<"alignSelf", "stretch">;
+}> | readonly [Readonly<{
+    alignSelf: stylex.StyleXClassNameFor<"alignSelf", "center" | "end" | "start" | "auto" | "baseline" | "stretch">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "nowrap">;
+}> | Readonly<{
+    readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+}> | Readonly<{
+    readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap-reverse">;
+}> | readonly [Readonly<{
+    flexWrap: stylex.StyleXClassNameFor<"flexWrap", "nowrap" | "wrap" | "wrap-reverse">;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=flexbox.d.ts.map

package/dist/components/Box/styleParts/flexbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flexbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/flexbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,EAIrB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAC5D,KAAK,oBAAoB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAC9D,KAAK,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AACtD,KAAK,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AACpD,KAAK,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAElD,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;EAavB,CAAC;AAgBH,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;EAmBxB,CAAC;AAgBH,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;EAgBpB,CAAC;AAgBH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;EAmBnB,CAAC;AAgBH,QAAA,MAAM,cAAc;;;;;;;;;;EAUlB,CAAC;AA0CH,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;AACjE,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;AACzD,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqGF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAiFnD"}

package/dist/components/Box/styleParts/grid.d.ts

@@ -0,0 +1,45 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type JustifySelfValues = keyof typeof justifySelfStyles;
+declare const justifySelfStyles: Readonly<{
+    readonly auto: Readonly<{
+        readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "auto">;
+    }>;
+    readonly center: Readonly<{
+        readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "center">;
+    }>;
+    readonly end: Readonly<{
+        readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "end">;
+    }>;
+    readonly start: Readonly<{
+        readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "start">;
+    }>;
+    readonly stretch: Readonly<{
+        readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "stretch">;
+    }>;
+}>;
+export type JustifySelf = ResponsiveValue<JustifySelfValues>;
+export type GridProps = {
+    justifySelf?: JustifySelf;
+    gridTemplateColumns?: ResponsiveValue<string>;
+    gridTemplateRows?: ResponsiveValue<string>;
+};
+export declare function getGridStyles(props: GridProps): (Readonly<{
+    readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "center">;
+}> | Readonly<{
+    readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "end">;
+}> | Readonly<{
+    readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "start">;
+}> | Readonly<{
+    readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "auto">;
+}> | Readonly<{
+    readonly justifySelf: stylex.StyleXClassNameFor<"justifySelf", "stretch">;
+}> | readonly [Readonly<{
+    justifySelf: stylex.StyleXClassNameFor<"justifySelf", "center" | "end" | "start" | "auto" | "stretch">;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    gridTemplateRows: stylex.StyleXClassNameFor<"gridTemplateRows", string | undefined>;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=grid.d.ts.map

package/dist/components/Box/styleParts/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,EAIrB,MAAM,mCAAmC,CAAC;AAE3C,KAAK,iBAAiB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAExD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;EAgBrB,CAAC;AA2CH,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,mBAAmB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAC5C,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS;;;;;;;;;;;;;;;;4BAoC7C"}

package/dist/components/Box/styleParts/inset.d.ts

@@ -0,0 +1,22 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import { SpacingValue } from './types';
+import * as stylex from "@stylexjs/stylex";
+export type InsetProps = {
+    inset?: ResponsiveValue<SpacingValue>;
+    insetX?: ResponsiveValue<SpacingValue>;
+    insetY?: ResponsiveValue<SpacingValue>;
+    top?: ResponsiveValue<SpacingValue>;
+    right?: ResponsiveValue<SpacingValue>;
+    bottom?: ResponsiveValue<SpacingValue>;
+    left?: ResponsiveValue<SpacingValue>;
+};
+export declare function getInsetStyles(props: InsetProps): (readonly [Readonly<{
+    bottom: stylex.StyleXClassNameFor<"bottom", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    left: stylex.StyleXClassNameFor<"left", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    right: stylex.StyleXClassNameFor<"right", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    top: stylex.StyleXClassNameFor<"top", string | undefined>;
+}>, stylex.InlineStyles])[];
+//# sourceMappingURL=inset.d.ts.map

package/dist/components/Box/styleParts/inset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inset.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/inset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,EAGrB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACvC,GAAG,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACtC,CAAC;AAqFF,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU;;;;;;;;4BAyB/C"}

package/dist/components/Box/styleParts/interactions.d.ts

@@ -0,0 +1,128 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type CursorValues = keyof typeof cursorStyles;
+type PointerEventsValues = keyof typeof pointerEventsStyles;
+type UserSelectValues = keyof typeof userSelectStyles;
+declare const cursorStyles: Readonly<{
+    readonly auto: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "auto">;
+    }>;
+    readonly crosshair: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "crosshair">;
+    }>;
+    readonly default: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
+    }>;
+    readonly grab: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "grab">;
+    }>;
+    readonly grabbing: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "grabbing">;
+    }>;
+    readonly help: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "help">;
+    }>;
+    readonly move: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "move">;
+    }>;
+    readonly notAllowed: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+    }>;
+    readonly pointer: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+    }>;
+    readonly text: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "text">;
+    }>;
+    readonly wait: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "wait">;
+    }>;
+    readonly zoomIn: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "zoom-in">;
+    }>;
+    readonly zoomOut: Readonly<{
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "zoom-out">;
+    }>;
+}>;
+declare const pointerEventsStyles: Readonly<{
+    readonly all: Readonly<{
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "all">;
+    }>;
+    readonly auto: Readonly<{
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "auto">;
+    }>;
+    readonly none: Readonly<{
+        readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+}>;
+declare const userSelectStyles: Readonly<{
+    readonly all: Readonly<{
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "all">;
+    }>;
+    readonly auto: Readonly<{
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "auto">;
+    }>;
+    readonly none: Readonly<{
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+    }>;
+    readonly text: Readonly<{
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "text">;
+    }>;
+}>;
+export type Cursor = ResponsiveValue<CursorValues>;
+export type PointerEvents = ResponsiveValue<PointerEventsValues>;
+export type UserSelect = ResponsiveValue<UserSelectValues>;
+export type InteractionProps = {
+    cursor?: Cursor;
+    pointerEvents?: PointerEvents;
+    userSelect?: UserSelect;
+};
+export declare function getInteractionStyles(props: InteractionProps): (Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "text">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "auto">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "default">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "help">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "wait">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "crosshair">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "move">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "grab">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "grabbing">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "zoom-in">;
+}> | Readonly<{
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "zoom-out">;
+}> | readonly [Readonly<{
+    cursor: stylex.StyleXClassNameFor<"cursor", "text" | "auto" | "default" | "help" | "pointer" | "wait" | "crosshair" | "move" | "grab" | "grabbing" | "notAllowed" | "zoomIn" | "zoomOut">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none">;
+}> | Readonly<{
+    readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "auto">;
+}> | Readonly<{
+    readonly pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "all">;
+}> | readonly [Readonly<{
+    pointerEvents: stylex.StyleXClassNameFor<"pointerEvents", "none" | "auto" | "all">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "text">;
+}> | Readonly<{
+    readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+}> | Readonly<{
+    readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "auto">;
+}> | Readonly<{
+    readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "all">;
+}> | readonly [Readonly<{
+    userSelect: stylex.StyleXClassNameFor<"userSelect", "text" | "none" | "auto" | "all">;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=interactions.d.ts.map

package/dist/components/Box/styleParts/interactions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/interactions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,EAGrB,MAAM,mCAAmC,CAAC;AAE3C,KAAK,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAC9C,KAAK,mBAAmB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAC5D,KAAK,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEtD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwChB,CAAC;AAeH,QAAA,MAAM,mBAAmB;;;;;;;;;;EAUvB,CAAC;AAeH,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;EAapB,CAAC;AAeH,MAAM,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;AACjE,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAoC3D"}

package/dist/components/Box/styleParts/margin.d.ts

@@ -0,0 +1,22 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import { SpacingValue } from './types';
+import * as stylex from "@stylexjs/stylex";
+export type MarginProps = {
+    m?: ResponsiveValue<SpacingValue>;
+    mt?: ResponsiveValue<SpacingValue>;
+    mr?: ResponsiveValue<SpacingValue>;
+    mb?: ResponsiveValue<SpacingValue>;
+    ml?: ResponsiveValue<SpacingValue>;
+    mx?: ResponsiveValue<SpacingValue>;
+    my?: ResponsiveValue<SpacingValue>;
+};
+export declare function getMarginStyles(props: MarginProps): (readonly [Readonly<{
+    marginBottom: stylex.StyleXClassNameFor<"marginBottom", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    marginLeft: stylex.StyleXClassNameFor<"marginLeft", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    marginRight: stylex.StyleXClassNameFor<"marginRight", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    marginTop: stylex.StyleXClassNameFor<"marginTop", string | undefined>;
+}>, stylex.InlineStyles])[];
+//# sourceMappingURL=margin.d.ts.map

package/dist/components/Box/styleParts/margin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/margin.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EAGrB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAClC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACpC,CAAC;AAoFF,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW;;;;;;;;4BAoCjD"}

package/dist/components/Box/styleParts/opacity.d.ts

@@ -0,0 +1,34 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type OpacityValues = keyof typeof opacityStyles;
+declare const opacityStyles: Readonly<{
+    readonly faint: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+    }>;
+    readonly full: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
+    }>;
+    readonly invisible: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
+    }>;
+    readonly semi: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.6>;
+    }>;
+}>;
+export type Opacity = ResponsiveValue<OpacityValues>;
+export type OpacityProps = {
+    opacity?: Opacity;
+};
+export declare function getOpacityStyles(props: OpacityProps): (Readonly<{
+    readonly opacity: stylex.StyleXClassNameFor<"opacity", 1>;
+}> | Readonly<{
+    readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+}> | Readonly<{
+    readonly opacity: stylex.StyleXClassNameFor<"opacity", 0>;
+}> | Readonly<{
+    readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.6>;
+}> | readonly [Readonly<{
+    opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1 | 0.4 | 0.6>;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=opacity.d.ts.map

package/dist/components/Box/styleParts/opacity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opacity.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/opacity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,EAGrB,MAAM,mCAAmC,CAAC;AAE3C,KAAK,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAShD,QAAA,MAAM,aAAa;;;;;;;;;;;;;EAajB,CAAC;AAeH,MAAM,MAAM,OAAO,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY;;;;;;;;;;4BAcnD"}

package/dist/components/Box/styleParts/overflow.d.ts

@@ -0,0 +1,55 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type OverflowValues = keyof typeof overflowStyles;
+declare const overflowStyles: Readonly<{
+    readonly auto: Readonly<{
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "auto">;
+    }>;
+    readonly hidden: Readonly<{
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly scroll: Readonly<{
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "scroll">;
+    }>;
+    readonly visible: Readonly<{
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "visible">;
+    }>;
+}>;
+export type OverflowProps = {
+    overflow?: ResponsiveValue<OverflowValues>;
+    overflowX?: OverflowValues;
+    overflowY?: OverflowValues;
+};
+export declare function getOverflowStyles({ overflow, overflowX, overflowY, }: OverflowProps): (Readonly<{
+    readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+}> | Readonly<{
+    readonly overflow: stylex.StyleXClassNameFor<"overflow", "auto">;
+}> | Readonly<{
+    readonly overflow: stylex.StyleXClassNameFor<"overflow", "visible">;
+}> | Readonly<{
+    readonly overflow: stylex.StyleXClassNameFor<"overflow", "scroll">;
+}> | readonly [Readonly<{
+    overflow: stylex.StyleXClassNameFor<"overflow", "hidden" | "auto" | "visible" | "scroll">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "hidden">;
+}> | Readonly<{
+    readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
+}> | Readonly<{
+    readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "visible">;
+}> | Readonly<{
+    readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "scroll">;
+}> | readonly [Readonly<{
+    overflowX: stylex.StyleXClassNameFor<"overflowX", "hidden" | "auto" | "visible" | "scroll">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "hidden">;
+}> | Readonly<{
+    readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
+}> | Readonly<{
+    readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "visible">;
+}> | Readonly<{
+    readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "scroll">;
+}> | readonly [Readonly<{
+    overflowY: stylex.StyleXClassNameFor<"overflowY", "hidden" | "auto" | "visible" | "scroll">;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=overflow.d.ts.map

package/dist/components/Box/styleParts/overflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/overflow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAE3C,KAAK,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAIlD,QAAA,MAAM,cAAc;;;;;;;;;;;;;EAalB,CAAC;AA0EH,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAgCf"}

package/dist/components/Box/styleParts/padding.d.ts

@@ -0,0 +1,22 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import { SpacingValue } from './types';
+import * as stylex from "@stylexjs/stylex";
+export type PaddingProps = {
+    p?: ResponsiveValue<SpacingValue>;
+    pt?: ResponsiveValue<SpacingValue>;
+    pr?: ResponsiveValue<SpacingValue>;
+    pb?: ResponsiveValue<SpacingValue>;
+    pl?: ResponsiveValue<SpacingValue>;
+    px?: ResponsiveValue<SpacingValue>;
+    py?: ResponsiveValue<SpacingValue>;
+};
+export declare function getPaddingStyles(props: PaddingProps): (readonly [Readonly<{
+    paddingBottom: stylex.StyleXClassNameFor<"paddingBottom", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    paddingLeft: stylex.StyleXClassNameFor<"paddingLeft", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    paddingRight: stylex.StyleXClassNameFor<"paddingRight", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    paddingTop: stylex.StyleXClassNameFor<"paddingTop", string | undefined>;
+}>, stylex.InlineStyles])[];
+//# sourceMappingURL=padding.d.ts.map

package/dist/components/Box/styleParts/padding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/padding.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,EAGrB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAClC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACnC,EAAE,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACpC,CAAC;AAoFF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY;;;;;;;;4BAoCnD"}

package/dist/components/Box/styleParts/position.d.ts

@@ -0,0 +1,39 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type PositionValues = keyof typeof positionStyles;
+declare const positionStyles: Readonly<{
+    readonly absolute: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+    }>;
+    readonly fixed: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "fixed">;
+    }>;
+    readonly relative: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+    }>;
+    readonly static: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "static">;
+    }>;
+    readonly sticky: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
+    }>;
+}>;
+export type Position = ResponsiveValue<PositionValues>;
+export type PositionProps = {
+    position?: Position;
+};
+export declare function getPositionStyles(position?: Position): Readonly<{
+    readonly position: stylex.StyleXClassNameFor<"position", "fixed">;
+}> | Readonly<{
+    readonly position: stylex.StyleXClassNameFor<"position", "static">;
+}> | Readonly<{
+    readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+}> | Readonly<{
+    readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+}> | Readonly<{
+    readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
+}> | readonly [Readonly<{
+    position: stylex.StyleXClassNameFor<"position", "fixed" | "static" | "relative" | "absolute" | "sticky">;
+}>, stylex.InlineStyles] | null;
+export {};
+//# sourceMappingURL=position.d.ts.map

package/dist/components/Box/styleParts/position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/position.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,EAGrB,MAAM,mCAAmC,CAAC;AAE3C,KAAK,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAElD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAgBlB,CAAC;AAgBH,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,QAAQ,CAAC,EAAE,QAAQ;;;;;;;;;;;;gCAQpD"}

package/dist/components/Box/styleParts/reset.d.ts

@@ -0,0 +1,28 @@
+import * as stylex from "@stylexjs/stylex";
+export declare const resetStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly WebkitTapHighlightColor: stylex.StyleXClassNameFor<"WebkitTapHighlightColor", "transparent">;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
+        readonly appearance: stylex.StyleXClassNameFor<"appearance", "none">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly color: stylex.StyleXClassNameFor<"color", "inherit">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "var(--t-font-family-body)">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-md)">;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-normal)">;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "var(--t-line-height-normal)">;
+    }>;
+    readonly reducedMotion: Readonly<{
+        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", {
+            readonly "@media (prefers-reduced-motion: reduce)": "0.01ms !important";
+        }>;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", {
+            readonly "@media (prefers-reduced-motion: reduce)": "0.01ms !important";
+        }>;
+    }>;
+}>;
+//# sourceMappingURL=reset.d.ts.map

package/dist/components/Box/styleParts/reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/reset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;EA0BtB,CAAC"}