@nattstack/ui 0.1.0 → 0.1.2

package/dist/components/tooltip/tooltip-provider.js

@@ -4,7 +4,7 @@ import { Tooltip } from "@base-ui/react";
 function TooltipProvider(props) {
 	const { ...rest } = props;
 	return /* @__PURE__ */ jsx(Tooltip.Provider, {
-		"data-slot": "tooltip-provider",
+		"data-component": "tooltip-provider",
 		...rest
 	});
 }

package/dist/components/tooltip/tooltip-trigger.js

@@ -4,7 +4,7 @@ import { Tooltip } from "@base-ui/react";
 function TooltipTrigger(props) {
 	const { ...rest } = props;
 	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
-		"data-slot": "tooltip-trigger",
+		"data-component": "tooltip-trigger",
 		...rest
 	});
 }

package/dist/components/tooltip/tooltip.js

@@ -2,10 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui/react";
 //#region src/components/tooltip/tooltip.tsx
 function Tooltip$1(props) {
+	const { ...rest } = props;
 	return /* @__PURE__ */ jsx(Tooltip.Root, {
-		"data-slot": "tooltip",
+		"data-component": "tooltip",
 		disableHoverablePopup: true,
-		...props
+		...rest
 	});
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "A collection of reusable React components built with Base UI and StyleX",
   "keywords": [
     "base-ui",
@@ -33,6 +33,7 @@
     },
     "./baseline": "./dist/baseline/index.css",
     "./colors": "./dist/colors/index.css",
+    "./components": "./dist/components/stylex.css",
     "./tailwind-colors": "./dist/tailwind-colors/index.css",
     "./tailwind-tokenless-10": "./dist/tailwind-tokenless/10/index.css",
     "./tailwind-tokenless-16": "./dist/tailwind-tokenless/16/index.css"

package/dist/components/button/button.stylex.d.ts

@@ -1,121 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/button/button.stylex.d.ts
-declare const buttonStyles: Readonly<{
-  readonly 32: Readonly<{
-    readonly height: stylex.StyleXClassNameFor<"height", 32>;
-  }>;
-  readonly 36: Readonly<{
-    readonly height: stylex.StyleXClassNameFor<"height", 36>;
-  }>;
-  readonly 40: Readonly<{
-    readonly height: stylex.StyleXClassNameFor<"height", 40>;
-  }>;
-  readonly 44: Readonly<{
-    readonly height: stylex.StyleXClassNameFor<"height", 44>;
-  }>;
-  readonly 48: Readonly<{
-    readonly height: stylex.StyleXClassNameFor<"height", 48>;
-  }>;
-  readonly base: Readonly<{
-    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-    readonly columnGap: stylex.StyleXClassNameFor<"columnGap", 8>;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
-    readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 14>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 450>;
-    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-    readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", "var(--color-outline)" | "transparent">;
-    readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", 2>;
-    readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
-    readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", 2>;
-    readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
-    readonly position: stylex.StyleXClassNameFor<"position", "relative">;
-    readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "150ms">;
-    readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, box-shadow, translate">;
-    readonly translate: stylex.StyleXClassNameFor<"translate", "0 1px" | "0 0">;
-    readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
-  }>;
-  readonly disabled: Readonly<{
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
-    readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
-  }>;
-  readonly ghost: Readonly<{
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent" | "var(--color-gray-4)">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-gray-12)">;
-  }>;
-  readonly loading: Readonly<{
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
-    readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
-  }>;
-  readonly loadingContent: Readonly<{
-    readonly color: stylex.StyleXClassNameFor<"color", "transparent">;
-    readonly textShadow: stylex.StyleXClassNameFor<"textShadow", "none">;
-  }>;
-  readonly primary: Readonly<{
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-gray-12)" | "color-mix(in oklab, var(--color-gray-12) 100%, var(--color-gray-1) 25%)">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-gray-1)">;
-  }>;
-  readonly roundedBase32: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 8>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 12>;
-  }>;
-  readonly roundedBase36: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 9>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 14>;
-  }>;
-  readonly roundedBase40: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 10>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 16>;
-  }>;
-  readonly roundedBase44: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 11>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 18>;
-  }>;
-  readonly roundedBase48: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 12>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 20>;
-  }>;
-  readonly roundedFull32: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 16>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 12>;
-  }>;
-  readonly roundedFull36: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 18>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 17>;
-  }>;
-  readonly roundedFull40: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 20>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 20>;
-  }>;
-  readonly roundedFull44: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 22>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 23>;
-  }>;
-  readonly roundedFull48: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 24>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 28>;
-  }>;
-  readonly secondary: Readonly<{
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-gray-4)" | "var(--color-bg-shell-inner)">;
-    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none" | "inset 0 0 0 1px var(--color-border)">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-gray-12)">;
-  }>;
-  readonly widthBase: Readonly<{
-    readonly width: stylex.StyleXClassNameFor<"width", "fit-content">;
-  }>;
-  readonly widthFull: Readonly<{
-    readonly width: stylex.StyleXClassNameFor<"width", "stretch">;
-  }>;
-}>;
-//#endregion
-export { buttonStyles };

package/dist/components/checkbox/checkbox.stylex.d.ts

@@ -1,40 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/checkbox/checkbox.stylex.d.ts
-declare const checkboxStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly "--size": stylex.StyleXClassNameFor<"--size", "16px">;
-    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-bg-shell-inner)" | "var(--color-gray-3)" | "var(--color-primary)">;
-    readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent" | "var(--color-gray-6)" | "var(--color-border)">;
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 4>;
-    readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
-    readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 1>;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly height: stylex.StyleXClassNameFor<"height", "var(--size)">;
-    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-    readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", "var(--color-primary)">;
-    readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", 2>;
-    readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
-    readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", 0 | 2>;
-    readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "150ms">;
-    readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, border-color">;
-    readonly width: stylex.StyleXClassNameFor<"width", "var(--size)">;
-  }>;
-  readonly icon: Readonly<{
-    readonly "--size": stylex.StyleXClassNameFor<"--size", "12px">;
-    readonly height: stylex.StyleXClassNameFor<"height", "var(--size)">;
-    readonly width: stylex.StyleXClassNameFor<"width", "var(--size)">;
-  }>;
-  readonly iconPath: Readonly<{
-    readonly stroke: stylex.StyleXClassNameFor<"stroke", "white">;
-    readonly strokeWidth: stylex.StyleXClassNameFor<"strokeWidth", 3>;
-  }>;
-  readonly indicator: Readonly<{
-    readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1>;
-    readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "150ms">;
-    readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "opacity">;
-  }>;
-}>;
-//#endregion
-export { checkboxStyles };

package/dist/components/cn.d.ts

@@ -1,6 +0,0 @@
-import { CompiledStyles, InlineStyles, StyleXArray } from "@stylexjs/stylex";
-//#region src/components/cn.d.ts
-type StylexStyle = StyleXArray<boolean | CompiledStyles | false | null | Readonly<[CompiledStyles, InlineStyles]> | undefined>;
-declare function sx(...styles: StylexStyle[]): string;
-//#endregion
-export { sx };

package/dist/components/column/column.stylex.d.ts

@@ -1,10 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/column/column.stylex.d.ts
-declare const columnStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
-  }>;
-}>;
-//#endregion
-export { columnStyles };

package/dist/components/combobox/combobox-empty.stylex.d.ts

@@ -1,13 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/combobox/combobox-empty.stylex.d.ts
-declare const comboboxEmptyStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly color: stylex.StyleXClassNameFor<"color", "transparent" | "var(--color-text-secondary)">;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 0 | 14>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 400 | 450>;
-    readonly padding: stylex.StyleXClassNameFor<"padding", 0 | "8px 12px">;
-    readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
-  }>;
-}>;
-//#endregion
-export { comboboxEmptyStyles };

package/dist/components/combobox/combobox-input.stylex.d.ts

@@ -1,93 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/combobox/combobox-input.stylex.d.ts
-declare const comboboxInputStyles: Readonly<{
-  readonly 32: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 8>;
-    readonly height: stylex.StyleXClassNameFor<"height", 32>;
-  }>;
-  readonly 36: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 9>;
-    readonly height: stylex.StyleXClassNameFor<"height", 36>;
-  }>;
-  readonly 40: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 10>;
-    readonly height: stylex.StyleXClassNameFor<"height", 40>;
-  }>;
-  readonly 44: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 11>;
-    readonly height: stylex.StyleXClassNameFor<"height", 44>;
-  }>;
-  readonly 48: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 12>;
-    readonly height: stylex.StyleXClassNameFor<"height", 48>;
-  }>;
-  readonly base: Readonly<{
-    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-bg-shell-inner)" | "var(--color-gray-3)">;
-    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "inset 0 0 0 1px var(--color-border)" | "inset 0 0 0 1px var(--color-gray-6)">;
-    readonly columnGap: stylex.StyleXClassNameFor<"columnGap", 8>;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "text" | "not-allowed">;
-    readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
-    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
-    readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | 0.5>;
-    readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", "transparent" | "var(--color-primary)">;
-    readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", 2>;
-    readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
-    readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", 2>;
-    readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 16>;
-    readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "150ms">;
-    readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, box-shadow">;
-    readonly width: stylex.StyleXClassNameFor<"width", "stretch">;
-  }>;
-  readonly icon: Readonly<{
-    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly height: stylex.StyleXClassNameFor<"height", 16>;
-    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-    readonly rotate: stylex.StyleXClassNameFor<"rotate", "0deg" | "180deg">;
-    readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "150ms">;
-    readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "rotate">;
-    readonly width: stylex.StyleXClassNameFor<"width", 16>;
-  }>;
-  readonly input: Readonly<{
-    readonly "::placeholder": stylex.StyleXClassNameFor<"::placeholder", {
-      readonly color: "var(--color-gray-9)";
-      readonly userSelect: "none";
-    }>;
-    readonly appearance: stylex.StyleXClassNameFor<"appearance", "none">;
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
-    readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-text-primary)">;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "text" | "not-allowed">;
-    readonly flexBasis: stylex.StyleXClassNameFor<"flexBasis", 0>;
-    readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
-    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 1>;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 14>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 450>;
-    readonly height: stylex.StyleXClassNameFor<"height", "100%">;
-    readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
-    readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
-    readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
-  }>;
-  readonly roundedFull: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 9999>;
-  }>;
-  readonly trigger: Readonly<{
-    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
-    readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
-    readonly color: stylex.StyleXClassNameFor<"color", "inherit">;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer" | "not-allowed">;
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
-    readonly height: stylex.StyleXClassNameFor<"height", "100%">;
-    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-    readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "auto">;
-    readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
-    readonly width: stylex.StyleXClassNameFor<"width", 16>;
-  }>;
-}>;
-//#endregion
-export { comboboxInputStyles };

package/dist/components/combobox/combobox-search.stylex.d.ts

@@ -1,45 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/combobox/combobox-search.stylex.d.ts
-declare const comboboxSearchStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-bg-shell-inner)">;
-    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "inset 0 -1px 0 var(--color-border)">;
-    readonly columnGap: stylex.StyleXClassNameFor<"columnGap", 8>;
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
-    readonly height: stylex.StyleXClassNameFor<"height", 40>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 16>;
-  }>;
-  readonly icon: Readonly<{
-    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-gray-9)">;
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
-    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-  }>;
-  readonly input: Readonly<{
-    readonly "::placeholder": stylex.StyleXClassNameFor<"::placeholder", {
-      readonly color: "var(--color-gray-9)";
-      readonly userSelect: "none";
-    }>;
-    readonly appearance: stylex.StyleXClassNameFor<"appearance", "none">;
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
-    readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-text-primary)">;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "text" | "not-allowed">;
-    readonly flexBasis: stylex.StyleXClassNameFor<"flexBasis", 0>;
-    readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
-    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 1>;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 14>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 400>;
-    readonly height: stylex.StyleXClassNameFor<"height", "100%">;
-    readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
-    readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | 0.5>;
-    readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
-    readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
-  }>;
-}>;
-//#endregion
-export { comboboxSearchStyles };

package/dist/components/combobox/combobox-value.stylex.d.ts

@@ -1,14 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/combobox/combobox-value.stylex.d.ts
-declare const comboboxValueStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-text-primary)" | "var(--color-gray-9)">;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 14>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 450>;
-    readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "hidden">;
-    readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
-    readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
-  }>;
-}>;
-//#endregion
-export { comboboxValueStyles };

package/dist/components/dialog-responsive/dialog-responsive-popup.stylex.d.ts

@@ -1,32 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/dialog-responsive/dialog-responsive-popup.stylex.d.ts
-declare const dialogResponsivePopupStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly "--radius-mobile": stylex.StyleXClassNameFor<"--radius-mobile", "16px" | "24px">;
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-gray-1)">;
-    readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", 0 | 16>;
-    readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", 0 | 16>;
-    readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", 16 | "var(--radius-mobile)">;
-    readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", 16 | "var(--radius-mobile)">;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "auto">;
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
-    readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", 640>;
-    readonly opacity: stylex.StyleXClassNameFor<"opacity", 0 | 1>;
-    readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", "var(--color-primary-9)">;
-    readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", -4>;
-    readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
-    readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", 0 | 2>;
-    readonly padding: stylex.StyleXClassNameFor<"padding", 16>;
-    readonly paddingTop: stylex.StyleXClassNameFor<"paddingTop", 0 | 16>;
-    readonly transform: stylex.StyleXClassNameFor<"transform", "none" | "scale(0.975)" | "scale(1) translateY(100%)" | "translateY(var(--drawer-swipe-movement-y))">;
-    readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "150ms" | "calc(var(--drawer-swipe-strength) * 300ms)" | "450ms">;
-    readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "transform" | "opacity, transform">;
-    readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease" | "cubic-bezier(0.32, 0.72, 0, 1)">;
-    readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "auto" | "none">;
-    readonly width: stylex.StyleXClassNameFor<"width", "100%">;
-    readonly willChange: stylex.StyleXClassNameFor<"willChange", "opacity, transform">;
-  }>;
-}>;
-//#endregion
-export { dialogResponsivePopupStyles };

package/dist/components/icon-button/icon-button.stylex.d.ts

@@ -1,21 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/icon-button/icon-button.stylex.d.ts
-declare const iconButtonStyles: Readonly<{
-  readonly 32: Readonly<{
-    readonly width: stylex.StyleXClassNameFor<"width", 32>;
-  }>;
-  readonly 36: Readonly<{
-    readonly width: stylex.StyleXClassNameFor<"width", 36>;
-  }>;
-  readonly 40: Readonly<{
-    readonly width: stylex.StyleXClassNameFor<"width", 40>;
-  }>;
-  readonly 44: Readonly<{
-    readonly width: stylex.StyleXClassNameFor<"width", 44>;
-  }>;
-  readonly 48: Readonly<{
-    readonly width: stylex.StyleXClassNameFor<"width", 48>;
-  }>;
-}>;
-//#endregion
-export { iconButtonStyles };

package/dist/components/input/input.stylex.d.ts

@@ -1,66 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/input/input.stylex.d.ts
-declare const inputStyles: Readonly<{
-  readonly 32: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 8>;
-    readonly minHeight: stylex.StyleXClassNameFor<"minHeight", 32>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 8>;
-  }>;
-  readonly 36: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 9>;
-    readonly minHeight: stylex.StyleXClassNameFor<"minHeight", 36>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 10>;
-  }>;
-  readonly 40: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 10>;
-    readonly minHeight: stylex.StyleXClassNameFor<"minHeight", 40>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 12>;
-  }>;
-  readonly 44: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 11>;
-    readonly minHeight: stylex.StyleXClassNameFor<"minHeight", 44>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 14>;
-  }>;
-  readonly 48: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 12>;
-    readonly minHeight: stylex.StyleXClassNameFor<"minHeight", 48>;
-    readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
-    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 16>;
-  }>;
-  readonly base: Readonly<{
-    readonly "::placeholder": stylex.StyleXClassNameFor<"::placeholder", {
-      readonly color: "var(--color-gray-9)";
-      readonly userSelect: "none";
-    }>;
-    readonly appearance: stylex.StyleXClassNameFor<"appearance", "none">;
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-bg-shell-inner)">;
-    readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
-    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "inset 0 0 0 1px var(--color-border)" | "inset 0 0 0 1px var(--color-gray-6)">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-text-primary)">;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "text" | "not-allowed">;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 14>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 400>;
-    readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", 1.5>;
-    readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | 0.5>;
-    readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", "var(--color-outline)" | "transparent" | "#e5484d" | "#30a46c">;
-    readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", -2>;
-    readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
-    readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", 2>;
-    readonly textDecoration: stylex.StyleXClassNameFor<"textDecoration", "none">;
-    readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "150ms">;
-    readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "box-shadow, opacity">;
-    readonly width: stylex.StyleXClassNameFor<"width", "100%">;
-  }>;
-  readonly roundedBase: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 12>;
-  }>;
-  readonly roundedFull: Readonly<{
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 9999>;
-  }>;
-}>;
-//#endregion
-export { inputStyles };

package/dist/components/label/label.stylex.d.ts

@@ -1,12 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/label/label.stylex.d.ts
-declare const labelStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-text-secondary)">;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 13>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 450>;
-    readonly width: stylex.StyleXClassNameFor<"width", "fit-content">;
-  }>;
-}>;
-//#endregion
-export { labelStyles };

package/dist/components/menu/menu-content.stylex.d.ts

@@ -1,11 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/menu/menu-content.stylex.d.ts
-declare const menuContentStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", "min(var(--available-width), 320px)">;
-    readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 180>;
-    readonly width: stylex.StyleXClassNameFor<"width", "max-content">;
-  }>;
-}>;
-//#endregion
-export { menuContentStyles };

package/dist/components/menu/menu-item.stylex.d.ts

@@ -1,11 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/menu/menu-item.stylex.d.ts
-declare const menuItemStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-text-primary)">;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 14>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 450>;
-  }>;
-}>;
-//#endregion
-export { menuItemStyles };

package/dist/components/menu/menu-submenu-trigger.stylex.d.ts

@@ -1,19 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/menu/menu-submenu-trigger.stylex.d.ts
-declare const menuSubmenuTriggerStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent" | "var(--color-gray-3)">;
-  }>;
-  readonly icon: Readonly<{
-    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-text-secondary)">;
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
-    readonly height: stylex.StyleXClassNameFor<"height", 16>;
-    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-    readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "auto">;
-    readonly width: stylex.StyleXClassNameFor<"width", 16>;
-  }>;
-}>;
-//#endregion
-export { menuSubmenuTriggerStyles };

package/dist/components/otp-field/otp-field-input.stylex.d.ts

@@ -1,25 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/otp-field/otp-field-input.stylex.d.ts
-declare const otpFieldInputStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "var(--color-gray-3)">;
-    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 14>;
-    readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "inset 0 0 0 1px var(--color-border)" | "inset 0 0 0 1px var(--color-gray-6)">;
-    readonly color: stylex.StyleXClassNameFor<"color", "var(--color-text-primary)">;
-    readonly cursor: stylex.StyleXClassNameFor<"cursor", "text" | "not-allowed">;
-    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 14>;
-    readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 450>;
-    readonly height: stylex.StyleXClassNameFor<"height", 48>;
-    readonly opacity: stylex.StyleXClassNameFor<"opacity", 1 | 0.5>;
-    readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", "var(--color-outline)">;
-    readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", -2>;
-    readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
-    readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", 0 | 2>;
-    readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
-    readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "150ms">;
-    readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "box-shadow">;
-    readonly width: stylex.StyleXClassNameFor<"width", 40>;
-  }>;
-}>;
-//#endregion
-export { otpFieldInputStyles };

package/dist/components/otp-field/otp-field.stylex.d.ts

@@ -1,16 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-//#region src/components/otp-field/otp-field.stylex.d.ts
-declare const otpFieldStyles: Readonly<{
-  readonly base: Readonly<{
-    readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-    readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
-    readonly gap: stylex.StyleXClassNameFor<"gap", 8>;
-    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-    readonly width: stylex.StyleXClassNameFor<"width", "fit-content">;
-  }>;
-  readonly maskedInput: Readonly<{
-    readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "inherit" | "var(--font-code)">;
-  }>;
-}>;
-//#endregion
-export { otpFieldStyles };