@tosui/react 0.0.1

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

@@ -0,0 +1,83 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type RoundedValues = keyof typeof roundedTopLeftStyles;
+declare const roundedTopLeftStyles: Readonly<{
+    readonly full: Readonly<{
+        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-full)">;
+    }>;
+    readonly lg: Readonly<{
+        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-lg)">;
+    }>;
+    readonly md: Readonly<{
+        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-md)">;
+    }>;
+    readonly none: Readonly<{
+        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-none)">;
+    }>;
+    readonly sm: Readonly<{
+        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-sm)">;
+    }>;
+}>;
+type Rounded = ResponsiveValue<RoundedValues>;
+export type RoundnessProps = {
+    rounded?: Rounded;
+    roundedTop?: Rounded;
+    roundedBottom?: Rounded;
+    roundedLeft?: Rounded;
+    roundedRight?: Rounded;
+    roundedTopLeft?: Rounded;
+    roundedTopRight?: Rounded;
+    roundedBottomLeft?: Rounded;
+    roundedBottomRight?: Rounded;
+};
+export declare function getRoundnessStyles(props: RoundnessProps): (Readonly<{
+    readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-none)">;
+}> | Readonly<{
+    readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-sm)">;
+}> | Readonly<{
+    readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-md)">;
+}> | Readonly<{
+    readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-lg)">;
+}> | Readonly<{
+    readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-full)">;
+}> | readonly [Readonly<{
+    borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", "var(--t-radius-full)" | "var(--t-radius-lg)" | "var(--t-radius-md)" | "var(--t-radius-none)" | "var(--t-radius-sm)">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "var(--t-radius-none)">;
+}> | Readonly<{
+    readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "var(--t-radius-sm)">;
+}> | Readonly<{
+    readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "var(--t-radius-md)">;
+}> | Readonly<{
+    readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "var(--t-radius-lg)">;
+}> | Readonly<{
+    readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "var(--t-radius-full)">;
+}> | readonly [Readonly<{
+    borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", "var(--t-radius-full)" | "var(--t-radius-lg)" | "var(--t-radius-md)" | "var(--t-radius-none)" | "var(--t-radius-sm)">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "var(--t-radius-none)">;
+}> | Readonly<{
+    readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "var(--t-radius-sm)">;
+}> | Readonly<{
+    readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "var(--t-radius-md)">;
+}> | Readonly<{
+    readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "var(--t-radius-lg)">;
+}> | Readonly<{
+    readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "var(--t-radius-full)">;
+}> | readonly [Readonly<{
+    borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", "var(--t-radius-full)" | "var(--t-radius-lg)" | "var(--t-radius-md)" | "var(--t-radius-none)" | "var(--t-radius-sm)">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "var(--t-radius-none)">;
+}> | Readonly<{
+    readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "var(--t-radius-sm)">;
+}> | Readonly<{
+    readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "var(--t-radius-md)">;
+}> | Readonly<{
+    readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "var(--t-radius-lg)">;
+}> | Readonly<{
+    readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "var(--t-radius-full)">;
+}> | readonly [Readonly<{
+    borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", "var(--t-radius-full)" | "var(--t-radius-lg)" | "var(--t-radius-md)" | "var(--t-radius-none)" | "var(--t-radius-sm)">;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=roundness.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"roundness.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/roundness.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,oBAAoB,CAAC;AAUvD,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;EAgBxB,CAAC;AA4GH,KAAK,OAAO,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;AAE9C,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA8DvD"}

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

@@ -0,0 +1,34 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type ShadowValues = keyof typeof shadowStyles;
+declare const shadowStyles: Readonly<{
+    readonly lg: Readonly<{
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-lg)">;
+    }>;
+    readonly md: Readonly<{
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-md)">;
+    }>;
+    readonly none: Readonly<{
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-none)">;
+    }>;
+    readonly sm: Readonly<{
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-sm)">;
+    }>;
+}>;
+type Shadow = ResponsiveValue<ShadowValues>;
+export type ShadowProps = {
+    shadow?: Shadow;
+};
+export declare function getShadowStyles(props: ShadowProps): (Readonly<{
+    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-none)">;
+}> | Readonly<{
+    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-sm)">;
+}> | Readonly<{
+    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-md)">;
+}> | Readonly<{
+    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-lg)">;
+}> | readonly [Readonly<{
+    boxShadow: stylex.StyleXClassNameFor<"boxShadow", "var(--t-shadow-lg)" | "var(--t-shadow-md)" | "var(--t-shadow-none)" | "var(--t-shadow-sm)">;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=shadows.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/shadows.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;AAS9C,QAAA,MAAM,YAAY;;;;;;;;;;;;;EAiBhB,CAAC;AAgBH,KAAK,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW;;;;;;;;;;4BAYjD"}

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

@@ -0,0 +1,25 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import { SpacingValue } from './types';
+import * as stylex from "@stylexjs/stylex";
+export type SizeProps = {
+    w?: ResponsiveValue<SpacingValue>;
+    h?: ResponsiveValue<SpacingValue>;
+    minW?: ResponsiveValue<SpacingValue>;
+    maxW?: ResponsiveValue<SpacingValue>;
+    minH?: ResponsiveValue<SpacingValue>;
+    maxH?: ResponsiveValue<SpacingValue>;
+};
+export declare function getSizingStyles(props: SizeProps): (readonly [Readonly<{
+    height: stylex.StyleXClassNameFor<"height", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    maxHeight: stylex.StyleXClassNameFor<"maxHeight", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    maxWidth: stylex.StyleXClassNameFor<"maxWidth", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    minHeight: stylex.StyleXClassNameFor<"minHeight", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    minWidth: stylex.StyleXClassNameFor<"minWidth", string | undefined>;
+}>, stylex.InlineStyles] | readonly [Readonly<{
+    width: stylex.StyleXClassNameFor<"width", string | undefined>;
+}>, stylex.InlineStyles])[];
+//# sourceMappingURL=sizing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/sizing.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,SAAS,GAAG;IACtB,CAAC,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CACtC,CAAC;AA0GF,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS;;;;;;;;;;;;4BAgC/C"}

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

@@ -0,0 +1,66 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type TextAlignValues = keyof typeof textAlignStyles;
+type WhiteSpaceValues = keyof typeof whiteSpaceStyles;
+declare const textAlignStyles: Readonly<{
+    readonly center: Readonly<{
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+    }>;
+    readonly justify: Readonly<{
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "justify">;
+    }>;
+    readonly left: Readonly<{
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "left">;
+    }>;
+    readonly right: Readonly<{
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "right">;
+    }>;
+}>;
+declare const whiteSpaceStyles: Readonly<{
+    readonly normal: Readonly<{
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "normal">;
+    }>;
+    readonly nowrap: Readonly<{
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly pre: Readonly<{
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre">;
+    }>;
+    readonly preLine: Readonly<{
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre-line">;
+    }>;
+    readonly preWrap: Readonly<{
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre-wrap">;
+    }>;
+}>;
+export type TextAlign = ResponsiveValue<TextAlignValues>;
+export type WhiteSpace = ResponsiveValue<WhiteSpaceValues>;
+export type TextProps = {
+    textAlign?: TextAlign;
+    whiteSpace?: WhiteSpace;
+};
+export declare function getTextStyles(props: TextProps): (Readonly<{
+    readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+}> | Readonly<{
+    readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "left">;
+}> | Readonly<{
+    readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "right">;
+}> | Readonly<{
+    readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "justify">;
+}> | readonly [Readonly<{
+    textAlign: stylex.StyleXClassNameFor<"textAlign", "center" | "left" | "right" | "justify">;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre">;
+}> | Readonly<{
+    readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "normal">;
+}> | Readonly<{
+    readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+}> | Readonly<{
+    readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre-line">;
+}> | Readonly<{
+    readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre-wrap">;
+}> | readonly [Readonly<{
+    whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre" | "normal" | "nowrap" | "preLine" | "preWrap">;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAEL,KAAK,eAAe,EAGrB,MAAM,mCAAmC,CAAC;AAE3C,KAAK,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AACpD,KAAK,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEtD,QAAA,MAAM,eAAe;;;;;;;;;;;;;EAanB,CAAC;AAeH,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;EAgBpB,CAAC;AAeH,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC;AACzD,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAE3D,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;4BA0B7C"}

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

@@ -0,0 +1,2 @@
+export type SpacingValue = number | string;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC"}

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

@@ -0,0 +1,130 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type FontSizeValues = keyof typeof fontSizeStyles;
+type FontFamilyValues = keyof typeof fontFamilyStyles;
+type FontWeightValues = keyof typeof fontWeightStyles;
+type LineHeightValues = keyof typeof lineHeightStyles;
+declare const fontSizeStyles: Readonly<{
+    readonly "2xl": Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-2xl)">;
+    }>;
+    readonly "3xl": Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-3xl)">;
+    }>;
+    readonly "4xl": Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-4xl)">;
+    }>;
+    readonly "5xl": Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-5xl)">;
+    }>;
+    readonly lg: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-lg)">;
+    }>;
+    readonly md: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-md)">;
+    }>;
+    readonly sm: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-sm)">;
+    }>;
+    readonly xl: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-xl)">;
+    }>;
+    readonly xs: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-xs)">;
+    }>;
+}>;
+declare const fontFamilyStyles: Readonly<{
+    readonly body: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "var(--t-font-family-body)">;
+    }>;
+    readonly heading: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "var(--t-font-family-heading)">;
+    }>;
+    readonly mono: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "var(--t-font-family-mono)">;
+    }>;
+}>;
+declare const fontWeightStyles: Readonly<{
+    readonly bold: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-bold)">;
+    }>;
+    readonly medium: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-medium)">;
+    }>;
+    readonly normal: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-normal)">;
+    }>;
+    readonly semibold: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-semibold)">;
+    }>;
+}>;
+declare const lineHeightStyles: Readonly<{
+    readonly normal: Readonly<{
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "var(--t-line-height-normal)">;
+    }>;
+    readonly relaxed: Readonly<{
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "var(--t-line-height-relaxed)">;
+    }>;
+    readonly tight: Readonly<{
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "var(--t-line-height-tight)">;
+    }>;
+}>;
+export type FontSize = ResponsiveValue<FontSizeValues>;
+export type FontFamily = ResponsiveValue<FontFamilyValues>;
+export type FontWeight = ResponsiveValue<FontWeightValues>;
+export type LineHeight = ResponsiveValue<LineHeightValues>;
+export type TypographyProps = {
+    fontSize?: FontSize;
+    fontFamily?: FontFamily;
+    fontWeight?: FontWeight;
+    lineHeight?: LineHeight;
+};
+export declare function getTypographyStyles(props: TypographyProps): (Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-sm)">;
+}> | Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-md)">;
+}> | Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-lg)">;
+}> | Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-xl)">;
+}> | Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-2xl)">;
+}> | Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-3xl)">;
+}> | Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-4xl)">;
+}> | Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-5xl)">;
+}> | Readonly<{
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--t-font-size-xs)">;
+}> | readonly [Readonly<{
+    fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "var(--t-font-family-body)">;
+}> | Readonly<{
+    readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "var(--t-font-family-heading)">;
+}> | Readonly<{
+    readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "var(--t-font-family-mono)">;
+}> | readonly [Readonly<{
+    fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-medium)">;
+}> | Readonly<{
+    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-normal)">;
+}> | Readonly<{
+    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-bold)">;
+}> | Readonly<{
+    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "var(--t-font-weight-semibold)">;
+}> | readonly [Readonly<{
+    fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+}>, stylex.InlineStyles] | Readonly<{
+    readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "var(--t-line-height-normal)">;
+}> | Readonly<{
+    readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "var(--t-line-height-relaxed)">;
+}> | Readonly<{
+    readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "var(--t-line-height-tight)">;
+}> | readonly [Readonly<{
+    lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+}>, stylex.InlineStyles])[];
+export {};
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/typography.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;AAClD,KAAK,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AACtD,KAAK,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AACtD,KAAK,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEtD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BlB,CAAC;AAeH,QAAA,MAAM,gBAAgB;;;;;;;;;;EAUpB,CAAC;AAeH,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;EAapB,CAAC;AAgBH,QAAA,MAAM,gBAAgB;;;;;;;;;;EAUpB,CAAC;AAeH,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;AACvD,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA8CzD"}

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

@@ -0,0 +1,49 @@
+import { ResponsiveValue } from '../../../utils/breakpoints.stylex';
+import * as stylex from "@stylexjs/stylex";
+type ZIndexValues = keyof typeof zIndexStyles;
+declare const zIndexStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 0>;
+    }>;
+    readonly behind: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", -1>;
+    }>;
+    readonly dropdown: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1000>;
+    }>;
+    readonly modal: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1200>;
+    }>;
+    readonly sticky: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1100>;
+    }>;
+    readonly toast: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1300>;
+    }>;
+    readonly tooltip: Readonly<{
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1400>;
+    }>;
+}>;
+export type ZIndex = ResponsiveValue<ZIndexValues>;
+export type ZIndexProps = {
+    zIndex?: ZIndex;
+};
+export declare function getZIndexStyles(zIndex?: ZIndex): Readonly<{
+    readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 0>;
+}> | Readonly<{
+    readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1100>;
+}> | Readonly<{
+    readonly zIndex: stylex.StyleXClassNameFor<"zIndex", -1>;
+}> | Readonly<{
+    readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1000>;
+}> | Readonly<{
+    readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1200>;
+}> | Readonly<{
+    readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1300>;
+}> | Readonly<{
+    readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1400>;
+}> | readonly [Readonly<{
+    zIndex: stylex.StyleXClassNameFor<"zIndex", 0 | -1 | 1000 | 1200 | 1100 | 1300 | 1400>;
+}>, stylex.InlineStyles] | null;
+export {};
+//# sourceMappingURL=zIndex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/styleParts/zIndex.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;AAY9C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;EAsBhB,CAAC;AAgBH,MAAM,MAAM,MAAM,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,eAAe,CAAC,MAAM,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;gCAQ9C"}

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,27 @@
+import { ElementType } from 'react';
+import { TextOwnProps } from '../Text/Text';
+import { Polymorphic } from '../../types/Polymorphic';
+type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
+type FontWeight = "normal" | "medium" | "semibold" | "bold";
+type Color = "foreground" | "foreground-muted" | "foreground-subtle" | "accent" | "accent-emphasis" | "primary" | "primary-emphasis" | "success" | "success-emphasis" | "warning" | "warning-emphasis" | "error" | "error-emphasis";
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type HeadingOwnProps = Omit<TextOwnProps, "size" | "weight" | "color"> & {
+    level?: HeadingLevel;
+    size?: FontSize;
+    weight?: FontWeight;
+    color?: Color;
+};
+export type HeadingProps<T extends ElementType = "h1"> = Polymorphic<T, HeadingOwnProps>;
+/**
+ * Heading - Semantic heading component with predefined sizes
+ *
+ * Built on top of Text with heading-specific defaults:
+ * - level prop maps to h1-h6 elements (default: h1)
+ * - Each level has a default font size
+ * - Default font weight: bold
+ * - Size can be overridden via size prop
+ * - Can be changed to any element via `as` prop
+ */
+export declare function Heading<T extends ElementType = "h1">({ as, level, size, weight, color, children, ...rest }: HeadingProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Heading.d.ts.map

package/dist/components/Heading/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACjF,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC5D,KAAK,KAAK,GACN,YAAY,GACZ,kBAAkB,GAClB,mBAAmB,GACnB,QAAQ,GACR,iBAAiB,GACjB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,OAAO,GACP,gBAAgB,CAAC;AAErB,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAW1C,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG;IACvE,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,IAAI,WAAW,CAClE,CAAC,EACD,eAAe,CAChB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EACpD,EAAE,EACF,KAAS,EACT,IAAI,EACJ,MAAe,EACf,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,YAAY,CAAC,CAAC,CAAC,2CAiBjB"}

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

@@ -0,0 +1,2 @@
+export { Heading, type HeadingProps } from './Heading';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Heading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,28 @@
+import { ElementType } from 'react';
+import { BoxOwnProps } from '../Box/Box';
+import { Polymorphic } from '../../types/Polymorphic';
+type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
+type FontWeight = "normal" | "medium" | "semibold" | "bold";
+type TextAlign = "left" | "center" | "right" | "justify";
+type Color = "foreground" | "foreground-muted" | "foreground-subtle" | "accent" | "accent-emphasis" | "primary" | "primary-emphasis" | "success" | "success-emphasis" | "warning" | "warning-emphasis" | "error" | "error-emphasis";
+export type TextOwnProps = Omit<BoxOwnProps, "fontSize" | "fontWeight" | "textAlign" | "color"> & {
+    size?: FontSize;
+    weight?: FontWeight;
+    align?: TextAlign;
+    color?: Color;
+    truncate?: boolean;
+    italic?: boolean;
+};
+export type TextProps<T extends ElementType = "span"> = Polymorphic<T, TextOwnProps>;
+/**
+ * Text - Semantic text component for body copy, labels, captions, etc.
+ *
+ * Built on top of Box with text-specific conveniences:
+ * - Default element: <span> (inline)
+ * - Shorthand props: size, weight, align, color
+ * - Utility props: truncate (ellipsis), italic
+ * - Can be changed to any element via `as` prop
+ */
+export declare function Text<T extends ElementType = "span">({ as, size, weight, align, color, truncate, italic, className, ...rest }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACjF,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC5D,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AACzD,KAAK,KAAK,GACN,YAAY,GACZ,kBAAkB,GAClB,mBAAmB,GACnB,QAAQ,GACR,iBAAiB,GACjB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,OAAO,GACP,gBAAgB,CAAC;AAgBrB,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,WAAW,EACX,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAClD,GAAG;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,WAAW,CACjE,CAAC,EACD,YAAY,CACb,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACnD,EAAE,EACF,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,CAAC,CAAC,CAAC,2CAkBd"}

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

@@ -0,0 +1,2 @@
+export { Text, type TextProps, type TextOwnProps } from './Text';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC"}

package/dist/fonts.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--t-font-family-heading: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--t-font-family-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--t-font-family-mono: "IBM Plex Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}