stoop 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,5 @@
1
+ // src/styles/globals.css
2
+ var globals_default = ":root {\n /* Colors */\n --color-text: #000000;\n --color-background: #ffffff;\n --color-border: rgba(0, 0, 0, 0.1);\n --color-primary: #000000;\n --color-muted: #666666;\n\n /* Spacing */\n --space-smallest: 0.25rem;\n --space-smaller: 0.5rem;\n --space-small: 0.75rem;\n --space-medium: 1rem;\n --space-large: 1.5rem;\n --space-larger: 2rem;\n --space-largest: 10rem;\n\n /* Radii */\n --radius-small: 0.25rem;\n --radius-large: 0.5rem;\n --radius-round: 9999px;\n\n /* Shadows */\n --shadow-default: 0 0 0 1px rgba(0, 0, 0, 0.1);\n\n /* Breakpoints */\n --breakpoint-phone: 800px;\n --breakpoint-tablet: 1024px;\n --breakpoint-desktop: 1440px;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --color-text: #ffffff;\n --color-background: #000000;\n --color-border: rgba(255, 255, 255, 0.1);\n --color-primary: #ffffff;\n --color-muted: #999999;\n }\n}\n\n/* Reset */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n font-size: 62.5%;\n -webkit-text-size-adjust: 100%;\n text-size-adjust: 100%;\n scroll-behavior: smooth;\n background-color: var(--color-background);\n color: var(--color-text);\n}\n\nbody {\n font-family:\n system-ui,\n -apple-system,\n sans-serif;\n font-size: 1.6rem;\n line-height: 1.5;\n margin: 0;\n padding: 0;\n}\n";
3
+ export {
4
+ globals_default as default
5
+ };
package/dist/index.js CHANGED
@@ -20,7 +20,7 @@ function clsx() {
20
20
  }
21
21
 
22
22
  // src/components/Button/Button.module.css
23
- var Button_module_default = "./Button.module-h78z3dbd.css";
23
+ var Button_module_default = ".button {\n background-color: var(--color-primary);\n color: var(--color-background);\n border: none;\n padding: var(--space-small) var(--space-medium);\n border-radius: var(--radius-small);\n cursor: pointer;\n font-size: 1.6rem;\n transition: opacity 0.2s ease;\n}\n\n.button:hover {\n opacity: 0.9;\n}\n\n.button:active {\n opacity: 0.8;\n}\n";
24
24
 
25
25
  // src/components/Button/Button.tsx
26
26
  import { jsxDEV as jsxDEV_7x81h0kn } from "react/jsx-dev-runtime";
@@ -35,5 +35,5 @@ export {
35
35
  Button
36
36
  };
37
37
 
38
- //# debugId=E73F66A5DCE07CAC64756E2164756E21
39
- //# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vbm9kZV9tb2R1bGVzL2Nsc3gvZGlzdC9jbHN4Lm1qcyIsICIuLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLAogICJzb3VyY2VzQ29udGVudCI6IFsKICAgICJmdW5jdGlvbiByKGUpe3ZhciB0LGYsbj1cIlwiO2lmKFwic3RyaW5nXCI9PXR5cGVvZiBlfHxcIm51bWJlclwiPT10eXBlb2YgZSluKz1lO2Vsc2UgaWYoXCJvYmplY3RcIj09dHlwZW9mIGUpaWYoQXJyYXkuaXNBcnJheShlKSl7dmFyIG89ZS5sZW5ndGg7Zm9yKHQ9MDt0PG87dCsrKWVbdF0mJihmPXIoZVt0XSkpJiYobiYmKG4rPVwiIFwiKSxuKz1mKX1lbHNlIGZvcihmIGluIGUpZVtmXSYmKG4mJihuKz1cIiBcIiksbis9Zik7cmV0dXJuIG59ZXhwb3J0IGZ1bmN0aW9uIGNsc3goKXtmb3IodmFyIGUsdCxmPTAsbj1cIlwiLG89YXJndW1lbnRzLmxlbmd0aDtmPG87ZisrKShlPWFyZ3VtZW50c1tmXSkmJih0PXIoZSkpJiYobiYmKG4rPVwiIFwiKSxuKz10KTtyZXR1cm4gbn1leHBvcnQgZGVmYXVsdCBjbHN4OyIsCiAgICAiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyB0eXBlIEJ1dHRvbkhUTUxBdHRyaWJ1dGVzLCB0eXBlIEpTWCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gXCIuL0J1dHRvbi5tb2R1bGUuY3NzXCI7XG5cbnR5cGUgQnV0dG9uUHJvcHMgPSBCdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD47XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oeyBjbGFzc05hbWUsIC4uLnByb3BzIH06IEJ1dHRvblByb3BzKTogSlNYLkVsZW1lbnQge1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L2Jhbi10cy1jb21tZW50XG4gIC8vIEB0cy1pZ25vcmVcbiAgcmV0dXJuIDxidXR0b24gY2xhc3NOYW1lPXtjbHN4KHN0eWxlcy5idXR0b24sIGNsYXNzTmFtZSl9IHR5cGU9XCJidXR0b25cIiB7Li4ucHJvcHN9IC8+O1xufVxuIgogIF0sCiAgIm1hcHBpbmdzIjogIjtBQUFBLFNBQVMsQ0FBQyxDQUFDLEdBQUU7QUFBQyxNQUFJLEdBQUUsR0FBRSxJQUFFO0FBQUcsYUFBb0IsS0FBakIsbUJBQXFDLEtBQWpCO0FBQW1CLFNBQUc7QUFBQSxrQkFBMkIsS0FBakI7QUFBbUIsUUFBRyxNQUFNLFFBQVEsQ0FBQyxHQUFFO0FBQUMsVUFBSSxJQUFFLEVBQUU7QUFBTyxXQUFJLElBQUUsRUFBRSxJQUFFLEdBQUU7QUFBSSxVQUFFLE9BQUssSUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBQSxJQUFFO0FBQU0sV0FBSSxLQUFLO0FBQUUsVUFBRSxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBRyxTQUFPO0FBQUE7QUFBUyxTQUFTLElBQUksR0FBRTtBQUFDLFdBQVEsR0FBRSxHQUFFLElBQUUsR0FBRSxJQUFFLElBQUcsSUFBRSxVQUFVLE9BQU8sSUFBRSxHQUFFO0FBQUksS0FBQyxJQUFFLFVBQVUsUUFBTSxJQUFFLEVBQUUsQ0FBQyxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBRyxTQUFPO0FBQUE7Ozs7Ozs7QUNPdlcsU0FBUyxNQUFNLEdBQUcsY0FBYyxTQUFtQztBQUd4RSx5QkFBTyxnQkFBQyxVQUFEO0FBQUEsSUFBUSxXQUFXLEtBQUssc0JBQU8sUUFBUSxTQUFTO0FBQUEsSUFBRyxNQUFLO0FBQUEsT0FBYTtBQUFBLEtBQXJFLGlDQUE0RTtBQUFBOyIsCiAgImRlYnVnSWQiOiAiRTczRjY2QTVEQ0UwN0NBQzY0NzU2RTIxNjQ3NTZFMjEiLAogICJuYW1lcyI6IFtdCn0=
38
+ //# debugId=990C317F4521B46564756E2164756E21
39
+ //# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vbm9kZV9tb2R1bGVzL2Nsc3gvZGlzdC9jbHN4Lm1qcyIsICIuLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLAogICJzb3VyY2VzQ29udGVudCI6IFsKICAgICJmdW5jdGlvbiByKGUpe3ZhciB0LGYsbj1cIlwiO2lmKFwic3RyaW5nXCI9PXR5cGVvZiBlfHxcIm51bWJlclwiPT10eXBlb2YgZSluKz1lO2Vsc2UgaWYoXCJvYmplY3RcIj09dHlwZW9mIGUpaWYoQXJyYXkuaXNBcnJheShlKSl7dmFyIG89ZS5sZW5ndGg7Zm9yKHQ9MDt0PG87dCsrKWVbdF0mJihmPXIoZVt0XSkpJiYobiYmKG4rPVwiIFwiKSxuKz1mKX1lbHNlIGZvcihmIGluIGUpZVtmXSYmKG4mJihuKz1cIiBcIiksbis9Zik7cmV0dXJuIG59ZXhwb3J0IGZ1bmN0aW9uIGNsc3goKXtmb3IodmFyIGUsdCxmPTAsbj1cIlwiLG89YXJndW1lbnRzLmxlbmd0aDtmPG87ZisrKShlPWFyZ3VtZW50c1tmXSkmJih0PXIoZSkpJiYobiYmKG4rPVwiIFwiKSxuKz10KTtyZXR1cm4gbn1leHBvcnQgZGVmYXVsdCBjbHN4OyIsCiAgICAiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyB0eXBlIEJ1dHRvbkhUTUxBdHRyaWJ1dGVzLCB0eXBlIEpTWCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gXCIuL0J1dHRvbi5tb2R1bGUuY3NzXCI7XG5cbnR5cGUgQnV0dG9uUHJvcHMgPSBCdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD47XG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oeyBjbGFzc05hbWUsIC4uLnByb3BzIH06IEJ1dHRvblByb3BzKTogSlNYLkVsZW1lbnQge1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L2Jhbi10cy1jb21tZW50XG4gIC8vIEB0cy1pZ25vcmVcbiAgcmV0dXJuIDxidXR0b24gY2xhc3NOYW1lPXtjbHN4KHN0eWxlcy5idXR0b24sIGNsYXNzTmFtZSl9IHR5cGU9XCJidXR0b25cIiB7Li4ucHJvcHN9IC8+O1xufVxuIgogIF0sCiAgIm1hcHBpbmdzIjogIjtBQUFBLFNBQVMsQ0FBQyxDQUFDLEdBQUU7QUFBQyxNQUFJLEdBQUUsR0FBRSxJQUFFO0FBQUcsYUFBb0IsS0FBakIsbUJBQXFDLEtBQWpCO0FBQW1CLFNBQUc7QUFBQSxrQkFBMkIsS0FBakI7QUFBbUIsUUFBRyxNQUFNLFFBQVEsQ0FBQyxHQUFFO0FBQUMsVUFBSSxJQUFFLEVBQUU7QUFBTyxXQUFJLElBQUUsRUFBRSxJQUFFLEdBQUU7QUFBSSxVQUFFLE9BQUssSUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBQSxJQUFFO0FBQU0sV0FBSSxLQUFLO0FBQUUsVUFBRSxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBRyxTQUFPO0FBQUE7QUFBUyxTQUFTLElBQUksR0FBRTtBQUFDLFdBQVEsR0FBRSxHQUFFLElBQUUsR0FBRSxJQUFFLElBQUcsSUFBRSxVQUFVLE9BQU8sSUFBRSxHQUFFO0FBQUksS0FBQyxJQUFFLFVBQVUsUUFBTSxJQUFFLEVBQUUsQ0FBQyxPQUFLLE1BQUksS0FBRyxNQUFLLEtBQUc7QUFBRyxTQUFPO0FBQUE7Ozs7Ozs7QUNPdlcsU0FBUyxNQUFNLEdBQUcsY0FBYyxTQUFtQztBQUd4RSx5QkFBTyxnQkFBQyxVQUFEO0FBQUEsSUFBUSxXQUFXLEtBQUssc0JBQU8sUUFBUSxTQUFTO0FBQUEsSUFBRyxNQUFLO0FBQUEsT0FBYTtBQUFBLEtBQXJFLGlDQUE0RTtBQUFBOyIsCiAgImRlYnVnSWQiOiAiOTkwQzMxN0Y0NTIxQjQ2NTY0NzU2RTIxNjQ3NTZFMjEiLAogICJuYW1lcyI6IFtdCn0=
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "stoop",
3
3
  "description": "A small component library for quickly spinning up a pretty Next.js project.",
4
- "version": "0.0.7",
4
+ "version": "0.0.8",
5
5
  "author": "Jackson Dolman <mail@dolmios.com>",
6
6
  "license": "MIT",
7
7
  "type": "module",
@@ -18,7 +18,10 @@
18
18
  "import": "./dist/index.js",
19
19
  "require": "./dist/index.js"
20
20
  },
21
- "./styles": "./dist/globals.css"
21
+ "./styles": {
22
+ "import": "./dist/globals.js",
23
+ "require": "./dist/globals.js"
24
+ }
22
25
  },
23
26
  "files": [
24
27
  "dist"
@@ -51,9 +54,9 @@
51
54
  "scripts": {
52
55
  "build": "bun run build:clean && bun run build:types && bun run build:js && bun run build:css",
53
56
  "build:clean": "rm -rf dist",
54
- "build:js": "bun build ./src/index.ts --outdir ./dist --format esm --target browser --sourcemap --external react --external react-dom --naming=directory",
57
+ "build:js": "bun build ./src/index.ts --outdir ./dist --format esm --target browser --sourcemap --external react --external react-dom --naming=directory --loader .css=text",
55
58
  "build:types": "tsc --project tsconfig.build.json",
56
- "build:css": "cp ./src/styles/globals.css ./dist/globals.css",
59
+ "build:css": "bun build ./src/styles/globals.css --outdir ./dist --loader .css=text",
57
60
  "dev": "bun run next dev",
58
61
  "lint": "eslint . --fix",
59
62
  "prepare": "bun run build",
@@ -1,18 +0,0 @@
1
- .button {
2
- background-color: var(--color-primary);
3
- color: var(--color-background);
4
- border: none;
5
- padding: var(--space-small) var(--space-medium);
6
- border-radius: var(--radius-small);
7
- cursor: pointer;
8
- font-size: 1.6rem;
9
- transition: opacity 0.2s ease;
10
- }
11
-
12
- .button:hover {
13
- opacity: 0.9;
14
- }
15
-
16
- .button:active {
17
- opacity: 0.8;
18
- }
package/dist/globals.css DELETED
@@ -1,67 +0,0 @@
1
- :root {
2
- /* Colors */
3
- --color-text: #000000;
4
- --color-background: #ffffff;
5
- --color-border: rgba(0, 0, 0, 0.1);
6
- --color-primary: #000000;
7
- --color-muted: #666666;
8
-
9
- /* Spacing */
10
- --space-smallest: 0.25rem;
11
- --space-smaller: 0.5rem;
12
- --space-small: 0.75rem;
13
- --space-medium: 1rem;
14
- --space-large: 1.5rem;
15
- --space-larger: 2rem;
16
- --space-largest: 10rem;
17
-
18
- /* Radii */
19
- --radius-small: 0.25rem;
20
- --radius-large: 0.5rem;
21
- --radius-round: 9999px;
22
-
23
- /* Shadows */
24
- --shadow-default: 0 0 0 1px rgba(0, 0, 0, 0.1);
25
-
26
- /* Breakpoints */
27
- --breakpoint-phone: 800px;
28
- --breakpoint-tablet: 1024px;
29
- --breakpoint-desktop: 1440px;
30
- }
31
-
32
- @media (prefers-color-scheme: dark) {
33
- :root {
34
- --color-text: #ffffff;
35
- --color-background: #000000;
36
- --color-border: rgba(255, 255, 255, 0.1);
37
- --color-primary: #ffffff;
38
- --color-muted: #999999;
39
- }
40
- }
41
-
42
- /* Reset */
43
- * {
44
- margin: 0;
45
- padding: 0;
46
- box-sizing: border-box;
47
- }
48
-
49
- html {
50
- font-size: 62.5%;
51
- -webkit-text-size-adjust: 100%;
52
- text-size-adjust: 100%;
53
- scroll-behavior: smooth;
54
- background-color: var(--color-background);
55
- color: var(--color-text);
56
- }
57
-
58
- body {
59
- font-family:
60
- system-ui,
61
- -apple-system,
62
- sans-serif;
63
- font-size: 1.6rem;
64
- line-height: 1.5;
65
- margin: 0;
66
- padding: 0;
67
- }