@pondipondi/mimas 0.1.0 → 0.1.2

package/{lib → dist}/components/crumbs/Button/Button.tsx

@@ -99,14 +99,12 @@ const button = tv({
 interface ButtonProps
   extends VariantProps<typeof button>,
     React.ButtonHTMLAttributes<HTMLButtonElement> {
-  noise?: "low" | "medium" | "high";
   loading?: boolean;
   text?: string;
 }
 
 function Button({
   size,
-  noise,
   colour,
   width,
   corners,
@@ -152,7 +150,7 @@ function Button({
             </div>
           )}
 
-          <Noise strength={noise ?? "medium"} />
+          <Noise />
         </div>
       </div>
     </button>

package/dist/components/util/Noise/Noise.tsx

@@ -0,0 +1,19 @@
+function Noise() {
+  return (
+    <>
+      <svg
+        className="pointer-events-none absolute inset-0 isolate z-10 h-full w-full opacity-25"
+        height="100%"
+        id="texture"
+      >
+        <filter id="noise">
+          <feTurbulence type="fractalNoise" baseFrequency="0.75" numOctaves="4" stitchTiles="stitch"></feTurbulence>
+          <feColorMatrix type="saturate" values="0"></feColorMatrix>
+        </filter>
+        <rect width="100%" height="100%" filter="url(#noise)"></rect>
+      </svg>
+    </>
+  );
+}
+
+export default Noise;

package/{lib → dist}/index.css

@@ -7,50 +7,6 @@
 :root {
   font-family: "Rubik", sans-serif;
   color: white;
-
-  --lines: 0.0007px;
-}
-
-.noise {
-  /* nerdy.dev */
-  mask: repeating-radial-gradient(
-    circle at center,
-    #0000,
-    var(--lines),
-    #0000,
-    0,
-    rgba(0, 0, 0, 0.02),
-    calc(var(--lines) * 2),
-    rgba(0, 0, 0, 0.02) 0
-  );
-}
-
-.noise-2 {
-  /* nerdy.dev */
-  mask: repeating-radial-gradient(
-    circle at center,
-    #0000,
-    var(--lines),
-    #0000,
-    0,
-    rgba(0, 0, 0, 0.04),
-    calc(var(--lines) * 2),
-    rgba(0, 0, 0, 0.04) 0
-  );
-}
-
-.noise-4 {
-  /* nerdy.dev */
-  mask: repeating-radial-gradient(
-    circle at center,
-    #0000,
-    var(--lines),
-    #0000,
-    0,
-    rgba(0, 0, 0, 0.06),
-    calc(var(--lines) * 2),
-    rgba(0, 0, 0, 0.06) 0
-  );
 }
 
 .shadow-form {

package/dist/index.ts

@@ -0,0 +1 @@
+export * from "./components";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pondipondi/mimas",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -8,15 +8,13 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "transpile": "rimraf lib && babel src -d lib --copy-files",
-    "prepublishOnly": "npm run transpile"
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.39",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
     "tailwind-variants": "^0.2.1",
     "tailwindcss": "^3.4.4"
   },
@@ -25,10 +23,6 @@
     "react-dom": ">=18.3.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.27.2",
-    "@babel/core": "^7.27.4",
-    "@babel/preset-env": "^7.27.2",
-    "@babel/preset-react": "^7.27.1",
     "@chromatic-com/storybook": "1.6.1",
     "@storybook/addon-essentials": "^8.2.2",
     "@storybook/addon-interactions": "^8.2.2",
@@ -49,22 +43,24 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "eslint-plugin-storybook": "^0.8.0",
-    "rimraf": "^6.0.1",
     "storybook": "^8.2.1",
     "storybook-dark-mode": "^4.0.2",
     "typescript": "^5.2.2",
-    "vite": "^5.3.1"
+    "vite": "^5.4.19",
+    "vite-plugin-dts": "^4.5.4"
   },
   "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
-  "main": "dist/index.js",
+  "main": "dist/mimas.cjs.js",
+  "module": "dist/mimas.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bevans-o/mimas.git"
   },
-  "files": [
-    "lib",
-    "README.md"
-  ],
   "keywords": [
     "react",
     "components"

package/lib/components/util/Noise/Noise.tsx

@@ -1,25 +0,0 @@
-import { tv, VariantProps } from "tailwind-variants";
-
-const noise = tv({
-  base: "bg-neutral-200 noise absolute w-full h-full inset-0 z-0",
-  variants: {
-    strength: {
-      low: "noise",
-      medium: "noise-2",
-      high: "noise-4",
-    },
-  },
-  defaultVariants: {
-    strength: "medium",
-  },
-});
-
-interface NoiseProps extends VariantProps<typeof noise> {
-  className?: string;
-}
-
-function Noise({ strength, className }: NoiseProps) {
-  return <div className={noise({ strength, className })} />;
-}
-
-export default Noise;