@mechane-ai/elements 0.12.0 → 0.13.0

package/dist/tokens.js

@@ -180,24 +180,28 @@ var e = {
 	drawerEasing: "var(--xumjr7l)",
 	__varGroupHash__: "xtoz1ri"
 }, m = {
+	delaySeconds: 2,
+	revealMs: 80,
+	placeholderMs: 120
+}, h = {
 	popup: "var(--xfou7vv)",
 	selection: "var(--x1qr3jy8)",
 	__varGroupHash__: "x1e8hs47"
-}, h = { popup: "0 4px 16px #00000066" }, g = {
+}, g = { popup: "0 4px 16px #00000066" }, _ = {
 	sticky: "1",
 	backdrop: "20",
 	dialog: "21",
 	popup: "30",
 	tooltip: "40",
 	skipLink: "50"
-}, _ = {
+}, v = {
 	rowHeight: 48,
 	headerHeight: 36
-}, v = {
+}, y = {
 	coarsePointer: "@media (pointer: coarse)",
 	hoverPointer: "@media (hover: hover) and (pointer: fine)",
 	compactText: "@media (max-width:639px)",
 	compactTable: "@media (max-width:600px)",
 	reducedMotion: "@media (prefers-reduced-motion: reduce)"
 };
-export { i as avatarColors, n as chartColors, e as colors, v as conditions, u as controls, a as darkAvatarColors, r as darkChartColors, t as darkColors, h as darkShadows, s as darkSyntaxColors, g as layers, p as motion, d as pageGeometry, f as radii, m as shadows, c as spacing, o as syntaxColors, _ as tableGeometry, l as typography };
+export { i as avatarColors, n as chartColors, e as colors, y as conditions, u as controls, a as darkAvatarColors, r as darkChartColors, t as darkColors, g as darkShadows, s as darkSyntaxColors, _ as layers, m as loading, p as motion, d as pageGeometry, f as radii, h as shadows, c as spacing, o as syntaxColors, v as tableGeometry, l as typography };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mechane-ai/elements",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "Elements by Mechane — React components for applications, AI interfaces, and analytical graphics",
   "license": "Apache-2.0",
   "repository": {

package/packages/foundations/src/tokens.stylex.ts

@@ -190,6 +190,8 @@ export const motion = stylex.defineVars({
   drawerEasing: 'cubic-bezier(0.32, 0.72, 0, 1)',
 });
 
+export const loading = stylex.defineConsts({ delaySeconds: 2, revealMs: 80, placeholderMs: 120 });
+
 export const shadows = stylex.defineVars({ popup: '0 4px 16px #00000014', selection: 'inset 2px 0 currentColor' });
 
 export const darkShadows = stylex.defineConsts({ popup: '0 4px 16px #00000066' });

package/dist/packages/feedback/src/loading.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-type LoadingProps = {
-    readonly label: string;
-    readonly shape?: 'rows' | 'detail';
-};
-export declare function Loading({ label, shape }: LoadingProps): ReactNode;
-export {};