qstd 0.2.18 → 0.2.20

package/dist/block/fns.d.ts

@@ -36,6 +36,7 @@ export declare const extractElType: (is: _t.Is, props: {
     isBtnLike: boolean;
     isAccordion: boolean;
     filepickerAllowed: boolean | undefined;
+    isVoidElement: boolean;
     isTextarea: boolean;
     isCheckbox: boolean;
     isSkeleton: boolean;

package/dist/block/fns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAMlE,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAG9B,KAAK,kBAAkB,GAAG,EAAE,CAAC,gBAAgB,GAC3C,EAAE,CAAC,YAAY,GACf,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAW1B;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,GAAG,IAAI,uBAsC3C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,GAAG,IAAI,uBA6BjD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,GAAG,IAAI,kBAsB3C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAU,CAAC,SAAS,IAAI,EAAE,eAAe,IAAI,EAAE,iBA4BvE,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,MAAM,EACxD,UAAU,KAAK,CAAC,SAAS,EACzB,aAAa,MAAM,KAClB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,SAW1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;;;;;;;;;;;;CAgEvE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,UAAU,CAAC,OAAO,aAAa,CAAC,EACzC,UAAU,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8E7B,CAAC;AAqGF,eAAO,MAAM,QAAQ,GACnB,SAAS,UAAU,CAAC,OAAO,aAAa,CAAC,EACzC,UAAU,kBAAkB;;;CAgC7B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,MAAM,EACnC,KAAK,CAAC,EACN,MAAM,SAAS,MAAM,EAAE,KACtB,OAAO,CAAC,CAAC,CAkBX,CAAC"}
+{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"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"}

package/dist/block/index.d.ts

@@ -11,10 +11,14 @@ import * as _t from "./types";
 declare function Block<T extends _t.Is>(props: _t.BlockProps<T>): React.ReactElement;
 declare function Block(props: _t.BaseBlockProps): React.ReactElement;
 declare const TooltipNamespace: {
-    readonly Container: React.ForwardRefExoticComponent<Omit<_t.BaseBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly Container: React.ForwardRefExoticComponent<Omit<_t.BaseBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+        isBlockTooltipContainer: true;
+    };
 };
 declare const MenuNamespace: {
-    readonly Container: typeof MenuContainer;
+    readonly Container: typeof MenuContainer & {
+        isBlockMenuContainer: true;
+    };
 };
 declare const InputNamespace: {
     readonly Label: typeof InputLabel;

package/dist/block/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/block/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAa,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAe,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAChD,OAAc,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AACnD,OAAiB,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAkB,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACtD,OAAiB,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAI1D,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAM9B,iBAAS,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;AAC7E,iBAAS,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC;AAyJ7D,QAAA,MAAM,gBAAgB;;CAA2C,CAAC;AAGlE,QAAA,MAAM,aAAa;;CAAwC,CAAC;AAG5D,QAAA,MAAM,cAAc;;;;CAIV,CAAC;AAGX,QAAA,MAAM,iBAAiB;;CAEb,CAAC;AAGX,QAAA,MAAM,cAAc;;CAEV,CAAC;AAGX,QAAA,MAAM,eAAe;;;CAA4B,CAAC;AAGlD,QAAA,MAAM,kBAAkB;;CAEd,CAAC;AAGX,QAAA,MAAM,eAAe;;;CAGX,CAAC;AAGX,QAAA,MAAM,iBAAiB;;;CAGb,CAAC;AAEX;;;GAGG;AACH,KAAK,cAAc,GAAG,OAAO,KAAK,GAAG;IACnC,QAAQ,CAAC,MAAM,EAAE,OAAO,eAAe,CAAC;IACxC,QAAQ,CAAC,MAAM,EAAE,OAAO,eAAe,CAAC;IACxC,QAAQ,CAAC,OAAO,EAAE,OAAO,gBAAgB,CAAC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,OAAO,iBAAiB,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,OAAO,kBAAkB,CAAC;IAC9C,QAAQ,CAAC,QAAQ,EAAE,OAAO,iBAAiB,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,OAAO,cAAc,CAAC;IACtC,QAAQ,CAAC,KAAK,EAAE,OAAO,cAAc,CAAC;IACtC,QAAQ,CAAC,IAAI,EAAE,OAAO,aAAa,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,cAUM,CAAC;AAE5B,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/block/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAa,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAe,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAChD,OAAc,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AACnD,OAAiB,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAkB,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACtD,OAAiB,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAI1D,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAM9B,iBAAS,KAAK,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;AAC7E,iBAAS,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC;AAoK7D,QAAA,MAAM,gBAAgB;;;;CAAiD,CAAC;AAGxE,QAAA,MAAM,aAAa;;;;CAA8C,CAAC;AAGlE,QAAA,MAAM,cAAc;;;;CAIV,CAAC;AAGX,QAAA,MAAM,iBAAiB;;CAEb,CAAC;AAGX,QAAA,MAAM,cAAc;;CAEV,CAAC;AAGX,QAAA,MAAM,eAAe;;;CAA4B,CAAC;AAGlD,QAAA,MAAM,kBAAkB;;CAEd,CAAC;AAGX,QAAA,MAAM,eAAe;;;CAGX,CAAC;AAGX,QAAA,MAAM,iBAAiB;;;CAGb,CAAC;AAEX;;;GAGG;AACH,KAAK,cAAc,GAAG,OAAO,KAAK,GAAG;IACnC,QAAQ,CAAC,MAAM,EAAE,OAAO,eAAe,CAAC;IACxC,QAAQ,CAAC,MAAM,EAAE,OAAO,eAAe,CAAC;IACxC,QAAQ,CAAC,OAAO,EAAE,OAAO,gBAAgB,CAAC;IAC1C,QAAQ,CAAC,QAAQ,EAAE,OAAO,iBAAiB,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,OAAO,kBAAkB,CAAC;IAC9C,QAAQ,CAAC,QAAQ,EAAE,OAAO,iBAAiB,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,OAAO,cAAc,CAAC;IACtC,QAAQ,CAAC,KAAK,EAAE,OAAO,cAAc,CAAC;IACtC,QAAQ,CAAC,IAAI,EAAE,OAAO,aAAa,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,cAUM,CAAC;AAE5B,eAAe,aAAa,CAAC"}

package/dist/block/test-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-types.d.ts","sourceRoot":"","sources":["../../src/block/test-types.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,eAAe,+CA2IpB,CAAC;AAeF,QAAA,MAAM,cAAc,YAMnB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"test-types.d.ts","sourceRoot":"","sources":["../../src/block/test-types.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,eAAe,+CA2IpB,CAAC;AAGF,QAAA,MAAM,cAAc,YAMnB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

package/dist/react/index.cjs

@@ -1017,6 +1017,7 @@ var extractElType = (is, props) => {
   const isAccordion = is === "accordion";
   const isBtnLike = is === "btn" || is === "link";
   const filepickerAllowed = !is && props.filepicker || is && (is === "txt" || is === "btn" || is === "link" || is === "img") && props.filepicker;
+  const isVoidElement = el === "img" || el === "input" || el === "hr";
   return {
     el,
     is,
@@ -1028,6 +1029,7 @@ var extractElType = (is, props) => {
     isBtnLike,
     isAccordion,
     filepickerAllowed,
+    isVoidElement,
     isTextarea,
     isCheckbox,
     isSkeleton,
@@ -1065,7 +1067,12 @@ var extractElAndStyles = (extract, anyProps) => {
     variants,
     transition: _motion ?? transition
   } : void 0;
-  const remaining = omit(rest, ["loadingPosition", "loadingIcon", "isLoading"]);
+  const remaining = omit(rest, [
+    "loadingPosition",
+    "loadingIcon",
+    "isLoading",
+    "children"
+  ]);
   const cursor = anyProps.isLoading ? "not-allowed" : "pointer";
   const btnClassName = extract.is === "btn" ? css({ display: "flex", alignI: "center", cursor }) : "";
   const linkClassName = extract.isLink ? css({
@@ -3497,17 +3504,26 @@ function Block(props) {
         multiple,
         accept: anyProps.accept,
         style: { display: "none" },
-        onChange: async (e) => {
+        onChange: (e) => {
           const files = Array.from(e.target.files ?? []);
-          const selectedFiles = files.length ? await prepareFiles(files) : [];
-          if (anyProps.onChange) {
-            anyProps.onChange(selectedFiles);
+          if (files.length) {
+            void prepareFiles(files).then((selectedFiles) => {
+              if (anyProps.onChange) {
+                anyProps.onChange(selectedFiles);
+              }
+            });
+          } else if (anyProps.onChange) {
+            anyProps.onChange([]);
           }
         },
         value: ""
       }
     )
-  ] }) : React12__namespace.createElement(
+  ] }) : extract.isVoidElement ? React12__namespace.createElement(Comp, {
+    ...isLoading && { "data-loading": isLoading },
+    onContextMenu: (e) => e.preventDefault(),
+    ...initialStyles
+  }) : React12__namespace.createElement(
     Comp,
     {
       ...isLoading && { "data-loading": isLoading },
@@ -3527,18 +3543,19 @@ function Block(props) {
     const portalContainer = rest.portalContainer;
     const fallback = document.getElementById("portal") || document.body;
     const container = portalContainer ?? fallback;
-    return reactDom.createPortal(
-      component,
-      container
-    );
+    return reactDom.createPortal(component, container);
   } else {
     return component;
   }
 }
-TooltipContainer.isBlockTooltipContainer = true;
-MenuContainer.isBlockMenuContainer = true;
-var TooltipNamespace = { Container: TooltipContainer };
-var MenuNamespace = { Container: MenuContainer };
+var TaggedTooltipContainer = Object.assign(TooltipContainer, {
+  isBlockTooltipContainer: true
+});
+var TaggedMenuContainer = Object.assign(MenuContainer, {
+  isBlockMenuContainer: true
+});
+var TooltipNamespace = { Container: TaggedTooltipContainer };
+var MenuNamespace = { Container: TaggedMenuContainer };
 var InputNamespace = {
   Label: Label2,
   RightSide,

package/dist/react/index.css

@@ -838,9 +838,6 @@
   .bg_white {
     background: var(--colors-white);
   }
-  .bg_red\.500 {
-    background: var(--colors-red-500);
-  }
   .bg_rgba\(20\,20\,20\,0\.95\) {
     background: rgba(20, 20, 20, 0.95);
   }
@@ -946,9 +943,6 @@
   .trs_background-color_0\.2s_ease-in-out {
     transition: background-color 0.2s ease-in-out;
   }
-  .py_3 {
-    padding-block: var(--spacing-3);
-  }
   .px_10px {
     padding-inline: 10px;
   }
@@ -1347,12 +1341,6 @@
   .h_fit-content {
     height: fit-content;
   }
-  .mr_2 {
-    margin-right: var(--spacing-2);
-  }
-  .h_true {
-    height: 100%;
-  }
   .top_1 {
     top: var(--spacing-1);
   }

package/dist/react/index.js

@@ -994,6 +994,7 @@ var extractElType = (is, props) => {
   const isAccordion = is === "accordion";
   const isBtnLike = is === "btn" || is === "link";
   const filepickerAllowed = !is && props.filepicker || is && (is === "txt" || is === "btn" || is === "link" || is === "img") && props.filepicker;
+  const isVoidElement = el === "img" || el === "input" || el === "hr";
   return {
     el,
     is,
@@ -1005,6 +1006,7 @@ var extractElType = (is, props) => {
     isBtnLike,
     isAccordion,
     filepickerAllowed,
+    isVoidElement,
     isTextarea,
     isCheckbox,
     isSkeleton,
@@ -1042,7 +1044,12 @@ var extractElAndStyles = (extract, anyProps) => {
     variants,
     transition: _motion ?? transition
   } : void 0;
-  const remaining = omit(rest, ["loadingPosition", "loadingIcon", "isLoading"]);
+  const remaining = omit(rest, [
+    "loadingPosition",
+    "loadingIcon",
+    "isLoading",
+    "children"
+  ]);
   const cursor = anyProps.isLoading ? "not-allowed" : "pointer";
   const btnClassName = extract.is === "btn" ? css({ display: "flex", alignI: "center", cursor }) : "";
   const linkClassName = extract.isLink ? css({
@@ -3474,17 +3481,26 @@ function Block(props) {
         multiple,
         accept: anyProps.accept,
         style: { display: "none" },
-        onChange: async (e) => {
+        onChange: (e) => {
           const files = Array.from(e.target.files ?? []);
-          const selectedFiles = files.length ? await prepareFiles(files) : [];
-          if (anyProps.onChange) {
-            anyProps.onChange(selectedFiles);
+          if (files.length) {
+            void prepareFiles(files).then((selectedFiles) => {
+              if (anyProps.onChange) {
+                anyProps.onChange(selectedFiles);
+              }
+            });
+          } else if (anyProps.onChange) {
+            anyProps.onChange([]);
           }
         },
         value: ""
       }
     )
-  ] }) : React12.createElement(
+  ] }) : extract.isVoidElement ? React12.createElement(Comp, {
+    ...isLoading && { "data-loading": isLoading },
+    onContextMenu: (e) => e.preventDefault(),
+    ...initialStyles
+  }) : React12.createElement(
     Comp,
     {
       ...isLoading && { "data-loading": isLoading },
@@ -3504,18 +3520,19 @@ function Block(props) {
     const portalContainer = rest.portalContainer;
     const fallback = document.getElementById("portal") || document.body;
     const container = portalContainer ?? fallback;
-    return createPortal(
-      component,
-      container
-    );
+    return createPortal(component, container);
   } else {
     return component;
   }
 }
-TooltipContainer.isBlockTooltipContainer = true;
-MenuContainer.isBlockMenuContainer = true;
-var TooltipNamespace = { Container: TooltipContainer };
-var MenuNamespace = { Container: MenuContainer };
+var TaggedTooltipContainer = Object.assign(TooltipContainer, {
+  isBlockTooltipContainer: true
+});
+var TaggedMenuContainer = Object.assign(MenuContainer, {
+  isBlockMenuContainer: true
+});
+var TooltipNamespace = { Container: TaggedTooltipContainer };
+var MenuNamespace = { Container: TaggedMenuContainer };
 var InputNamespace = {
   Label: Label2,
   RightSide,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qstd",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "description": "Standard Block component and utilities library with Panda CSS",
   "author": "malin1",
   "license": "MIT",
@@ -42,24 +42,6 @@
   "sideEffects": [
     "dist/react/index.css"
   ],
-  "scripts": {
-    "build": "panda codegen && panda cssgen && tsup && tsc -p tsconfig.build.json && node scripts/inject-css-import.js",
-    "build:js": "tsup",
-    "build:types": "tsc -p tsconfig.build.json",
-    "dev": "tsup --watch",
-    "prepublishOnly": "pnpm build",
-    "prepare:local": "pnpm build && cd playground && pnpm prepare",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:all": "pnpx tsx tests/test-all.ts",
-    "test:block": "node tests/test-block.tsx",
-    "test:playground": "node tests/playground-e2e.mjs",
-    "typecheck": "tsc --noEmit",
-    "typecheck:perf": "tsc --noEmit --extendedDiagnostics",
-    "typecheck:trace": "tsc --noEmit --generateTrace ./performance/ts-trace",
-    "analyze:tsserver": "bash performance/analyze-tsserver.sh",
-    "lint": "eslint ."
-  },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -115,5 +97,22 @@
   "bugs": {
     "url": "https://github.com/55cancri/qstd/issues"
   },
-  "homepage": "https://github.com/55cancri/qstd#readme"
-}
+  "homepage": "https://github.com/55cancri/qstd#readme",
+  "scripts": {
+    "build": "panda codegen && panda cssgen && tsup && tsc -p tsconfig.build.json && node scripts/inject-css-import.js",
+    "build:js": "tsup",
+    "build:types": "tsc -p tsconfig.build.json",
+    "dev": "tsup --watch",
+    "prepare:local": "pnpm build && cd playground && pnpm prepare",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:all": "pnpx tsx tests/test-all.ts",
+    "test:block": "node tests/test-block.tsx",
+    "test:playground": "node tests/playground-e2e.mjs",
+    "typecheck": "tsc --noEmit",
+    "typecheck:perf": "tsc --noEmit --extendedDiagnostics",
+    "typecheck:trace": "tsc --noEmit --generateTrace ./performance/ts-trace",
+    "analyze:tsserver": "bash performance/analyze-tsserver.sh",
+    "lint": "eslint ."
+  }
+}

package/styled-system/styles.css

@@ -812,10 +812,6 @@
     background: var(--colors-white);
 }
 
-  .bg_red\.500 {
-    background: var(--colors-red-500);
-}
-
   .bg_rgba\(20\,20\,20\,0\.95\) {
     background: rgba(20,20,20,0.95);
 }
@@ -952,10 +948,6 @@
     transition: background-color 0.2s ease-in-out;
 }
 
-  .py_3 {
-    padding-block: var(--spacing-3);
-}
-
   .px_10px {
     padding-inline: 10px;
 }
@@ -1475,14 +1467,6 @@
     height: fit-content;
 }
 
-  .mr_2 {
-    margin-right: var(--spacing-2);
-}
-
-  .h_true {
-    height: 100%;
-}
-
   .top_1 {
     top: var(--spacing-1);
 }