webadwaita 0.0.16 → 0.0.17

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/webadwaita.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+function u(t) {
+  const { children: n } = t;
+  return /* @__PURE__ */ o("button", { children: n });
+}
+export {
+  u as Button
+};

package/dist/webadwaita.umd.cjs

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.webadwaita={},e["react/jsx-runtime"]))})(this,(function(e,t){"use strict";function n(i){const{children:u}=i;return t.jsx("button",{children:u})}e.Button=n,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,44 +1,41 @@
 {
   "name": "webadwaita",
-  "version": "0.0.16",
-  "sideEffects": [
-    "**/*.css",
-    "**/*.scss"
-  ],
-  "license": "MIT",
+  "private": false,
+  "version": "0.0.17",
+  "type": "module",
+  "files": ["dist"],
+  "main": "./dist/webadwaita.umd.cjs",
+  "module": "./dist/webadwaita.js",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./atoms": {
-      "types": "./src/components/atoms/index.ts",
-      "import": "./dist/atoms.mjs",
-      "require": "./dist/atoms.js"
+      "import": "./dist/webadwaita.js",
+      "require": "./dist/webadwaita.umd.cjs"
     }
   },
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint . --max-warnings 0",
-    "clean": "rm -rf .turbo node_modules dist"
-  },
-  "devDependencies": {
-    "@repo/eslint-config": "*",
-    "@repo/typescript-config": "*",
-    "@types/react": "^18.2.61",
-    "@types/react-dom": "^18.2.19",
-    "esbuild-sass-plugin": "^3.6.0",
-    "eslint": "^8.57.0",
-    "sass": "^1.97.3",
-    "tsup": "^8.0.2",
-    "typescript": "5.5.4"
+    "dev": "vite",
+    "prebuild": "rm -rf dist",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "publish": "npm publish"
   },
   "dependencies": {
-    "react": "^18.2.0"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
-  "publishConfig": {
-    "access": "public"
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4"
   }
 }

package/.eslintrc.js

@@ -1,8 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  extends: ["@repo/eslint-config/react.js"],
-  // Resolve tsconfig.json relative to this package, not the workspace root.
-  parserOptions: {
-    project: require("node:path").resolve(__dirname, "tsconfig.json"),
-  },
-};

package/.turbo/turbo-build.log

@@ -1,30 +0,0 @@
-npm warn Unknown project config "auto-install-peers". This will stop working in the next major version of npm.
-npm warn Unknown project config "public-hoist-pattern". This will stop working in the next major version of npm.
-
-> webadwaita@0.0.16 build
-> tsup
-
-CLI Building entry: src/index.ts, src/components/atoms/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.1
-CLI Using tsup config: C:\Users\micha\repos\webadwaita\packages\ui\tsup.config.ts
-CLI Target: es6
-CJS Build start
-ESM Build start
-DTS Build start
-CJS dist\index.css                  688.00 B
-CJS dist\index.js                   2.76 KB
-CJS dist\components\atoms\index.css 688.00 B
-CJS dist\components\atoms\index.js  2.78 KB
-CJS ⚡️ Build success in 1324ms
-ESM dist\index.mjs                  70.00 B
-ESM dist\components\atoms\index.mjs 74.00 B
-ESM dist\chunk-APFHYC4L.mjs         1.82 KB
-ESM dist\components\atoms\index.css 688.00 B
-ESM dist\index.css                  688.00 B
-ESM ⚡️ Build success in 1330ms
-DTS ⚡️ Build success in 3352ms
-DTS dist\components\atoms\index.d.ts  294.00 B
-DTS dist\index.d.ts                   67.00 B
-DTS dist\components\atoms\index.d.mts 294.00 B
-DTS dist\index.d.mts                  68.00 B

package/CHANGELOG.md

@@ -1,7 +0,0 @@
-# webadwaita
-
-## 0.0.16
-
-### Patch Changes
-
-- Set up project structure with atomic design pattern (atoms/molecules), SCSS modules support, co-located Storybook stories, and component type files.

package/dist/button.d.mts

@@ -1,9 +0,0 @@
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    children: React.ReactNode;
-}
-declare function Button({ children, ...other }: ButtonProps): JSX.Element;
-declare namespace Button {
-    var displayName: string;
-}
-
-export { Button, type ButtonProps };

package/dist/button.d.ts

@@ -1,9 +0,0 @@
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    children: React.ReactNode;
-}
-declare function Button({ children, ...other }: ButtonProps): JSX.Element;
-declare namespace Button {
-    var displayName: string;
-}
-
-export { Button, type ButtonProps };

package/dist/button.js

@@ -1,64 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/button.tsx
-var button_exports = {};
-__export(button_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(button_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-function Button(_a) {
-  var _b = _a, { children } = _b, other = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", __spreadProps(__spreadValues({ type: "button" }, other), { children }));
-}
-Button.displayName = "Button";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});

package/dist/button.mjs

@@ -1,42 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/button.tsx
-import { jsx } from "react/jsx-runtime";
-function Button(_a) {
-  var _b = _a, { children } = _b, other = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({ type: "button" }, other), { children }));
-}
-Button.displayName = "Button";
-export {
-  Button
-};

package/dist/chunk-APFHYC4L.mjs

@@ -1,54 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/components/atoms/Button/Button.module.scss
-var Button_module_default = {};
-
-// src/components/atoms/Button/Button.tsx
-import { jsx } from "react/jsx-runtime";
-function Button(_a) {
-  var _b = _a, { children, className } = _b, other = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    __spreadProps(__spreadValues({
-      type: "button",
-      className: className ? `${Button_module_default.button} ${className}` : Button_module_default.button
-    }, other), {
-      children
-    })
-  );
-}
-Button.displayName = "Button";
-
-export {
-  Button
-};

package/dist/components/atoms/index.css

@@ -1,32 +0,0 @@
-/* src/components/atoms/Button/Button.module.scss */
-.button {
-  padding: 0.5rem 1rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  border: 1px solid #0052a3;
-  border-radius: 0.25rem;
-  background-color: #0066cc;
-  color: #fff;
-  cursor: pointer;
-  outline: none;
-  transition:
-    background-color 0.15s ease-in-out,
-    border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
-}
-.button:hover {
-  background-color: #0052a3;
-  border-color: #004080;
-}
-.button:focus {
-  border-color: #004080;
-  box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.25);
-}
-.button:active {
-  background-color: #004080;
-}
-.button:disabled {
-  background-color: #99c2e6;
-  cursor: not-allowed;
-  opacity: 0.6;
-}

package/dist/components/atoms/index.d.mts

@@ -1,10 +0,0 @@
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    children: React.ReactNode;
-}
-
-declare function Button({ children, className, ...other }: ButtonProps): JSX.Element;
-declare namespace Button {
-    var displayName: string;
-}
-
-export { Button, type ButtonProps };

package/dist/components/atoms/index.d.ts

@@ -1,10 +0,0 @@
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    children: React.ReactNode;
-}
-
-declare function Button({ children, className, ...other }: ButtonProps): JSX.Element;
-declare namespace Button {
-    var displayName: string;
-}
-
-export { Button, type ButtonProps };

package/dist/components/atoms/index.js

@@ -1,77 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/atoms/index.ts
-var atoms_exports = {};
-__export(atoms_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(atoms_exports);
-
-// src/components/atoms/Button/Button.module.scss
-var Button_module_default = {};
-
-// src/components/atoms/Button/Button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Button(_a) {
-  var _b = _a, { children, className } = _b, other = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    __spreadProps(__spreadValues({
-      type: "button",
-      className: className ? `${Button_module_default.button} ${className}` : Button_module_default.button
-    }, other), {
-      children
-    })
-  );
-}
-Button.displayName = "Button";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});

package/dist/components/atoms/index.mjs

@@ -1,6 +0,0 @@
-import {
-  Button
-} from "../../chunk-APFHYC4L.mjs";
-export {
-  Button
-};

package/dist/index.css

@@ -1,32 +0,0 @@
-/* src/components/atoms/Button/Button.module.scss */
-.button {
-  padding: 0.5rem 1rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  border: 1px solid #0052a3;
-  border-radius: 0.25rem;
-  background-color: #0066cc;
-  color: #fff;
-  cursor: pointer;
-  outline: none;
-  transition:
-    background-color 0.15s ease-in-out,
-    border-color 0.15s ease-in-out,
-    box-shadow 0.15s ease-in-out;
-}
-.button:hover {
-  background-color: #0052a3;
-  border-color: #004080;
-}
-.button:focus {
-  border-color: #004080;
-  box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.25);
-}
-.button:active {
-  background-color: #004080;
-}
-.button:disabled {
-  background-color: #99c2e6;
-  cursor: not-allowed;
-  opacity: 0.6;
-}

package/dist/index.d.mts

@@ -1 +0,0 @@
-export { Button, ButtonProps } from './components/atoms/index.mjs';

package/dist/index.d.ts

@@ -1 +0,0 @@
-export { Button, ButtonProps } from './components/atoms/index.js';

package/dist/index.js

@@ -1,77 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Button: () => Button
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/atoms/Button/Button.module.scss
-var Button_module_default = {};
-
-// src/components/atoms/Button/Button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function Button(_a) {
-  var _b = _a, { children, className } = _b, other = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    __spreadProps(__spreadValues({
-      type: "button",
-      className: className ? `${Button_module_default.button} ${className}` : Button_module_default.button
-    }, other), {
-      children
-    })
-  );
-}
-Button.displayName = "Button";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button
-});

package/dist/index.mjs

@@ -1,6 +0,0 @@
-import {
-  Button
-} from "./chunk-APFHYC4L.mjs";
-export {
-  Button
-};

package/src/components/atoms/Button/Button.module.scss

@@ -1,32 +0,0 @@
-.button {
-  padding: 0.5rem 1rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  border: 1px solid #0052a3;
-  border-radius: 0.25rem;
-  background-color: #0066cc;
-  color: #fff;
-  cursor: pointer;
-  outline: none;
-  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-
-  &:hover {
-    background-color: #0052a3;
-    border-color: #004080;
-  }
-
-  &:focus {
-    border-color: #004080;
-    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.25);
-  }
-
-  &:active {
-    background-color: #004080;
-  }
-
-  &:disabled {
-    background-color: #99c2e6;
-    cursor: not-allowed;
-    opacity: 0.6;
-  }
-}

package/src/components/atoms/Button/Button.stories.tsx

@@ -1,40 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Button } from "./Button";
-
-const meta: Meta<typeof Button> = {
-  component: Button,
-  argTypes: {
-    type: {
-      control: { type: "radio" },
-      options: ["button", "submit", "reset"],
-    },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Button>;
-
-/*
- *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/react/api/csf
- * to learn how to use render functions.
- */
-export const Primary: Story = {
-  render: (props) => (
-    <Button
-      {...props}
-      onClick={(): void => {
-        // eslint-disable-next-line no-alert -- alert for demo
-        alert("Hello from Turborepo!");
-      }}
-    >
-      Hello
-    </Button>
-  ),
-  name: "Button",
-  args: {
-    children: "Hello",
-    type: "button",
-  },
-};

package/src/components/atoms/Button/Button.tsx

@@ -1,16 +0,0 @@
-import styles from "./Button.module.scss";
-import type { ButtonProps } from "./Button.types";
-
-export function Button({ children, className, ...other }: ButtonProps): JSX.Element {
-  return (
-    <button
-      type="button"
-      className={className ? `${styles.button} ${className}` : styles.button}
-      {...other}
-    >
-      {children}
-    </button>
-  );
-}
-
-Button.displayName = "Button";

package/src/components/atoms/Button/Button.types.ts

@@ -1,4 +0,0 @@
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  children: React.ReactNode;
-}

package/src/components/atoms/Button/index.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Button";
-export type { ButtonProps } from "./Button.types";

package/src/components/atoms/index.ts

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

package/src/components/index.ts

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

package/src/global.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable no-restricted-syntax */
-declare module '*.module.scss' {
-    const classes: Readonly<Record<string, string>>;
-    export default classes;
-}
-
-declare module '*.module.css' {
-    const classes: Readonly<Record<string, string>>;
-    export default classes;
-}

package/src/index.ts

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

package/tsconfig.json

@@ -1,5 +0,0 @@
-{
-  "extends": "@repo/typescript-config/react-library.json",
-  "include": ["."],
-  "exclude": ["dist", "build", "node_modules"]
-}

package/tsup.config.ts

@@ -1,11 +0,0 @@
-import { defineConfig } from "tsup";
-import { sassPlugin } from "esbuild-sass-plugin";
-
-export default defineConfig((options) => ({
-  entryPoints: ["src/index.ts", "src/components/atoms/index.ts", "src/components/molecules/index.ts"],
-  format: ["cjs", "esm"],
-  dts: true,
-  external: ["react"],
-  esbuildPlugins: [sassPlugin()],
-  ...options,
-}));