@optiaxiom/react 3.4.2 → 3.5.0

package/dist/cjs/useEvent-BGCT9scH.js

@@ -0,0 +1,19 @@
+"use client";
+let react = require("react");
+//#region src/hooks/useEvent.ts
+function useEvent(callback) {
+	const callbackRef = (0, react.useRef)(callback);
+	(0, react.useEffect)(() => {
+		callbackRef.current = callback;
+	});
+	return (0, react.useCallback)((...args) => {
+		return callbackRef.current(...args);
+	}, []);
+}
+//#endregion
+Object.defineProperty(exports, "useEvent", {
+	enumerable: true,
+	get: function() {
+		return useEvent;
+	}
+});

package/dist/cjs/useObserveValue-B_tuG44C.js

@@ -0,0 +1,32 @@
+let react = require("react");
+//#region src/hooks/useObserveValue.ts
+const useObserveValue = (inputRef, setValue) => {
+	(0, react.useEffect)(() => {
+		const input = inputRef.current;
+		if (!input) return;
+		const descriptor = Object.getOwnPropertyDescriptor(input.constructor.prototype, "value");
+		Object.defineProperty(input, "value", {
+			configurable: true,
+			enumerable: true,
+			get: function() {
+				return descriptor?.get?.call(input);
+			},
+			set: function(value) {
+				descriptor?.set?.call(input, value);
+				setValue(value);
+			}
+		});
+	}, [inputRef, setValue]);
+	return (value) => {
+		if (!inputRef.current) return;
+		inputRef.current.value = value;
+		inputRef.current.dispatchEvent(new Event("change", { bubbles: true }));
+	};
+};
+//#endregion
+Object.defineProperty(exports, "useObserveValue", {
+	enumerable: true,
+	get: function() {
+		return useObserveValue;
+	}
+});

package/dist/cjs/useSuggestions-BqrBlpWi.js

@@ -0,0 +1,23 @@
+const require_useSurface = require("./useSurface-Dy0GdyeS.js");
+//#region src/surface/useSuggestions.ts
+/**
+* Hook to access Surface suggestions for the current surface path only.
+* Returns suggestions that match the current surface context path exactly.
+* For child surface suggestions, use filterSuggestionsBySurface instead.
+*
+* @param type - Optional type filter ("value", "message", or "cards")
+* @returns Array of suggestions matching current path, or undefined if not in a Surface context
+*/
+function useSuggestions(surfaceType, type) {
+	const surface = require_useSurface.useSurface(surfaceType);
+	if (!surface?.suggestions) return;
+	const filtered = surface.suggestions.filter((s) => ("/" + surface.path).endsWith("/" + s.surface));
+	return type ? filtered.filter((s) => s.type === type) : filtered;
+}
+//#endregion
+Object.defineProperty(exports, "useSuggestions", {
+	enumerable: true,
+	get: function() {
+		return useSuggestions;
+	}
+});

package/dist/cjs/useSurface-Dy0GdyeS.js

@@ -0,0 +1,27 @@
+let _optiaxiom_globals = require("@optiaxiom/globals");
+//#region src/surface/useSurface.ts
+/**
+* Hook to access Surface context with optional type filtering.
+*
+* @param type - Optional surface type to filter by. Only returns surface if it matches this type.
+* @returns Surface context if type matches (or any surface if no type specified), undefined otherwise
+*
+* @example
+* // Only get surface if it's an interaction surface
+* const surface = useSurface("interaction");
+*
+* @example
+* // Get any surface
+* const surface = useSurface();
+*/
+function useSurface(type) {
+	const surface = (0, _optiaxiom_globals.unstable_useSurfaceContext)();
+	if (surface && (!type || surface.type === type)) return surface;
+}
+//#endregion
+Object.defineProperty(exports, "useSurface", {
+	enumerable: true,
+	get: function() {
+		return useSurface;
+	}
+});

package/dist/cjs/utils-Dt_U6NjH.js

@@ -0,0 +1,70 @@
+"use client";
+const require_useEvent = require("./useEvent-BGCT9scH.js");
+const require_FieldContext = require("./FieldContext-MRvFQT4y.js");
+let react = require("react");
+//#region src/hooks/useFieldLabelTrigger.ts
+const useFieldLabelTrigger = (ref, ariaLabelledBy) => {
+	const { labelId = ariaLabelledBy } = require_FieldContext.useFieldContext("useFieldLabelTrigger");
+	(0, react.useEffect)(() => {
+		if (!labelId || !ref.current) return;
+		const button = ref.current;
+		const label = document.getElementById(labelId);
+		if (!label) return;
+		const onLabelClick = () => button.focus();
+		label.addEventListener("click", onLabelClick);
+		return () => label.removeEventListener("click", onLabelClick);
+	}, [labelId, ref]);
+	return labelId;
+};
+//#endregion
+//#region src/downshift/useHighlightedIndex.ts
+function useHighlightedIndex(open, getInitialHighlightedIndex = () => -1) {
+	const [highlightedIndex, setHighlightedIndex] = (0, react.useState)(-1);
+	/**
+	* Since we manually track highlightedIndex we need to reset it whenever
+	* the menu is closed or the open state changes.
+	*/
+	const getInitialHighlightedIndexStable = require_useEvent.useEvent(getInitialHighlightedIndex);
+	(0, react.useEffect)(() => {
+		if (!open) setHighlightedIndex(-1);
+		else if (open) setHighlightedIndex(getInitialHighlightedIndexStable);
+	}, [open, getInitialHighlightedIndexStable]);
+	return [highlightedIndex === -1 ? getInitialHighlightedIndex() : highlightedIndex, setHighlightedIndex];
+}
+//#endregion
+//#region src/listbox/utils.ts
+const shouldShowSeparator = (group, prevItem) => {
+	return !!prevItem && !isSameGroup(group, prevItem?.group) && (group?.separator || prevItem?.group?.separator);
+};
+const shouldShowGroup = (group, prevItem) => {
+	return !isSameGroup(group, prevItem?.group) && !!group && !group.hidden;
+};
+const isSameGroup = (group1, group2) => {
+	if (group1 === group2) return true;
+	return group1?.label === group2?.label;
+};
+//#endregion
+Object.defineProperty(exports, "shouldShowGroup", {
+	enumerable: true,
+	get: function() {
+		return shouldShowGroup;
+	}
+});
+Object.defineProperty(exports, "shouldShowSeparator", {
+	enumerable: true,
+	get: function() {
+		return shouldShowSeparator;
+	}
+});
+Object.defineProperty(exports, "useFieldLabelTrigger", {
+	enumerable: true,
+	get: function() {
+		return useFieldLabelTrigger;
+	}
+});
+Object.defineProperty(exports, "useHighlightedIndex", {
+	enumerable: true,
+	get: function() {
+		return useHighlightedIndex;
+	}
+});

package/dist/code.d.ts

@@ -0,0 +1,2 @@
+import { vi as Code, yi as CodeProps } from "./index-OainscIR.js";
+export { Code, CodeProps };

package/dist/cover.d.ts

@@ -0,0 +1,2 @@
+import { _i as CoverProps, gi as Cover } from "./index-OainscIR.js";
+export { Cover, CoverProps };

package/dist/css-runtime.d.ts

@@ -19,35 +19,24 @@ interface ResponsiveArray<Length extends number, Value> extends ReadonlyArray<Va
 }
 //#endregion
 //#region src/sprinkles/sprinkles.d.ts
-declare const sprinkles: ((props: {
+declare const sprinklesClassName: ((props: {
   animation?: "ping" | "pulse" | "spin" | undefined;
   backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.message.neutral" | "bg.overlay" | "bg.page" | "bg.pill.default" | "bg.pill.hovered" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "current" | "transparent" | undefined;
   backgroundImage?: "gradient.opal" | undefined;
   borderBottomWidth?: "0" | "1" | "2" | undefined;
   borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "current" | "transparent" | undefined;
   borderLeftWidth?: "0" | "1" | "2" | undefined;
-  borderRadius?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
   borderRightWidth?: "0" | "1" | "2" | undefined;
   borderTopWidth?: "0" | "1" | "2" | undefined;
   boxShadow?: "lg" | "md" | "none" | "sm" | "xl" | undefined;
   color?: "current" | "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.black" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | undefined;
   cursor?: "default" | "pointer" | "text" | undefined;
   fontFamily?: "heading" | "mono" | "sans" | undefined;
-  fontSize?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
   fontWeight?: "400" | "500" | "600" | "700" | "900" | "inherit" | undefined;
-  marginBottom?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  marginLeft?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  marginRight?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  marginTop?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
   objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
   overflowX?: "auto" | "hidden" | "visible" | undefined;
   overflowY?: "auto" | "hidden" | "visible" | undefined;
-  paddingBottom?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  paddingLeft?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  paddingRight?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  paddingTop?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
   pointerEvents?: "auto" | "none" | undefined;
-  textAlign?: "center" | "end" | "justify" | "start" | undefined;
   textTransform?: "capitalize" | "none" | "uppercase" | undefined;
   transition?: "all" | "colors" | "none" | "opacity" | "transform" | undefined;
   whiteSpace?: "nowrap" | undefined;
@@ -58,24 +47,120 @@ declare const sprinkles: ((props: {
   borderL?: "0" | "1" | "2" | undefined;
   borderR?: "0" | "1" | "2" | undefined;
   borderT?: "0" | "1" | "2" | undefined;
-  m?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  mx?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  my?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  mb?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  ml?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  mr?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
-  mt?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
   overflow?: "auto" | "hidden" | "visible" | undefined;
-  p?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  px?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  py?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  pb?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  pl?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  pr?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  pt?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
-  rounded?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
   shadow?: "lg" | "md" | "none" | "sm" | "xl" | undefined;
   z?: "0" | "10" | "20" | "30" | "auto" | "popover" | "toast" | "tooltip" | undefined;
+} & {
+  m?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  mx?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  my?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  mb?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  ml?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  mr?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  mt?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  p?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  px?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  py?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  pb?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  pl?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  pr?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  pt?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  marginBottom?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  marginLeft?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  marginRight?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  marginTop?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | "auto" | undefined;
+  } | undefined);
+  paddingBottom?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  paddingLeft?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  paddingRight?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
+  paddingTop?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
+    base?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+    sm?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
+  } | undefined);
 } & {
   alignItems?: ResponsiveArray<1 | 2 | 3, "center" | "end" | "normal" | "start" | "stretch" | null> | ("center" | "end" | "normal" | "start" | "stretch" | {
     readonly base?: {};
@@ -87,6 +172,11 @@ declare const sprinkles: ((props: {
     readonly md?: "center" | "end" | "normal" | "start" | "stretch" | undefined;
     readonly sm?: "center" | "end" | "normal" | "start" | "stretch" | undefined;
   } | undefined);
+  borderRadius?: ResponsiveArray<1 | 2 | 3, "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | null> | ("full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
+  } | undefined);
   display?: ResponsiveArray<1 | 2 | 3, "block" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | "table" | "table-cell" | "table-row" | null> | ("block" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | "table" | "table-cell" | "table-row" | {
     readonly base?: {};
     readonly md?: "block" | "flex" | "grid" | "inline" | "inline-block" | "inline-flex" | "none" | "table" | "table-cell" | "table-row" | undefined;
@@ -107,6 +197,11 @@ declare const sprinkles: ((props: {
     readonly md?: "nowrap" | "wrap" | undefined;
     readonly sm?: "nowrap" | "wrap" | undefined;
   } | undefined);
+  fontSize?: ResponsiveArray<1 | 2 | 3, "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | null> | ("2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "2xl" | "3xl" | "4xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | undefined;
+  } | undefined);
   gap?: ResponsiveArray<1 | 2 | 3, "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | null> | ("0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | {
     readonly base?: {};
     readonly md?: "0" | "10" | "12" | "16" | "2" | "20" | "24" | "32" | "4" | "40" | "48" | "6" | "64" | "8" | "80" | undefined;
@@ -152,11 +247,21 @@ declare const sprinkles: ((props: {
     readonly md?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
     readonly sm?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
   } | undefined);
+  minWidth?: ResponsiveArray<1 | 2 | 3, "0" | "auto" | null> | ("0" | "auto" | {
+    readonly base?: {};
+    readonly md?: "0" | "auto" | undefined;
+    readonly sm?: "0" | "auto" | undefined;
+  } | undefined);
   placeItems?: ResponsiveArray<1 | 2 | 3, "center" | null> | ("center" | {
     readonly base?: {};
     readonly md?: "center" | undefined;
     readonly sm?: "center" | undefined;
   } | undefined);
+  textAlign?: ResponsiveArray<1 | 2 | 3, "center" | "end" | "justify" | "start" | null> | ("center" | "end" | "justify" | "start" | {
+    readonly base?: {};
+    readonly md?: "center" | "end" | "justify" | "start" | undefined;
+    readonly sm?: "center" | "end" | "justify" | "start" | undefined;
+  } | undefined);
   width?: ResponsiveArray<1 | 2 | 3, "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | null> | ("0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | {
     readonly base?: {};
     readonly md?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
@@ -172,6 +277,16 @@ declare const sprinkles: ((props: {
     readonly md?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
     readonly sm?: "full" | "lg" | "md" | "sm" | "xs" | undefined;
   } | undefined);
+  minW?: ResponsiveArray<1 | 2 | 3, "0" | "auto" | null> | ("0" | "auto" | {
+    readonly base?: {};
+    readonly md?: "0" | "auto" | undefined;
+    readonly sm?: "0" | "auto" | undefined;
+  } | undefined);
+  rounded?: ResponsiveArray<1 | 2 | 3, "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | null> | ("full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | {
+    readonly base?: {};
+    readonly md?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
+    readonly sm?: "full" | "inherit" | "lg" | "md" | "none" | "sm" | "xl" | "xs" | undefined;
+  } | undefined);
   size?: ResponsiveArray<1 | 2 | 3, "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | null> | ("0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | {
     readonly base?: {};
     readonly md?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
@@ -188,9 +303,19 @@ declare const sprinkles: ((props: {
     readonly sm?: "0" | "1/2" | "1/3" | "1/4" | "10" | "12" | "16" | "2/3" | "20" | "224" | "24" | "2xs" | "3/4" | "32" | "384" | "3xl" | "40" | "48" | "56" | "64" | "80" | "auto" | "fit" | "full" | "lg" | "max" | "md" | "min" | "sm" | "xl" | "xs" | undefined;
   } | undefined);
 }) => string) & {
-  properties: Set<"alignItems" | "alignSelf" | "animation" | "backgroundColor" | "backgroundImage" | "bg" | "border" | "borderB" | "borderBottomWidth" | "borderColor" | "borderL" | "borderLeftWidth" | "borderR" | "borderRadius" | "borderRightWidth" | "borderT" | "borderTopWidth" | "boxShadow" | "color" | "cursor" | "display" | "flex" | "flexDirection" | "flexWrap" | "fontFamily" | "fontSize" | "fontWeight" | "gap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "h" | "height" | "justifyContent" | "justifyItems" | "m" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxH" | "maxHeight" | "maxW" | "maxWidth" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "objectFit" | "overflow" | "overflowX" | "overflowY" | "p" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pb" | "pl" | "placeItems" | "pointerEvents" | "pr" | "pt" | "px" | "py" | "rounded" | "shadow" | "size" | "textAlign" | "textTransform" | "transition" | "w" | "whiteSpace" | "width" | "z" | "zIndex">;
+  properties: Set<"alignItems" | "alignSelf" | "animation" | "backgroundColor" | "backgroundImage" | "bg" | "border" | "borderB" | "borderBottomWidth" | "borderColor" | "borderL" | "borderLeftWidth" | "borderR" | "borderRadius" | "borderRightWidth" | "borderT" | "borderTopWidth" | "boxShadow" | "color" | "cursor" | "display" | "flex" | "flexDirection" | "flexWrap" | "fontFamily" | "fontSize" | "fontWeight" | "gap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "h" | "height" | "justifyContent" | "justifyItems" | "m" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxH" | "maxHeight" | "maxW" | "maxWidth" | "mb" | "minW" | "minWidth" | "ml" | "mr" | "mt" | "mx" | "my" | "objectFit" | "overflow" | "overflowX" | "overflowY" | "p" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pb" | "pl" | "placeItems" | "pointerEvents" | "pr" | "pt" | "px" | "py" | "rounded" | "shadow" | "size" | "textAlign" | "textTransform" | "transition" | "w" | "whiteSpace" | "width" | "z" | "zIndex">;
+};
+/**
+ * Breakpoint values of padding and margin need the inline vars in `style`
+ * alongside the classes.
+ */
+declare const sprinkles: ((props: Parameters<typeof sprinklesClassName>[0]) => {
+  className: string;
+  style?: Record<string, string> | undefined;
+}) & {
+  properties: Set<"alignItems" | "alignSelf" | "animation" | "backgroundColor" | "backgroundImage" | "bg" | "border" | "borderB" | "borderBottomWidth" | "borderColor" | "borderL" | "borderLeftWidth" | "borderR" | "borderRadius" | "borderRightWidth" | "borderT" | "borderTopWidth" | "boxShadow" | "color" | "cursor" | "display" | "flex" | "flexDirection" | "flexWrap" | "fontFamily" | "fontSize" | "fontWeight" | "gap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "h" | "height" | "justifyContent" | "justifyItems" | "m" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxH" | "maxHeight" | "maxW" | "maxWidth" | "mb" | "minW" | "minWidth" | "ml" | "mr" | "mt" | "mx" | "my" | "objectFit" | "overflow" | "overflowX" | "overflowY" | "p" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pb" | "pl" | "placeItems" | "pointerEvents" | "pr" | "pt" | "px" | "py" | "rounded" | "shadow" | "size" | "textAlign" | "textTransform" | "transition" | "w" | "whiteSpace" | "width" | "z" | "zIndex">;
 };
-type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
+type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
 type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
 //#endregion
 //#region src/vanilla-extract/recipeRuntime.d.ts

package/dist/data-table.d.ts

@@ -0,0 +1,2 @@
+import { $r as DataTableActionProps, Gr as DataTableLabelProps, Jr as DataTableCheckbox, Kr as DataTableFooter, Qr as DataTableAction, Wr as DataTableLabel, Xr as DataTableBody, Yr as DataTableCheckboxProps, Zr as DataTableBodyProps, hi as DataTableProps, mi as DataTable, qr as DataTableFooterProps } from "./index-OainscIR.js";
+export { DataTable, DataTableAction, DataTableActionProps, DataTableBody, DataTableBodyProps, DataTableCheckbox, DataTableCheckboxProps, DataTableFooter, DataTableFooterProps, DataTableLabel, DataTableLabelProps, DataTableProps };

package/dist/date-input.d.ts

@@ -0,0 +1,2 @@
+import { Mr as DateInput, Nr as DateInputProps } from "./index-OainscIR.js";
+export { DateInput, DateInputProps };

package/dist/date-range-picker.d.ts

@@ -0,0 +1,2 @@
+import { Jn as DateRangePickerContent, Kn as DateRangePickerTrigger, Xn as DateRangePicker, Yn as DateRangePickerContentProps, Zn as DateRangePickerProps, qn as DateRangePickerTriggerProps } from "./index-OainscIR.js";
+export { DateRangePicker, DateRangePickerContent, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTrigger, DateRangePickerTriggerProps };

package/dist/dialog.d.ts

@@ -0,0 +1,2 @@
+import { An as DialogHeader, Bn as DialogClose, Fn as DialogFooterProps, Gn as DialogProps, Hn as DialogBody, Mn as DialogForm, Nn as DialogFormProps, On as DialogTrigger, Pn as DialogFooter, Rn as DialogContent, Un as DialogBodyProps, Vn as DialogCloseProps, Wn as Dialog, jn as DialogHeaderProps, kn as DialogTriggerProps, zn as DialogContentProps } from "./index-OainscIR.js";
+export { Dialog, DialogBody, DialogBodyProps, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogForm, DialogFormProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps };

package/dist/disclosure.d.ts

@@ -0,0 +1,2 @@
+import { Cn as DisclosureTriggerProps, Dn as DisclosureProps, En as Disclosure, Sn as DisclosureTrigger, Tn as DisclosureContentProps, wn as DisclosureContent } from "./index-OainscIR.js";
+export { Disclosure, DisclosureContent, DisclosureContentProps, DisclosureProps, DisclosureTrigger, DisclosureTriggerProps };

package/dist/dropdown-menu.d.ts

@@ -0,0 +1,2 @@
+import { _n as DropdownMenuContentProps, an as DropdownMenuSubContentProps, bn as DropdownMenu, cn as DropdownMenuSeparator, dn as DropdownMenuLabelProps, en as DropdownMenuTrigger, fn as DropdownMenuItem, gn as DropdownMenuContent, hn as DropdownMenuGroupProps, in as DropdownMenuSubContent, ln as DropdownMenuSeparatorProps, mn as DropdownMenuGroup, nn as DropdownMenuSubTrigger, on as DropdownMenuSub, pn as DropdownMenuItemProps, rn as DropdownMenuSubTriggerProps, sn as DropdownMenuSubProps, tn as DropdownMenuTriggerProps, un as DropdownMenuLabel, vn as DropdownMenuCheckboxItem, xn as DropdownMenuProps, yn as DropdownMenuCheckboxItemProps } from "./index-OainscIR.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupProps, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger, DropdownMenuTriggerProps };

package/dist/editor.d.ts

@@ -1,4 +1,6 @@
-import { Ka as Sprinkles, Ua as BoxProps } from "./index-CxL_yPZH.js";
+import "./index-OainscIR.js";
+import { r as BoxProps } from "./index-CIGZRbux.js";
+import { r as Sprinkles } from "./index-DRYcWmu2.js";
 //#region src/rich-text-editor/RichTextEditor.d.ts
 export type RichTextEditorProps = BoxProps<"div", {
   /**

package/dist/ellipsis-menu-button.d.ts

@@ -0,0 +1,2 @@
+import { $t as EllipsisMenuButtonProps, Qt as EllipsisMenuButton } from "./index-OainscIR.js";
+export { EllipsisMenuButton, EllipsisMenuButtonProps };

package/dist/esm/alert-dialog.js

@@ -0,0 +1,9 @@
+import { AlertDialog } from "./packages/react/src/alert-dialog/AlertDialog.js";
+import { AlertDialogAction } from "./packages/react/src/alert-dialog/AlertDialogAction.js";
+import { AlertDialogBody } from "./packages/react/src/alert-dialog/AlertDialogBody.js";
+import { AlertDialogCancel } from "./packages/react/src/alert-dialog/AlertDialogCancel.js";
+import { AlertDialogContent } from "./packages/react/src/alert-dialog/AlertDialogContent.js";
+import { AlertDialogFooter } from "./packages/react/src/alert-dialog/AlertDialogFooter.js";
+import { AlertDialogHeader } from "./packages/react/src/alert-dialog/AlertDialogHeader.js";
+import { AlertDialogTrigger } from "./packages/react/src/alert-dialog/AlertDialogTrigger.js";
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger };

package/dist/esm/alert.js

@@ -0,0 +1,2 @@
+import { Alert } from "./packages/react/src/alert/Alert.js";
+export { Alert };

package/dist/esm/angle-menu-button.js

@@ -0,0 +1,2 @@
+import { AngleMenuButton } from "./packages/react/src/angle-menu-button/AngleMenuButton.js";
+export { AngleMenuButton };

package/dist/esm/assets/ActionsContent.css.ts.vanilla-Cn1nx2Nc.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._15i3me5;
+@layer optiaxiom._15i3me5 {
+  .cmmouq {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  .xdnfgb:not(:has(.xdnfgb)):focus-within .cmmouq, .cmmouq:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._1uqdc43 {
+    opacity: 1;
+  }
+  .iy5ju {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    .xdnfgb:not(:has(.xdnfgb)):hover .cmmouq {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

package/dist/esm/assets/Alert.css.ts.vanilla-Hxg2YqUp.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._15i3me5;
+@layer optiaxiom._15i3me5 {
+  ._19czynz {
+    min-height: var(--ax-size-sm);
+  }
+}