@reeverdev/ui 0.3.8 → 0.4.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/index.cjs +10 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +142 -19
- package/dist/index.d.ts +142 -19
- package/dist/index.js +10 -10
- package/dist/index.js.map +1 -1
- package/dist/plugin.cjs +1 -1
- package/dist/plugin.cjs.map +1 -1
- package/dist/plugin.d.cts +4 -4
- package/dist/plugin.d.ts +4 -4
- package/dist/plugin.js +1 -1
- package/dist/plugin.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/plugin.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var i=require('tailwindcss/plugin');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var i__default=/*#__PURE__*/_interopDefault(i);var n={light:{background:"hsl(0 0% 100%)",foreground:"hsl(240 10% 3.9%)",card:"hsl(0 0% 100%)","card-foreground":"hsl(240 10% 3.9%)",popover:"hsl(0 0% 100%)","popover-foreground":"hsl(240 10% 3.9%)",primary:"hsl(262 48% 63%)","primary-foreground":"hsl(0 0% 100%)",secondary:"hsl(240 4.8% 95.9%)","secondary-foreground":"hsl(240 5.9% 10%)",muted:"hsl(240 4.8% 95.9%)","muted-foreground":"hsl(240 3.8% 46.1%)",accent:"hsl(240 4.8% 95.9%)","accent-foreground":"hsl(240 5.9% 10%)",
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var i=require('tailwindcss/plugin');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var i__default=/*#__PURE__*/_interopDefault(i);var n={light:{background:"hsl(0 0% 100%)",foreground:"hsl(240 10% 3.9%)",card:"hsl(0 0% 100%)","card-foreground":"hsl(240 10% 3.9%)",popover:"hsl(0 0% 100%)","popover-foreground":"hsl(240 10% 3.9%)",primary:"hsl(262 48% 63%)","primary-foreground":"hsl(0 0% 100%)",secondary:"hsl(240 4.8% 95.9%)","secondary-foreground":"hsl(240 5.9% 10%)",muted:"hsl(240 4.8% 95.9%)","muted-foreground":"hsl(240 3.8% 46.1%)",accent:"hsl(240 4.8% 95.9%)","accent-foreground":"hsl(240 5.9% 10%)",danger:"hsl(0 84.2% 60.2%)","danger-foreground":"hsl(0 0% 98%)",border:"hsl(240 5.9% 90%)",input:"hsl(240 5.9% 90%)",ring:"hsl(262 48% 63%)"},dark:{background:"hsl(240 10% 3.9%)",foreground:"hsl(0 0% 98%)",card:"hsl(240 10% 3.9%)","card-foreground":"hsl(0 0% 98%)",popover:"hsl(240 10% 3.9%)","popover-foreground":"hsl(0 0% 98%)",primary:"hsl(262 48% 63%)","primary-foreground":"hsl(0 0% 100%)",secondary:"hsl(240 3.7% 15.9%)","secondary-foreground":"hsl(0 0% 98%)",muted:"hsl(240 3.7% 15.9%)","muted-foreground":"hsl(240 5% 64.9%)",accent:"hsl(240 3.7% 15.9%)","accent-foreground":"hsl(0 0% 98%)",danger:"hsl(0 62.8% 30.6%)","danger-foreground":"hsl(0 0% 98%)",border:"hsl(240 3.7% 15.9%)",input:"hsl(240 3.7% 15.9%)",ring:"hsl(262 48% 63%)"}},c=(s={})=>{let{themes:t={}}=s,l={...n.light,...t.light},d={...n.dark,...t.dark};return i__default.default(({addBase:r,addUtilities:o})=>{r({":root":{"--radius":"0.5rem",...Object.fromEntries(Object.entries(l).map(([e,a])=>[`--color-${e}`,a]))},".dark":{...Object.fromEntries(Object.entries(d).map(([e,a])=>[`--color-${e}`,a]))},"*":{"border-color":"var(--color-border)"},body:{"background-color":"var(--color-background)",color:"var(--color-foreground)"}}),r({"@keyframes shimmer":{"100%":{transform:"translateX(100%)"}},"@keyframes fadeIn":{from:{opacity:"0"},to:{opacity:"1"}},"@keyframes slideInFromBottom":{from:{transform:"translateY(4px)"},to:{transform:"translateY(0)"}},"@keyframes fadeOut":{from:{opacity:"1"},to:{opacity:"0"}}}),o({".skeleton-shimmer":{position:"relative",overflow:"hidden"},".skeleton-shimmer::before":{content:'""',position:"absolute",top:"0",left:"0",right:"0",bottom:"0",transform:"translateX(-100%)",backgroundImage:"linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 50%, transparent 100%)",animation:"shimmer 2.5s infinite"},".dark .skeleton-shimmer::before":{backgroundImage:"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%)"}}),o({'[data-state="active"].animate-in':{animation:"fadeIn 200ms ease-out, slideInFromBottom 200ms ease-out"},'[data-state="inactive"].animate-out':{animation:"fadeOut 150ms ease-out"}}),o({".reever-scroll-area":{"scrollbar-width":"thin","scrollbar-color":"var(--sb-thumb-color) var(--sb-track-color)"}}),r({"[data-sonner-toast] [data-button]":{"margin-left":"0 !important"},"[data-sonner-toast] [data-buttons]":{gap:"8px !important"}}),r({'[aria-orientation="vertical"] > [data-separator]':{width:"100% !important",height:"1px !important"},'[aria-orientation="vertical"] > [data-separator] > div':{transform:"rotate(90deg)"}});},{theme:{extend:{colors:{background:"var(--color-background)",foreground:"var(--color-foreground)",card:{DEFAULT:"var(--color-card)",foreground:"var(--color-card-foreground)"},popover:{DEFAULT:"var(--color-popover)",foreground:"var(--color-popover-foreground)"},primary:{DEFAULT:"var(--color-primary)",foreground:"var(--color-primary-foreground)"},secondary:{DEFAULT:"var(--color-secondary)",foreground:"var(--color-secondary-foreground)"},muted:{DEFAULT:"var(--color-muted)",foreground:"var(--color-muted-foreground)"},accent:{DEFAULT:"var(--color-accent)",foreground:"var(--color-accent-foreground)"},danger:{DEFAULT:"var(--color-danger)",foreground:"var(--color-danger-foreground)"},border:"var(--color-border)",input:"var(--color-input)",ring:"var(--color-ring)"},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},animation:{shimmer:"shimmer 2s infinite"}}}})},u=c;exports.default=u;exports.reeverui=c;//# sourceMappingURL=plugin.cjs.map
|
|
2
2
|
//# sourceMappingURL=plugin.cjs.map
|
package/dist/plugin.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/plugin.ts"],"names":["reeverColors","reeverui","config","themes","lightColors","darkColors","plugin","addBase","addUtilities","key","value","plugin_default"],"mappings":"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","file":"plugin.cjs","sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype PluginReturn = ReturnType<typeof plugin>;\n\nconst reeverColors = {\n light: {\n background: \"hsl(0 0% 100%)\",\n foreground: \"hsl(240 10% 3.9%)\",\n card: \"hsl(0 0% 100%)\",\n \"card-foreground\": \"hsl(240 10% 3.9%)\",\n popover: \"hsl(0 0% 100%)\",\n \"popover-foreground\": \"hsl(240 10% 3.9%)\",\n primary: \"hsl(262 48% 63%)\",\n \"primary-foreground\": \"hsl(0 0% 100%)\",\n secondary: \"hsl(240 4.8% 95.9%)\",\n \"secondary-foreground\": \"hsl(240 5.9% 10%)\",\n muted: \"hsl(240 4.8% 95.9%)\",\n \"muted-foreground\": \"hsl(240 3.8% 46.1%)\",\n accent: \"hsl(240 4.8% 95.9%)\",\n \"accent-foreground\": \"hsl(240 5.9% 10%)\",\n destructive: \"hsl(0 84.2% 60.2%)\",\n \"destructive-foreground\": \"hsl(0 0% 98%)\",\n border: \"hsl(240 5.9% 90%)\",\n input: \"hsl(240 5.9% 90%)\",\n ring: \"hsl(262 48% 63%)\",\n },\n dark: {\n background: \"hsl(240 10% 3.9%)\",\n foreground: \"hsl(0 0% 98%)\",\n card: \"hsl(240 10% 3.9%)\",\n \"card-foreground\": \"hsl(0 0% 98%)\",\n popover: \"hsl(240 10% 3.9%)\",\n \"popover-foreground\": \"hsl(0 0% 98%)\",\n primary: \"hsl(262 48% 63%)\",\n \"primary-foreground\": \"hsl(0 0% 100%)\",\n secondary: \"hsl(240 3.7% 15.9%)\",\n \"secondary-foreground\": \"hsl(0 0% 98%)\",\n muted: \"hsl(240 3.7% 15.9%)\",\n \"muted-foreground\": \"hsl(240 5% 64.9%)\",\n accent: \"hsl(240 3.7% 15.9%)\",\n \"accent-foreground\": \"hsl(0 0% 98%)\",\n destructive: \"hsl(0 62.8% 30.6%)\",\n \"destructive-foreground\": \"hsl(0 0% 98%)\",\n border: \"hsl(240 3.7% 15.9%)\",\n input: \"hsl(240 3.7% 15.9%)\",\n ring: \"hsl(262 48% 63%)\",\n },\n};\n\nexport interface ReeverUIConfig {\n themes?: {\n light?: Partial<typeof reeverColors.light>;\n dark?: Partial<typeof reeverColors.dark>;\n };\n}\n\nexport const reeverui = (config: ReeverUIConfig = {}): PluginReturn => {\n const { themes = {} } = config;\n\n const lightColors = { ...reeverColors.light, ...themes.light };\n const darkColors = { ...reeverColors.dark, ...themes.dark };\n\n return plugin(\n ({ addBase, addUtilities }) => {\n // Add CSS variables\n addBase({\n \":root\": {\n \"--radius\": \"0.5rem\",\n ...Object.fromEntries(\n Object.entries(lightColors).map(([key, value]) => [\n `--color-${key}`,\n value,\n ])\n ),\n },\n \".dark\": {\n ...Object.fromEntries(\n Object.entries(darkColors).map(([key, value]) => [\n `--color-${key}`,\n value,\n ])\n ),\n },\n // Base styles\n \"*\": {\n \"border-color\": \"var(--color-border)\",\n },\n body: {\n \"background-color\": \"var(--color-background)\",\n color: \"var(--color-foreground)\",\n },\n });\n\n // Add custom animations\n addBase({\n \"@keyframes shimmer\": {\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"@keyframes fadeIn\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"@keyframes slideInFromBottom\": {\n from: { transform: \"translateY(4px)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"@keyframes fadeOut\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n });\n\n // Add skeleton shimmer utility\n addUtilities({\n \".skeleton-shimmer\": {\n position: \"relative\",\n overflow: \"hidden\",\n },\n \".skeleton-shimmer::before\": {\n content: '\"\"',\n position: \"absolute\",\n top: \"0\",\n left: \"0\",\n right: \"0\",\n bottom: \"0\",\n transform: \"translateX(-100%)\",\n backgroundImage:\n \"linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 50%, transparent 100%)\",\n animation: \"shimmer 2.5s infinite\",\n },\n \".dark .skeleton-shimmer::before\": {\n backgroundImage:\n \"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%)\",\n },\n });\n\n // Tab animations\n addUtilities({\n '[data-state=\"active\"].animate-in': {\n animation: \"fadeIn 200ms ease-out, slideInFromBottom 200ms ease-out\",\n },\n '[data-state=\"inactive\"].animate-out': {\n animation: \"fadeOut 150ms ease-out\",\n },\n });\n\n // ScrollArea styles\n addUtilities({\n \".reever-scroll-area\": {\n \"scrollbar-width\": \"thin\",\n \"scrollbar-color\": \"var(--sb-thumb-color) var(--sb-track-color)\",\n },\n });\n\n // Sonner toast styles\n addBase({\n \"[data-sonner-toast] [data-button]\": {\n \"margin-left\": \"0 !important\",\n },\n \"[data-sonner-toast] [data-buttons]\": {\n gap: \"8px !important\",\n },\n });\n\n // Resizable panel styles\n addBase({\n '[aria-orientation=\"vertical\"] > [data-separator]': {\n width: \"100% !important\",\n height: \"1px !important\",\n },\n '[aria-orientation=\"vertical\"] > [data-separator] > div': {\n transform: \"rotate(90deg)\",\n },\n });\n },\n {\n // Extend Tailwind theme\n theme: {\n extend: {\n colors: {\n background: \"var(--color-background)\",\n foreground: \"var(--color-foreground)\",\n card: {\n DEFAULT: \"var(--color-card)\",\n foreground: \"var(--color-card-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--color-popover)\",\n foreground: \"var(--color-popover-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--color-primary)\",\n foreground: \"var(--color-primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--color-secondary)\",\n foreground: \"var(--color-secondary-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--color-muted)\",\n foreground: \"var(--color-muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--color-accent)\",\n foreground: \"var(--color-accent-foreground)\",\n },\n destructive: {\n DEFAULT: \"var(--color-destructive)\",\n foreground: \"var(--color-destructive-foreground)\",\n },\n border: \"var(--color-border)\",\n input: \"var(--color-input)\",\n ring: \"var(--color-ring)\",\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n animation: {\n shimmer: \"shimmer 2s infinite\",\n },\n },\n },\n }\n );\n};\n\nexport default reeverui;\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/plugin.ts"],"names":["reeverColors","reeverui","config","themes","lightColors","darkColors","plugin","addBase","addUtilities","key","value","plugin_default"],"mappings":"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","file":"plugin.cjs","sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype PluginReturn = ReturnType<typeof plugin>;\n\nconst reeverColors = {\n light: {\n background: \"hsl(0 0% 100%)\",\n foreground: \"hsl(240 10% 3.9%)\",\n card: \"hsl(0 0% 100%)\",\n \"card-foreground\": \"hsl(240 10% 3.9%)\",\n popover: \"hsl(0 0% 100%)\",\n \"popover-foreground\": \"hsl(240 10% 3.9%)\",\n primary: \"hsl(262 48% 63%)\",\n \"primary-foreground\": \"hsl(0 0% 100%)\",\n secondary: \"hsl(240 4.8% 95.9%)\",\n \"secondary-foreground\": \"hsl(240 5.9% 10%)\",\n muted: \"hsl(240 4.8% 95.9%)\",\n \"muted-foreground\": \"hsl(240 3.8% 46.1%)\",\n accent: \"hsl(240 4.8% 95.9%)\",\n \"accent-foreground\": \"hsl(240 5.9% 10%)\",\n danger: \"hsl(0 84.2% 60.2%)\",\n \"danger-foreground\": \"hsl(0 0% 98%)\",\n border: \"hsl(240 5.9% 90%)\",\n input: \"hsl(240 5.9% 90%)\",\n ring: \"hsl(262 48% 63%)\",\n },\n dark: {\n background: \"hsl(240 10% 3.9%)\",\n foreground: \"hsl(0 0% 98%)\",\n card: \"hsl(240 10% 3.9%)\",\n \"card-foreground\": \"hsl(0 0% 98%)\",\n popover: \"hsl(240 10% 3.9%)\",\n \"popover-foreground\": \"hsl(0 0% 98%)\",\n primary: \"hsl(262 48% 63%)\",\n \"primary-foreground\": \"hsl(0 0% 100%)\",\n secondary: \"hsl(240 3.7% 15.9%)\",\n \"secondary-foreground\": \"hsl(0 0% 98%)\",\n muted: \"hsl(240 3.7% 15.9%)\",\n \"muted-foreground\": \"hsl(240 5% 64.9%)\",\n accent: \"hsl(240 3.7% 15.9%)\",\n \"accent-foreground\": \"hsl(0 0% 98%)\",\n danger: \"hsl(0 62.8% 30.6%)\",\n \"danger-foreground\": \"hsl(0 0% 98%)\",\n border: \"hsl(240 3.7% 15.9%)\",\n input: \"hsl(240 3.7% 15.9%)\",\n ring: \"hsl(262 48% 63%)\",\n },\n};\n\nexport interface ReeverUIConfig {\n themes?: {\n light?: Partial<typeof reeverColors.light>;\n dark?: Partial<typeof reeverColors.dark>;\n };\n}\n\nexport const reeverui = (config: ReeverUIConfig = {}): PluginReturn => {\n const { themes = {} } = config;\n\n const lightColors = { ...reeverColors.light, ...themes.light };\n const darkColors = { ...reeverColors.dark, ...themes.dark };\n\n return plugin(\n ({ addBase, addUtilities }) => {\n // Add CSS variables\n addBase({\n \":root\": {\n \"--radius\": \"0.5rem\",\n ...Object.fromEntries(\n Object.entries(lightColors).map(([key, value]) => [\n `--color-${key}`,\n value,\n ])\n ),\n },\n \".dark\": {\n ...Object.fromEntries(\n Object.entries(darkColors).map(([key, value]) => [\n `--color-${key}`,\n value,\n ])\n ),\n },\n // Base styles\n \"*\": {\n \"border-color\": \"var(--color-border)\",\n },\n body: {\n \"background-color\": \"var(--color-background)\",\n color: \"var(--color-foreground)\",\n },\n });\n\n // Add custom animations\n addBase({\n \"@keyframes shimmer\": {\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"@keyframes fadeIn\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"@keyframes slideInFromBottom\": {\n from: { transform: \"translateY(4px)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"@keyframes fadeOut\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n });\n\n // Add skeleton shimmer utility\n addUtilities({\n \".skeleton-shimmer\": {\n position: \"relative\",\n overflow: \"hidden\",\n },\n \".skeleton-shimmer::before\": {\n content: '\"\"',\n position: \"absolute\",\n top: \"0\",\n left: \"0\",\n right: \"0\",\n bottom: \"0\",\n transform: \"translateX(-100%)\",\n backgroundImage:\n \"linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 50%, transparent 100%)\",\n animation: \"shimmer 2.5s infinite\",\n },\n \".dark .skeleton-shimmer::before\": {\n backgroundImage:\n \"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%)\",\n },\n });\n\n // Tab animations\n addUtilities({\n '[data-state=\"active\"].animate-in': {\n animation: \"fadeIn 200ms ease-out, slideInFromBottom 200ms ease-out\",\n },\n '[data-state=\"inactive\"].animate-out': {\n animation: \"fadeOut 150ms ease-out\",\n },\n });\n\n // ScrollArea styles\n addUtilities({\n \".reever-scroll-area\": {\n \"scrollbar-width\": \"thin\",\n \"scrollbar-color\": \"var(--sb-thumb-color) var(--sb-track-color)\",\n },\n });\n\n // Sonner toast styles\n addBase({\n \"[data-sonner-toast] [data-button]\": {\n \"margin-left\": \"0 !important\",\n },\n \"[data-sonner-toast] [data-buttons]\": {\n gap: \"8px !important\",\n },\n });\n\n // Resizable panel styles\n addBase({\n '[aria-orientation=\"vertical\"] > [data-separator]': {\n width: \"100% !important\",\n height: \"1px !important\",\n },\n '[aria-orientation=\"vertical\"] > [data-separator] > div': {\n transform: \"rotate(90deg)\",\n },\n });\n },\n {\n // Extend Tailwind theme\n theme: {\n extend: {\n colors: {\n background: \"var(--color-background)\",\n foreground: \"var(--color-foreground)\",\n card: {\n DEFAULT: \"var(--color-card)\",\n foreground: \"var(--color-card-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--color-popover)\",\n foreground: \"var(--color-popover-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--color-primary)\",\n foreground: \"var(--color-primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--color-secondary)\",\n foreground: \"var(--color-secondary-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--color-muted)\",\n foreground: \"var(--color-muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--color-accent)\",\n foreground: \"var(--color-accent-foreground)\",\n },\n danger: {\n DEFAULT: \"var(--color-danger)\",\n foreground: \"var(--color-danger-foreground)\",\n },\n border: \"var(--color-border)\",\n input: \"var(--color-input)\",\n ring: \"var(--color-ring)\",\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n animation: {\n shimmer: \"shimmer 2s infinite\",\n },\n },\n },\n }\n );\n};\n\nexport default reeverui;\n"]}
|
package/dist/plugin.d.cts
CHANGED
|
@@ -17,8 +17,8 @@ declare const reeverColors: {
|
|
|
17
17
|
"muted-foreground": string;
|
|
18
18
|
accent: string;
|
|
19
19
|
"accent-foreground": string;
|
|
20
|
-
|
|
21
|
-
"
|
|
20
|
+
danger: string;
|
|
21
|
+
"danger-foreground": string;
|
|
22
22
|
border: string;
|
|
23
23
|
input: string;
|
|
24
24
|
ring: string;
|
|
@@ -38,8 +38,8 @@ declare const reeverColors: {
|
|
|
38
38
|
"muted-foreground": string;
|
|
39
39
|
accent: string;
|
|
40
40
|
"accent-foreground": string;
|
|
41
|
-
|
|
42
|
-
"
|
|
41
|
+
danger: string;
|
|
42
|
+
"danger-foreground": string;
|
|
43
43
|
border: string;
|
|
44
44
|
input: string;
|
|
45
45
|
ring: string;
|
package/dist/plugin.d.ts
CHANGED
|
@@ -17,8 +17,8 @@ declare const reeverColors: {
|
|
|
17
17
|
"muted-foreground": string;
|
|
18
18
|
accent: string;
|
|
19
19
|
"accent-foreground": string;
|
|
20
|
-
|
|
21
|
-
"
|
|
20
|
+
danger: string;
|
|
21
|
+
"danger-foreground": string;
|
|
22
22
|
border: string;
|
|
23
23
|
input: string;
|
|
24
24
|
ring: string;
|
|
@@ -38,8 +38,8 @@ declare const reeverColors: {
|
|
|
38
38
|
"muted-foreground": string;
|
|
39
39
|
accent: string;
|
|
40
40
|
"accent-foreground": string;
|
|
41
|
-
|
|
42
|
-
"
|
|
41
|
+
danger: string;
|
|
42
|
+
"danger-foreground": string;
|
|
43
43
|
border: string;
|
|
44
44
|
input: string;
|
|
45
45
|
ring: string;
|
package/dist/plugin.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import i from'tailwindcss/plugin';var n={light:{background:"hsl(0 0% 100%)",foreground:"hsl(240 10% 3.9%)",card:"hsl(0 0% 100%)","card-foreground":"hsl(240 10% 3.9%)",popover:"hsl(0 0% 100%)","popover-foreground":"hsl(240 10% 3.9%)",primary:"hsl(262 48% 63%)","primary-foreground":"hsl(0 0% 100%)",secondary:"hsl(240 4.8% 95.9%)","secondary-foreground":"hsl(240 5.9% 10%)",muted:"hsl(240 4.8% 95.9%)","muted-foreground":"hsl(240 3.8% 46.1%)",accent:"hsl(240 4.8% 95.9%)","accent-foreground":"hsl(240 5.9% 10%)",
|
|
1
|
+
import i from'tailwindcss/plugin';var n={light:{background:"hsl(0 0% 100%)",foreground:"hsl(240 10% 3.9%)",card:"hsl(0 0% 100%)","card-foreground":"hsl(240 10% 3.9%)",popover:"hsl(0 0% 100%)","popover-foreground":"hsl(240 10% 3.9%)",primary:"hsl(262 48% 63%)","primary-foreground":"hsl(0 0% 100%)",secondary:"hsl(240 4.8% 95.9%)","secondary-foreground":"hsl(240 5.9% 10%)",muted:"hsl(240 4.8% 95.9%)","muted-foreground":"hsl(240 3.8% 46.1%)",accent:"hsl(240 4.8% 95.9%)","accent-foreground":"hsl(240 5.9% 10%)",danger:"hsl(0 84.2% 60.2%)","danger-foreground":"hsl(0 0% 98%)",border:"hsl(240 5.9% 90%)",input:"hsl(240 5.9% 90%)",ring:"hsl(262 48% 63%)"},dark:{background:"hsl(240 10% 3.9%)",foreground:"hsl(0 0% 98%)",card:"hsl(240 10% 3.9%)","card-foreground":"hsl(0 0% 98%)",popover:"hsl(240 10% 3.9%)","popover-foreground":"hsl(0 0% 98%)",primary:"hsl(262 48% 63%)","primary-foreground":"hsl(0 0% 100%)",secondary:"hsl(240 3.7% 15.9%)","secondary-foreground":"hsl(0 0% 98%)",muted:"hsl(240 3.7% 15.9%)","muted-foreground":"hsl(240 5% 64.9%)",accent:"hsl(240 3.7% 15.9%)","accent-foreground":"hsl(0 0% 98%)",danger:"hsl(0 62.8% 30.6%)","danger-foreground":"hsl(0 0% 98%)",border:"hsl(240 3.7% 15.9%)",input:"hsl(240 3.7% 15.9%)",ring:"hsl(262 48% 63%)"}},c=(s={})=>{let{themes:t={}}=s,l={...n.light,...t.light},d={...n.dark,...t.dark};return i(({addBase:r,addUtilities:o})=>{r({":root":{"--radius":"0.5rem",...Object.fromEntries(Object.entries(l).map(([e,a])=>[`--color-${e}`,a]))},".dark":{...Object.fromEntries(Object.entries(d).map(([e,a])=>[`--color-${e}`,a]))},"*":{"border-color":"var(--color-border)"},body:{"background-color":"var(--color-background)",color:"var(--color-foreground)"}}),r({"@keyframes shimmer":{"100%":{transform:"translateX(100%)"}},"@keyframes fadeIn":{from:{opacity:"0"},to:{opacity:"1"}},"@keyframes slideInFromBottom":{from:{transform:"translateY(4px)"},to:{transform:"translateY(0)"}},"@keyframes fadeOut":{from:{opacity:"1"},to:{opacity:"0"}}}),o({".skeleton-shimmer":{position:"relative",overflow:"hidden"},".skeleton-shimmer::before":{content:'""',position:"absolute",top:"0",left:"0",right:"0",bottom:"0",transform:"translateX(-100%)",backgroundImage:"linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 50%, transparent 100%)",animation:"shimmer 2.5s infinite"},".dark .skeleton-shimmer::before":{backgroundImage:"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%)"}}),o({'[data-state="active"].animate-in':{animation:"fadeIn 200ms ease-out, slideInFromBottom 200ms ease-out"},'[data-state="inactive"].animate-out':{animation:"fadeOut 150ms ease-out"}}),o({".reever-scroll-area":{"scrollbar-width":"thin","scrollbar-color":"var(--sb-thumb-color) var(--sb-track-color)"}}),r({"[data-sonner-toast] [data-button]":{"margin-left":"0 !important"},"[data-sonner-toast] [data-buttons]":{gap:"8px !important"}}),r({'[aria-orientation="vertical"] > [data-separator]':{width:"100% !important",height:"1px !important"},'[aria-orientation="vertical"] > [data-separator] > div':{transform:"rotate(90deg)"}});},{theme:{extend:{colors:{background:"var(--color-background)",foreground:"var(--color-foreground)",card:{DEFAULT:"var(--color-card)",foreground:"var(--color-card-foreground)"},popover:{DEFAULT:"var(--color-popover)",foreground:"var(--color-popover-foreground)"},primary:{DEFAULT:"var(--color-primary)",foreground:"var(--color-primary-foreground)"},secondary:{DEFAULT:"var(--color-secondary)",foreground:"var(--color-secondary-foreground)"},muted:{DEFAULT:"var(--color-muted)",foreground:"var(--color-muted-foreground)"},accent:{DEFAULT:"var(--color-accent)",foreground:"var(--color-accent-foreground)"},danger:{DEFAULT:"var(--color-danger)",foreground:"var(--color-danger-foreground)"},border:"var(--color-border)",input:"var(--color-input)",ring:"var(--color-ring)"},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},animation:{shimmer:"shimmer 2s infinite"}}}})},u=c;export{u as default,c as reeverui};//# sourceMappingURL=plugin.js.map
|
|
2
2
|
//# sourceMappingURL=plugin.js.map
|
package/dist/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/plugin.ts"],"names":["reeverColors","reeverui","config","themes","lightColors","darkColors","plugin","addBase","addUtilities","key","value","plugin_default"],"mappings":"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","file":"plugin.js","sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype PluginReturn = ReturnType<typeof plugin>;\n\nconst reeverColors = {\n light: {\n background: \"hsl(0 0% 100%)\",\n foreground: \"hsl(240 10% 3.9%)\",\n card: \"hsl(0 0% 100%)\",\n \"card-foreground\": \"hsl(240 10% 3.9%)\",\n popover: \"hsl(0 0% 100%)\",\n \"popover-foreground\": \"hsl(240 10% 3.9%)\",\n primary: \"hsl(262 48% 63%)\",\n \"primary-foreground\": \"hsl(0 0% 100%)\",\n secondary: \"hsl(240 4.8% 95.9%)\",\n \"secondary-foreground\": \"hsl(240 5.9% 10%)\",\n muted: \"hsl(240 4.8% 95.9%)\",\n \"muted-foreground\": \"hsl(240 3.8% 46.1%)\",\n accent: \"hsl(240 4.8% 95.9%)\",\n \"accent-foreground\": \"hsl(240 5.9% 10%)\",\n destructive: \"hsl(0 84.2% 60.2%)\",\n \"destructive-foreground\": \"hsl(0 0% 98%)\",\n border: \"hsl(240 5.9% 90%)\",\n input: \"hsl(240 5.9% 90%)\",\n ring: \"hsl(262 48% 63%)\",\n },\n dark: {\n background: \"hsl(240 10% 3.9%)\",\n foreground: \"hsl(0 0% 98%)\",\n card: \"hsl(240 10% 3.9%)\",\n \"card-foreground\": \"hsl(0 0% 98%)\",\n popover: \"hsl(240 10% 3.9%)\",\n \"popover-foreground\": \"hsl(0 0% 98%)\",\n primary: \"hsl(262 48% 63%)\",\n \"primary-foreground\": \"hsl(0 0% 100%)\",\n secondary: \"hsl(240 3.7% 15.9%)\",\n \"secondary-foreground\": \"hsl(0 0% 98%)\",\n muted: \"hsl(240 3.7% 15.9%)\",\n \"muted-foreground\": \"hsl(240 5% 64.9%)\",\n accent: \"hsl(240 3.7% 15.9%)\",\n \"accent-foreground\": \"hsl(0 0% 98%)\",\n destructive: \"hsl(0 62.8% 30.6%)\",\n \"destructive-foreground\": \"hsl(0 0% 98%)\",\n border: \"hsl(240 3.7% 15.9%)\",\n input: \"hsl(240 3.7% 15.9%)\",\n ring: \"hsl(262 48% 63%)\",\n },\n};\n\nexport interface ReeverUIConfig {\n themes?: {\n light?: Partial<typeof reeverColors.light>;\n dark?: Partial<typeof reeverColors.dark>;\n };\n}\n\nexport const reeverui = (config: ReeverUIConfig = {}): PluginReturn => {\n const { themes = {} } = config;\n\n const lightColors = { ...reeverColors.light, ...themes.light };\n const darkColors = { ...reeverColors.dark, ...themes.dark };\n\n return plugin(\n ({ addBase, addUtilities }) => {\n // Add CSS variables\n addBase({\n \":root\": {\n \"--radius\": \"0.5rem\",\n ...Object.fromEntries(\n Object.entries(lightColors).map(([key, value]) => [\n `--color-${key}`,\n value,\n ])\n ),\n },\n \".dark\": {\n ...Object.fromEntries(\n Object.entries(darkColors).map(([key, value]) => [\n `--color-${key}`,\n value,\n ])\n ),\n },\n // Base styles\n \"*\": {\n \"border-color\": \"var(--color-border)\",\n },\n body: {\n \"background-color\": \"var(--color-background)\",\n color: \"var(--color-foreground)\",\n },\n });\n\n // Add custom animations\n addBase({\n \"@keyframes shimmer\": {\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"@keyframes fadeIn\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"@keyframes slideInFromBottom\": {\n from: { transform: \"translateY(4px)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"@keyframes fadeOut\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n });\n\n // Add skeleton shimmer utility\n addUtilities({\n \".skeleton-shimmer\": {\n position: \"relative\",\n overflow: \"hidden\",\n },\n \".skeleton-shimmer::before\": {\n content: '\"\"',\n position: \"absolute\",\n top: \"0\",\n left: \"0\",\n right: \"0\",\n bottom: \"0\",\n transform: \"translateX(-100%)\",\n backgroundImage:\n \"linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 50%, transparent 100%)\",\n animation: \"shimmer 2.5s infinite\",\n },\n \".dark .skeleton-shimmer::before\": {\n backgroundImage:\n \"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%)\",\n },\n });\n\n // Tab animations\n addUtilities({\n '[data-state=\"active\"].animate-in': {\n animation: \"fadeIn 200ms ease-out, slideInFromBottom 200ms ease-out\",\n },\n '[data-state=\"inactive\"].animate-out': {\n animation: \"fadeOut 150ms ease-out\",\n },\n });\n\n // ScrollArea styles\n addUtilities({\n \".reever-scroll-area\": {\n \"scrollbar-width\": \"thin\",\n \"scrollbar-color\": \"var(--sb-thumb-color) var(--sb-track-color)\",\n },\n });\n\n // Sonner toast styles\n addBase({\n \"[data-sonner-toast] [data-button]\": {\n \"margin-left\": \"0 !important\",\n },\n \"[data-sonner-toast] [data-buttons]\": {\n gap: \"8px !important\",\n },\n });\n\n // Resizable panel styles\n addBase({\n '[aria-orientation=\"vertical\"] > [data-separator]': {\n width: \"100% !important\",\n height: \"1px !important\",\n },\n '[aria-orientation=\"vertical\"] > [data-separator] > div': {\n transform: \"rotate(90deg)\",\n },\n });\n },\n {\n // Extend Tailwind theme\n theme: {\n extend: {\n colors: {\n background: \"var(--color-background)\",\n foreground: \"var(--color-foreground)\",\n card: {\n DEFAULT: \"var(--color-card)\",\n foreground: \"var(--color-card-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--color-popover)\",\n foreground: \"var(--color-popover-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--color-primary)\",\n foreground: \"var(--color-primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--color-secondary)\",\n foreground: \"var(--color-secondary-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--color-muted)\",\n foreground: \"var(--color-muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--color-accent)\",\n foreground: \"var(--color-accent-foreground)\",\n },\n destructive: {\n DEFAULT: \"var(--color-destructive)\",\n foreground: \"var(--color-destructive-foreground)\",\n },\n border: \"var(--color-border)\",\n input: \"var(--color-input)\",\n ring: \"var(--color-ring)\",\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n animation: {\n shimmer: \"shimmer 2s infinite\",\n },\n },\n },\n }\n );\n};\n\nexport default reeverui;\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/plugin.ts"],"names":["reeverColors","reeverui","config","themes","lightColors","darkColors","plugin","addBase","addUtilities","key","value","plugin_default"],"mappings":"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","file":"plugin.js","sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype PluginReturn = ReturnType<typeof plugin>;\n\nconst reeverColors = {\n light: {\n background: \"hsl(0 0% 100%)\",\n foreground: \"hsl(240 10% 3.9%)\",\n card: \"hsl(0 0% 100%)\",\n \"card-foreground\": \"hsl(240 10% 3.9%)\",\n popover: \"hsl(0 0% 100%)\",\n \"popover-foreground\": \"hsl(240 10% 3.9%)\",\n primary: \"hsl(262 48% 63%)\",\n \"primary-foreground\": \"hsl(0 0% 100%)\",\n secondary: \"hsl(240 4.8% 95.9%)\",\n \"secondary-foreground\": \"hsl(240 5.9% 10%)\",\n muted: \"hsl(240 4.8% 95.9%)\",\n \"muted-foreground\": \"hsl(240 3.8% 46.1%)\",\n accent: \"hsl(240 4.8% 95.9%)\",\n \"accent-foreground\": \"hsl(240 5.9% 10%)\",\n danger: \"hsl(0 84.2% 60.2%)\",\n \"danger-foreground\": \"hsl(0 0% 98%)\",\n border: \"hsl(240 5.9% 90%)\",\n input: \"hsl(240 5.9% 90%)\",\n ring: \"hsl(262 48% 63%)\",\n },\n dark: {\n background: \"hsl(240 10% 3.9%)\",\n foreground: \"hsl(0 0% 98%)\",\n card: \"hsl(240 10% 3.9%)\",\n \"card-foreground\": \"hsl(0 0% 98%)\",\n popover: \"hsl(240 10% 3.9%)\",\n \"popover-foreground\": \"hsl(0 0% 98%)\",\n primary: \"hsl(262 48% 63%)\",\n \"primary-foreground\": \"hsl(0 0% 100%)\",\n secondary: \"hsl(240 3.7% 15.9%)\",\n \"secondary-foreground\": \"hsl(0 0% 98%)\",\n muted: \"hsl(240 3.7% 15.9%)\",\n \"muted-foreground\": \"hsl(240 5% 64.9%)\",\n accent: \"hsl(240 3.7% 15.9%)\",\n \"accent-foreground\": \"hsl(0 0% 98%)\",\n danger: \"hsl(0 62.8% 30.6%)\",\n \"danger-foreground\": \"hsl(0 0% 98%)\",\n border: \"hsl(240 3.7% 15.9%)\",\n input: \"hsl(240 3.7% 15.9%)\",\n ring: \"hsl(262 48% 63%)\",\n },\n};\n\nexport interface ReeverUIConfig {\n themes?: {\n light?: Partial<typeof reeverColors.light>;\n dark?: Partial<typeof reeverColors.dark>;\n };\n}\n\nexport const reeverui = (config: ReeverUIConfig = {}): PluginReturn => {\n const { themes = {} } = config;\n\n const lightColors = { ...reeverColors.light, ...themes.light };\n const darkColors = { ...reeverColors.dark, ...themes.dark };\n\n return plugin(\n ({ addBase, addUtilities }) => {\n // Add CSS variables\n addBase({\n \":root\": {\n \"--radius\": \"0.5rem\",\n ...Object.fromEntries(\n Object.entries(lightColors).map(([key, value]) => [\n `--color-${key}`,\n value,\n ])\n ),\n },\n \".dark\": {\n ...Object.fromEntries(\n Object.entries(darkColors).map(([key, value]) => [\n `--color-${key}`,\n value,\n ])\n ),\n },\n // Base styles\n \"*\": {\n \"border-color\": \"var(--color-border)\",\n },\n body: {\n \"background-color\": \"var(--color-background)\",\n color: \"var(--color-foreground)\",\n },\n });\n\n // Add custom animations\n addBase({\n \"@keyframes shimmer\": {\n \"100%\": { transform: \"translateX(100%)\" },\n },\n \"@keyframes fadeIn\": {\n from: { opacity: \"0\" },\n to: { opacity: \"1\" },\n },\n \"@keyframes slideInFromBottom\": {\n from: { transform: \"translateY(4px)\" },\n to: { transform: \"translateY(0)\" },\n },\n \"@keyframes fadeOut\": {\n from: { opacity: \"1\" },\n to: { opacity: \"0\" },\n },\n });\n\n // Add skeleton shimmer utility\n addUtilities({\n \".skeleton-shimmer\": {\n position: \"relative\",\n overflow: \"hidden\",\n },\n \".skeleton-shimmer::before\": {\n content: '\"\"',\n position: \"absolute\",\n top: \"0\",\n left: \"0\",\n right: \"0\",\n bottom: \"0\",\n transform: \"translateX(-100%)\",\n backgroundImage:\n \"linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 50%, transparent 100%)\",\n animation: \"shimmer 2.5s infinite\",\n },\n \".dark .skeleton-shimmer::before\": {\n backgroundImage:\n \"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%)\",\n },\n });\n\n // Tab animations\n addUtilities({\n '[data-state=\"active\"].animate-in': {\n animation: \"fadeIn 200ms ease-out, slideInFromBottom 200ms ease-out\",\n },\n '[data-state=\"inactive\"].animate-out': {\n animation: \"fadeOut 150ms ease-out\",\n },\n });\n\n // ScrollArea styles\n addUtilities({\n \".reever-scroll-area\": {\n \"scrollbar-width\": \"thin\",\n \"scrollbar-color\": \"var(--sb-thumb-color) var(--sb-track-color)\",\n },\n });\n\n // Sonner toast styles\n addBase({\n \"[data-sonner-toast] [data-button]\": {\n \"margin-left\": \"0 !important\",\n },\n \"[data-sonner-toast] [data-buttons]\": {\n gap: \"8px !important\",\n },\n });\n\n // Resizable panel styles\n addBase({\n '[aria-orientation=\"vertical\"] > [data-separator]': {\n width: \"100% !important\",\n height: \"1px !important\",\n },\n '[aria-orientation=\"vertical\"] > [data-separator] > div': {\n transform: \"rotate(90deg)\",\n },\n });\n },\n {\n // Extend Tailwind theme\n theme: {\n extend: {\n colors: {\n background: \"var(--color-background)\",\n foreground: \"var(--color-foreground)\",\n card: {\n DEFAULT: \"var(--color-card)\",\n foreground: \"var(--color-card-foreground)\",\n },\n popover: {\n DEFAULT: \"var(--color-popover)\",\n foreground: \"var(--color-popover-foreground)\",\n },\n primary: {\n DEFAULT: \"var(--color-primary)\",\n foreground: \"var(--color-primary-foreground)\",\n },\n secondary: {\n DEFAULT: \"var(--color-secondary)\",\n foreground: \"var(--color-secondary-foreground)\",\n },\n muted: {\n DEFAULT: \"var(--color-muted)\",\n foreground: \"var(--color-muted-foreground)\",\n },\n accent: {\n DEFAULT: \"var(--color-accent)\",\n foreground: \"var(--color-accent-foreground)\",\n },\n danger: {\n DEFAULT: \"var(--color-danger)\",\n foreground: \"var(--color-danger-foreground)\",\n },\n border: \"var(--color-border)\",\n input: \"var(--color-input)\",\n ring: \"var(--color-ring)\",\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n animation: {\n shimmer: \"shimmer 2s infinite\",\n },\n },\n },\n }\n );\n};\n\nexport default reeverui;\n"]}
|