autumn-js 0.0.74 → 0.0.77-beta.1

package/dist/styles/global.css

@@ -28,6 +28,8 @@
   font-feature-settings: normal;
   font-variation-settings: normal;
   -webkit-tap-highlight-color: transparent;
+}
+.au-root {
   margin: 0;
   line-height: inherit;
 }
@@ -189,11 +191,6 @@ textarea:where(.au-root, .au-root *) {
   opacity: 1;
   color: #9ca3af;
 }
-:where(.au-root, .au-root *) input::-moz-placeholder,
-:where(.au-root, .au-root *) textarea::-moz-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
 :where(.au-root, .au-root *) input::placeholder,
 :where(.au-root, .au-root *) textarea::placeholder {
   opacity: 1;
@@ -427,6 +424,10 @@ video:where(.au-root, .au-root *) {
 .au-grid {
   display: grid;
 }
+.au-size-4 {
+  width: 1rem;
+  height: 1rem;
+}
 .\!au-h-3 {
   height: 0.75rem !important;
 }
@@ -445,6 +446,9 @@ video:where(.au-root, .au-root *) {
 .au-h-6 {
   height: 1.5rem;
 }
+.au-h-7 {
+  height: 1.75rem;
+}
 .au-h-8 {
   height: 2rem;
 }
@@ -496,10 +500,26 @@ video:where(.au-root, .au-root *) {
 .au-flex-grow {
   flex-grow: 1;
 }
+.au--translate-y-12 {
+  --tw-translate-y: -3rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.au--translate-y-6 {
+  --tw-translate-y: -1.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .au-translate-x-\[-50\%\] {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.au-translate-y-0 {
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.au-translate-y-6 {
+  --tw-translate-y: 1.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .au-translate-y-\[-50\%\] {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -522,6 +542,9 @@ video:where(.au-root, .au-root *) {
 .au-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
+.au-grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
 .au-flex-row {
   flex-direction: row;
 }
@@ -537,6 +560,9 @@ video:where(.au-root, .au-root *) {
 .au-items-center {
   align-items: center;
 }
+.au-justify-end {
+  justify-content: flex-end;
+}
 .au-justify-center {
   justify-content: center;
 }
@@ -627,6 +653,10 @@ video:where(.au-root, .au-root *) {
 .au-bg-background {
   background-color: hsl(var(--au-background));
 }
+.au-bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
 .au-bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
@@ -648,6 +678,10 @@ video:where(.au-root, .au-root *) {
 .au-p-6 {
   padding: 1.5rem;
 }
+.\!au-py-10 {
+  padding-top: 2.5rem !important;
+  padding-bottom: 2.5rem !important;
+}
 .au-px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -664,6 +698,10 @@ video:where(.au-root, .au-root *) {
   padding-left: 2rem;
   padding-right: 2rem;
 }
+.au-py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
 .au-py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -694,6 +732,9 @@ video:where(.au-root, .au-root *) {
 .au-pt-4 {
   padding-top: 1rem;
 }
+.au-text-left {
+  text-align: left;
+}
 .au-text-center {
   text-align: center;
 }
@@ -799,6 +840,10 @@ video:where(.au-root, .au-root *) {
   --tw-shadow-color: #a8a29e;
   --tw-shadow: var(--tw-shadow-colored);
 }
+.au-shadow-zinc-800 {
+  --tw-shadow-color: #27272a;
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .au-ring-0 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -823,18 +868,6 @@ video:where(.au-root, .au-root *) {
     transform,
     filter,
     -webkit-backdrop-filter;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    -webkit-backdrop-filter;
   transition-property:
     color,
     background-color,
@@ -860,19 +893,6 @@ video:where(.au-root, .au-root *) {
     filter,
     backdrop-filter,
     -webkit-backdrop-filter;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    backdrop-filter,
-    -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -920,6 +940,12 @@ video:where(.au-root, .au-root *) {
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
+.au-slide-in-from-left-1 {
+  --tw-enter-translate-x: -0.25rem;
+}
+.au-slide-out-to-left-1 {
+  --tw-exit-translate-x: -0.25rem;
+}
 .au-duration-200 {
   animation-duration: 200ms;
 }
@@ -1017,7 +1043,7 @@ video:where(.au-root, .au-root *) {
   opacity: 1;
 }
 .hover\:au-brightness-90:hover {
-  --tw-brightness: brightness(0.9);
+  --tw-brightness: brightness(.9);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .focus\:au-outline-none:focus {
@@ -1129,10 +1155,10 @@ video:where(.au-root, .au-root *) {
   --tw-enter-opacity: 0;
 }
 .data-\[state\=closed\]\:au-zoom-out-95[data-state=closed] {
-  --tw-exit-scale: 0.95;
+  --tw-exit-scale: .95;
 }
 .data-\[state\=open\]\:au-zoom-in-95[data-state=open] {
-  --tw-enter-scale: 0.95;
+  --tw-enter-scale: .95;
 }
 .data-\[state\=closed\]\:au-slide-out-to-left-1\/2[data-state=closed] {
   --tw-exit-translate-x: -50%;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "autumn-js",
   "description": "Autumn JS Library",
-  "version": "0.0.74",
+  "version": "0.0.77-beta.1",
   "main": "./dist/index.js",
   "scripts": {
     "cli": "tsx src/cli/index.ts",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "publish-beta": "npm run build && npm publish --tag beta",
-    "build": "rm -rf dist && tsup",
+    "publish-beta": "pnpm publish --tag beta",
+    "build": "rm -rf dist && tsup && node scripts/post-build.js",
     "dev-old": "tsx scripts/sync-registry.ts sync && (tsx scripts/sync-registry.ts watch & nodemon --watch src --ext ts,tsx,css --exec \"tsup --config tsup.dev.config.ts\")",
-    "dev": "(tsx scripts/sync-registry.ts watch & nodemon --watch src --ext ts,tsx,css --exec \"tsup --config tsup.dev.config.ts\")",
+    "dev": "(tsx scripts/sync-registry.ts watch & nodemon --watch src --ext ts,tsx,css --exec \"tsup --config tsup.dev.config.ts && node scripts/post-build.js\")",
     "sync-registry": "tsx scripts/sync-registry.ts sync",
     "watch-registry": "tsx scripts/sync-registry.ts watch"
   },
@@ -85,6 +85,7 @@
     "clsx": "^2.1.1",
     "esbuild-plugin-alias": "^0.2.1",
     "esbuild-plugin-path-alias": "^1.0.7",
+    "esbuild-postcss": "^0.0.4",
     "express": "^5.1.0",
     "fastify": "^5.3.3",
     "hono": "^4.7.9",
@@ -94,6 +95,7 @@
     "nodemon": "^3.1.10",
     "postcss": "^8.5.6",
     "postcss-nested": "^7.0.2",
+    "postcss-prefix-selector": "^2.1.1",
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.1",
     "tailwindcss-animate": "^1.0.7",

package/postcss.config.js

@@ -2,6 +2,24 @@ module.exports = {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
-
+    "postcss-nested": {},
+    // 'postcss-prefix-selector': {
+    //   prefix: '.au-root',
+    //   transform: function (prefix, selector, prefixedSelector) {
+    //     if (selector.match(/^(html|body)/)) {
+    //       return selector.replace(/^([^\s]*)/, `$1 ${prefix}`);
+    //     }
+        
+    //     if (selector.match(/^(::?[\w-]+)/)) {
+    //       return `${prefix}${selector}`;
+    //     }
+        
+    //     if (selector.includes('*')) {
+    //       return prefixedSelector;
+    //     }
+        
+    //     return prefixedSelector;
+    //   },
+    // },
   }
 }

package/scripts/post-build.js

@@ -0,0 +1,25 @@
+const fs = require('fs');
+const path = require('path');
+
+// Post-build processing: replace CSS selectors with .au-root prefix
+function processCssFiles() {
+  const cssFilePath = path.join(__dirname, '../dist/styles/global.css');
+  
+  if (fs.existsSync(cssFilePath)) {
+    console.log('📄 Processing CSS file:', cssFilePath);
+    
+    const builtCss = fs.readFileSync(cssFilePath, 'utf8');
+    const updatedCss = builtCss.replace(
+      /(\*,\n::before,\n::after)/g,
+      '.au-root *,\n.au-root ::before,\n.au-root ::after'
+    );
+    
+    fs.writeFileSync(cssFilePath, updatedCss);
+    console.log('✅ CSS selectors updated with .au-root prefix');
+  } else {
+    console.log('⚠️ CSS file not found:', cssFilePath);
+  }
+}
+
+// Run the processing
+processCssFiles(); 

package/tsup.config.ts

@@ -36,8 +36,10 @@ const reactConfigs: Options[] = [
     external: ["react", "react/jsx-runtime", "react-dom"],
     bundle: true,
     banner: {
-      js: '"use client";\nrequire("../../styles/global.css");',
+      // js: '"use client";\nrequire("../../styles/global.css");',
+      js: '"use client";',
     },
+    injectStyle: true,
     esbuildOptions(options) {
       options.plugins = options.plugins || [];
       options.plugins.push(alias(pathAliases));
@@ -54,8 +56,10 @@ const reactConfigs: Options[] = [
     external: ["react", "react/jsx-runtime", "react-dom"],
     bundle: true,
     banner: {
-      js: '"use client";\nimport "../../styles/global.css";',
+      // js: '"use client";\nimport "../../styles/global.css";',
+      js: '"use client";',
     },
+    injectStyle: true,
     esbuildOptions(options) {
       options.plugins = options.plugins || [];
       options.plugins.push(alias(pathAliases));

package/tsup.dev.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig, Options } from "tsup";
 import * as path from "path";
 import alias from "esbuild-plugin-alias";
+import fs from "fs";
 
 // Path aliases that match tsconfig.json
 const pathAliases = {
@@ -35,8 +36,10 @@ const reactConfigs: Options[] = [
     external: ["react", "react/jsx-runtime", "react-dom"],
     bundle: true,
     banner: {
-      js: '"use client";\nrequire("../../styles/global.css");',
+      // js: '"use client";\nrequire("../../styles/global.css");',
+      js: '"use client";',
     },
+    injectStyle: true,
     esbuildOptions(options) {
       options.plugins = options.plugins || [];
       options.plugins.push(alias(pathAliases));
@@ -53,8 +56,10 @@ const reactConfigs: Options[] = [
     external: ["react", "react/jsx-runtime", "react-dom"],
     bundle: true,
     banner: {
-      js: '"use client";\nimport "../../styles/global.css";',
+      // js: '"use client";\nimport "../../styles/global.css";',
+      js: '"use client";',
     },
+    injectStyle: true,
     esbuildOptions(options) {
       options.plugins = options.plugins || [];
       options.plugins.push(alias(pathAliases));

package/dist/libraries/react/{chunk-TLRISML2.mjs → chunk-4CRZJJPY.mjs}

@@ -1,12 +1,5 @@
 "use client";
 
-import {
-  AutumnError,
-  toContainerResult
-} from "./chunk-EH2VPTFH.mjs";
-import {
-  logFetchError
-} from "./chunk-CIBQ4BJU.mjs";
 import {
   listProductsMethod
 } from "./chunk-YUV2Y2RW.mjs";
@@ -14,6 +7,13 @@ import {
   createCode,
   redeemCode
 } from "./chunk-3EYF7OI5.mjs";
+import {
+  AutumnError,
+  toContainerResult
+} from "./chunk-EH2VPTFH.mjs";
+import {
+  logFetchError
+} from "./chunk-CIBQ4BJU.mjs";
 import {
   getPricingTableMethod
 } from "./chunk-NZ5PEXT2.mjs";