@toriistudio/v0-playground 0.1.0

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.
package/dist/preset.js ADDED
@@ -0,0 +1,219 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/preset.ts
31
+ var preset_exports = {};
32
+ __export(preset_exports, {
33
+ default: () => preset_default
34
+ });
35
+ module.exports = __toCommonJS(preset_exports);
36
+
37
+ // node_modules/tailwindcss/dist/plugin.mjs
38
+ function g(i, n) {
39
+ return { handler: i, config: n };
40
+ }
41
+ g.withOptions = function(i, n = () => ({})) {
42
+ function t(o) {
43
+ return { handler: i(o), config: n(o) };
44
+ }
45
+ return t.__isOptionsFunction = true, t;
46
+ };
47
+ var u = g;
48
+
49
+ // src/preset.ts
50
+ var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"));
51
+ var preset = {
52
+ darkMode: "class",
53
+ content: ["./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}"],
54
+ theme: {
55
+ extend: {
56
+ colors: {
57
+ background: "hsl(var(--background))",
58
+ foreground: "hsl(var(--foreground))",
59
+ card: {
60
+ DEFAULT: "hsl(var(--card))",
61
+ foreground: "hsl(var(--card-foreground))"
62
+ },
63
+ popover: {
64
+ DEFAULT: "hsl(var(--popover))",
65
+ foreground: "hsl(var(--popover-foreground))"
66
+ },
67
+ primary: {
68
+ DEFAULT: "hsl(var(--primary))",
69
+ foreground: "hsl(var(--primary-foreground))"
70
+ },
71
+ secondary: {
72
+ DEFAULT: "hsl(var(--secondary))",
73
+ foreground: "hsl(var(--secondary-foreground))"
74
+ },
75
+ muted: {
76
+ DEFAULT: "hsl(var(--muted))",
77
+ foreground: "hsl(var(--muted-foreground))"
78
+ },
79
+ accent: {
80
+ DEFAULT: "hsl(var(--accent))",
81
+ foreground: "hsl(var(--accent-foreground))"
82
+ },
83
+ destructive: {
84
+ DEFAULT: "hsl(var(--destructive))",
85
+ foreground: "hsl(var(--destructive-foreground))"
86
+ },
87
+ border: "hsl(var(--border))",
88
+ input: "hsl(var(--input))",
89
+ ring: "hsl(var(--ring))",
90
+ chart: {
91
+ 1: "hsl(var(--chart-1))",
92
+ 2: "hsl(var(--chart-2))",
93
+ 3: "hsl(var(--chart-3))",
94
+ 4: "hsl(var(--chart-4))",
95
+ 5: "hsl(var(--chart-5))"
96
+ },
97
+ sidebar: {
98
+ DEFAULT: "hsl(var(--sidebar-background))",
99
+ foreground: "hsl(var(--sidebar-foreground))",
100
+ primary: "hsl(var(--sidebar-primary))",
101
+ "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
102
+ accent: "hsl(var(--sidebar-accent))",
103
+ "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
104
+ border: "hsl(var(--sidebar-border))",
105
+ ring: "hsl(var(--sidebar-ring))"
106
+ }
107
+ },
108
+ borderRadius: {
109
+ lg: "var(--radius)",
110
+ md: "calc(var(--radius) - 2px)",
111
+ sm: "calc(var(--radius) - 4px)"
112
+ },
113
+ animation: {
114
+ "accordion-down": "accordion-down 0.2s ease-out",
115
+ "accordion-up": "accordion-up 0.2s ease-out",
116
+ "glow-spin": "spin-glow var(--glowing-border-speed) linear infinite"
117
+ },
118
+ keyframes: {
119
+ "accordion-down": {
120
+ from: {
121
+ height: "0"
122
+ },
123
+ to: {
124
+ height: "var(--radix-accordion-content-height)"
125
+ }
126
+ },
127
+ "accordion-up": {
128
+ from: {
129
+ height: "var(--radix-accordion-content-height)"
130
+ },
131
+ to: {
132
+ height: "0"
133
+ }
134
+ },
135
+ "spin-glow": {
136
+ from: { transform: "rotate(0deg)" },
137
+ to: { transform: "rotate(360deg)" }
138
+ }
139
+ }
140
+ }
141
+ },
142
+ plugins: [
143
+ u(({ addBase }) => {
144
+ addBase({
145
+ ":root": {
146
+ "--background": "0 0% 100%",
147
+ "--foreground": "0 0% 3.9%",
148
+ "--card": "0 0% 100%",
149
+ "--card-foreground": "0 0% 3.9%",
150
+ "--popover": "0 0% 100%",
151
+ "--popover-foreground": "0 0% 3.9%",
152
+ "--primary": "0 0% 9%",
153
+ "--primary-foreground": "0 0% 98%",
154
+ "--secondary": "0 0% 96.1%",
155
+ "--secondary-foreground": "0 0% 9%",
156
+ "--muted": "0 0% 96.1%",
157
+ "--muted-foreground": "0 0% 45.1%",
158
+ "--accent": "0 0% 96.1%",
159
+ "--accent-foreground": "0 0% 9%",
160
+ "--destructive": "0 84.2% 60.2%",
161
+ "--destructive-foreground": "0 0% 98%",
162
+ "--border": "0 0% 89.8%",
163
+ "--input": "0 0% 89.8%",
164
+ "--ring": "0 0% 3.9%",
165
+ "--chart-1": "12 76% 61%",
166
+ "--chart-2": "173 58% 39%",
167
+ "--chart-3": "197 37% 24%",
168
+ "--chart-4": "43 74% 66%",
169
+ "--chart-5": "27 87% 67%",
170
+ "--radius": "0.5rem",
171
+ "--sidebar-background": "0 0% 98%",
172
+ "--sidebar-foreground": "240 5.3% 26.1%",
173
+ "--sidebar-primary": "240 5.9% 10%",
174
+ "--sidebar-primary-foreground": "0 0% 98%",
175
+ "--sidebar-accent": "240 4.8% 95.9%",
176
+ "--sidebar-accent-foreground": "240 5.9% 10%",
177
+ "--sidebar-border": "220 13% 91%",
178
+ "--sidebar-ring": "217.2 91.2% 59.8%"
179
+ },
180
+ ".dark": {
181
+ "--background": "0 0% 3.9%",
182
+ "--foreground": "0 0% 98%",
183
+ "--card": "0 0% 3.9%",
184
+ "--card-foreground": "0 0% 98%",
185
+ "--popover": "0 0% 3.9%",
186
+ "--popover-foreground": "0 0% 98%",
187
+ "--primary": "0 0% 98%",
188
+ "--primary-foreground": "0 0% 9%",
189
+ "--secondary": "0 0% 14.9%",
190
+ "--secondary-foreground": "0 0% 98%",
191
+ "--muted": "0 0% 14.9%",
192
+ "--muted-foreground": "0 0% 63.9%",
193
+ "--accent": "0 0% 14.9%",
194
+ "--accent-foreground": "0 0% 98%",
195
+ "--destructive": "0 62.8% 30.6%",
196
+ "--destructive-foreground": "0 0% 98%",
197
+ "--border": "0 0% 14.9%",
198
+ "--input": "0 0% 14.9%",
199
+ "--ring": "0 0% 83.1%",
200
+ "--chart-1": "220 70% 50%",
201
+ "--chart-2": "160 60% 45%",
202
+ "--chart-3": "30 80% 55%",
203
+ "--chart-4": "280 65% 60%",
204
+ "--chart-5": "340 75% 55%",
205
+ "--sidebar-background": "240 5.9% 10%",
206
+ "--sidebar-foreground": "240 4.8% 95.9%",
207
+ "--sidebar-primary": "224.3 76.3% 48%",
208
+ "--sidebar-primary-foreground": "0 0% 100%",
209
+ "--sidebar-accent": "240 3.7% 15.9%",
210
+ "--sidebar-accent-foreground": "240 4.8% 95.9%",
211
+ "--sidebar-border": "240 3.7% 15.9%",
212
+ "--sidebar-ring": "217.2 91.2% 59.8%"
213
+ }
214
+ });
215
+ }),
216
+ import_tailwindcss_animate.default
217
+ ]
218
+ };
219
+ var preset_default = preset;
@@ -0,0 +1,186 @@
1
+ // node_modules/tailwindcss/dist/plugin.mjs
2
+ function g(i, n) {
3
+ return { handler: i, config: n };
4
+ }
5
+ g.withOptions = function(i, n = () => ({})) {
6
+ function t(o) {
7
+ return { handler: i(o), config: n(o) };
8
+ }
9
+ return t.__isOptionsFunction = true, t;
10
+ };
11
+ var u = g;
12
+
13
+ // src/preset.ts
14
+ import animate from "tailwindcss-animate";
15
+ var preset = {
16
+ darkMode: "class",
17
+ content: ["./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}"],
18
+ theme: {
19
+ extend: {
20
+ colors: {
21
+ background: "hsl(var(--background))",
22
+ foreground: "hsl(var(--foreground))",
23
+ card: {
24
+ DEFAULT: "hsl(var(--card))",
25
+ foreground: "hsl(var(--card-foreground))"
26
+ },
27
+ popover: {
28
+ DEFAULT: "hsl(var(--popover))",
29
+ foreground: "hsl(var(--popover-foreground))"
30
+ },
31
+ primary: {
32
+ DEFAULT: "hsl(var(--primary))",
33
+ foreground: "hsl(var(--primary-foreground))"
34
+ },
35
+ secondary: {
36
+ DEFAULT: "hsl(var(--secondary))",
37
+ foreground: "hsl(var(--secondary-foreground))"
38
+ },
39
+ muted: {
40
+ DEFAULT: "hsl(var(--muted))",
41
+ foreground: "hsl(var(--muted-foreground))"
42
+ },
43
+ accent: {
44
+ DEFAULT: "hsl(var(--accent))",
45
+ foreground: "hsl(var(--accent-foreground))"
46
+ },
47
+ destructive: {
48
+ DEFAULT: "hsl(var(--destructive))",
49
+ foreground: "hsl(var(--destructive-foreground))"
50
+ },
51
+ border: "hsl(var(--border))",
52
+ input: "hsl(var(--input))",
53
+ ring: "hsl(var(--ring))",
54
+ chart: {
55
+ 1: "hsl(var(--chart-1))",
56
+ 2: "hsl(var(--chart-2))",
57
+ 3: "hsl(var(--chart-3))",
58
+ 4: "hsl(var(--chart-4))",
59
+ 5: "hsl(var(--chart-5))"
60
+ },
61
+ sidebar: {
62
+ DEFAULT: "hsl(var(--sidebar-background))",
63
+ foreground: "hsl(var(--sidebar-foreground))",
64
+ primary: "hsl(var(--sidebar-primary))",
65
+ "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
66
+ accent: "hsl(var(--sidebar-accent))",
67
+ "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
68
+ border: "hsl(var(--sidebar-border))",
69
+ ring: "hsl(var(--sidebar-ring))"
70
+ }
71
+ },
72
+ borderRadius: {
73
+ lg: "var(--radius)",
74
+ md: "calc(var(--radius) - 2px)",
75
+ sm: "calc(var(--radius) - 4px)"
76
+ },
77
+ animation: {
78
+ "accordion-down": "accordion-down 0.2s ease-out",
79
+ "accordion-up": "accordion-up 0.2s ease-out",
80
+ "glow-spin": "spin-glow var(--glowing-border-speed) linear infinite"
81
+ },
82
+ keyframes: {
83
+ "accordion-down": {
84
+ from: {
85
+ height: "0"
86
+ },
87
+ to: {
88
+ height: "var(--radix-accordion-content-height)"
89
+ }
90
+ },
91
+ "accordion-up": {
92
+ from: {
93
+ height: "var(--radix-accordion-content-height)"
94
+ },
95
+ to: {
96
+ height: "0"
97
+ }
98
+ },
99
+ "spin-glow": {
100
+ from: { transform: "rotate(0deg)" },
101
+ to: { transform: "rotate(360deg)" }
102
+ }
103
+ }
104
+ }
105
+ },
106
+ plugins: [
107
+ u(({ addBase }) => {
108
+ addBase({
109
+ ":root": {
110
+ "--background": "0 0% 100%",
111
+ "--foreground": "0 0% 3.9%",
112
+ "--card": "0 0% 100%",
113
+ "--card-foreground": "0 0% 3.9%",
114
+ "--popover": "0 0% 100%",
115
+ "--popover-foreground": "0 0% 3.9%",
116
+ "--primary": "0 0% 9%",
117
+ "--primary-foreground": "0 0% 98%",
118
+ "--secondary": "0 0% 96.1%",
119
+ "--secondary-foreground": "0 0% 9%",
120
+ "--muted": "0 0% 96.1%",
121
+ "--muted-foreground": "0 0% 45.1%",
122
+ "--accent": "0 0% 96.1%",
123
+ "--accent-foreground": "0 0% 9%",
124
+ "--destructive": "0 84.2% 60.2%",
125
+ "--destructive-foreground": "0 0% 98%",
126
+ "--border": "0 0% 89.8%",
127
+ "--input": "0 0% 89.8%",
128
+ "--ring": "0 0% 3.9%",
129
+ "--chart-1": "12 76% 61%",
130
+ "--chart-2": "173 58% 39%",
131
+ "--chart-3": "197 37% 24%",
132
+ "--chart-4": "43 74% 66%",
133
+ "--chart-5": "27 87% 67%",
134
+ "--radius": "0.5rem",
135
+ "--sidebar-background": "0 0% 98%",
136
+ "--sidebar-foreground": "240 5.3% 26.1%",
137
+ "--sidebar-primary": "240 5.9% 10%",
138
+ "--sidebar-primary-foreground": "0 0% 98%",
139
+ "--sidebar-accent": "240 4.8% 95.9%",
140
+ "--sidebar-accent-foreground": "240 5.9% 10%",
141
+ "--sidebar-border": "220 13% 91%",
142
+ "--sidebar-ring": "217.2 91.2% 59.8%"
143
+ },
144
+ ".dark": {
145
+ "--background": "0 0% 3.9%",
146
+ "--foreground": "0 0% 98%",
147
+ "--card": "0 0% 3.9%",
148
+ "--card-foreground": "0 0% 98%",
149
+ "--popover": "0 0% 3.9%",
150
+ "--popover-foreground": "0 0% 98%",
151
+ "--primary": "0 0% 98%",
152
+ "--primary-foreground": "0 0% 9%",
153
+ "--secondary": "0 0% 14.9%",
154
+ "--secondary-foreground": "0 0% 98%",
155
+ "--muted": "0 0% 14.9%",
156
+ "--muted-foreground": "0 0% 63.9%",
157
+ "--accent": "0 0% 14.9%",
158
+ "--accent-foreground": "0 0% 98%",
159
+ "--destructive": "0 62.8% 30.6%",
160
+ "--destructive-foreground": "0 0% 98%",
161
+ "--border": "0 0% 14.9%",
162
+ "--input": "0 0% 14.9%",
163
+ "--ring": "0 0% 83.1%",
164
+ "--chart-1": "220 70% 50%",
165
+ "--chart-2": "160 60% 45%",
166
+ "--chart-3": "30 80% 55%",
167
+ "--chart-4": "280 65% 60%",
168
+ "--chart-5": "340 75% 55%",
169
+ "--sidebar-background": "240 5.9% 10%",
170
+ "--sidebar-foreground": "240 4.8% 95.9%",
171
+ "--sidebar-primary": "224.3 76.3% 48%",
172
+ "--sidebar-primary-foreground": "0 0% 100%",
173
+ "--sidebar-accent": "240 3.7% 15.9%",
174
+ "--sidebar-accent-foreground": "240 4.8% 95.9%",
175
+ "--sidebar-border": "240 3.7% 15.9%",
176
+ "--sidebar-ring": "217.2 91.2% 59.8%"
177
+ }
178
+ });
179
+ }),
180
+ animate
181
+ ]
182
+ };
183
+ var preset_default = preset;
184
+ export {
185
+ preset_default as default
186
+ };
package/package.json ADDED
@@ -0,0 +1,89 @@
1
+ {
2
+ "name": "@toriistudio/v0-playground",
3
+ "version": "0.1.0",
4
+ "description": "V0 Playground",
5
+ "main": "./dist/index.cjs",
6
+ "module": "./dist/index.mjs",
7
+ "types": "./dist/types/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "import": {
11
+ "types": "./dist/types/index.d.ts",
12
+ "default": "./dist/index.mjs"
13
+ },
14
+ "require": {
15
+ "types": "./dist/types/index.d.ts",
16
+ "default": "./dist/index.cjs"
17
+ }
18
+ },
19
+ "./preset": {
20
+ "import": "./dist/preset.mjs",
21
+ "require": "./dist/preset.js"
22
+ },
23
+ "./styles.css": "./dist/index.css"
24
+ },
25
+ "files": [
26
+ "dist",
27
+ "LICENSE",
28
+ "README.md"
29
+ ],
30
+ "scripts": {
31
+ "build": "tsup",
32
+ "dev:push": "yarn build && yalc push",
33
+ "prepublishOnly": "npm run build",
34
+ "test": "echo \"Error: no test specified\" && exit 1"
35
+ },
36
+ "repository": {
37
+ "type": "git",
38
+ "url": "git+https://github.com/toriistudio/v0-playground.git"
39
+ },
40
+ "keywords": [
41
+ "react",
42
+ "component",
43
+ "headless",
44
+ "crop",
45
+ "image",
46
+ "cropper"
47
+ ],
48
+ "author": "toriistudio",
49
+ "license": "MIT",
50
+ "bugs": {
51
+ "url": "https://github.com/toriistudio/v0-playground/issues"
52
+ },
53
+ "homepage": "https://github.com/toriistudio/v0-playground#readme",
54
+ "peerDependencies": {
55
+ "@radix-ui/react-label": "^2.1.6",
56
+ "@radix-ui/react-select": "^2.2.4",
57
+ "@radix-ui/react-slider": "^1.3.4",
58
+ "@radix-ui/react-slot": "^1.2.3",
59
+ "@radix-ui/react-switch": "^1.2.4",
60
+ "class-variance-authority": "^0.7.1",
61
+ "clsx": "^2.1.1",
62
+ "lucide-react": "^0.522.0",
63
+ "react": "^19.1.0",
64
+ "react-dom": "^19.1.0",
65
+ "tailwind-merge": "^3.3.1",
66
+ "tailwindcss-animate": "^1.0.7"
67
+ },
68
+ "devDependencies": {
69
+ "@radix-ui/react-label": "^2.1.6",
70
+ "@radix-ui/react-select": "^2.2.4",
71
+ "@radix-ui/react-slider": "^1.3.4",
72
+ "@radix-ui/react-slot": "^1.2.3",
73
+ "@radix-ui/react-switch": "^1.2.4",
74
+ "@types/node": "^24.0.3",
75
+ "@types/react": "^19.1.2",
76
+ "@types/react-dom": "^19.1.3",
77
+ "class-variance-authority": "^0.7.1",
78
+ "clsx": "^2.1.1",
79
+ "lucide-react": "^0.522.0",
80
+ "tailwind-merge": "^3.3.1",
81
+ "tailwindcss": "^4.1.10",
82
+ "tailwindcss-animate": "^1.0.7",
83
+ "tsup": "^8.4.0",
84
+ "typescript": "^5.8.3"
85
+ },
86
+ "publishConfig": {
87
+ "access": "public"
88
+ }
89
+ }