ingeniuscliq-core 0.2.11 → 0.2.13
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/core.css +3477 -0
- package/dist/index.css +1 -1
- package/package.json +24 -10
- package/tailwind.config.js +85 -0
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-spinner: white;--size-spinner: 20px}div.spinner{position:relative;width:var(--size-spinner);height:var(--size-spinner);display:inline-block;margin-left:50%;margin-right:50%;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:var(--color-spinner);position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}
|
|
1
|
+
:root{--color-spinner: white;--size-spinner: 20px}div.spinner{position:relative;width:var(--size-spinner);height:var(--size-spinner);display:inline-block;margin-left:50%;margin-right:50%;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:var(--color-spinner);position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}div.spinner div.bar1{-webkit-transform:rotate(0deg) translate(0,-130%);-webkit-animation-delay:0s}div.spinner div.bar2{-webkit-transform:rotate(30deg) translate(0,-130%);-webkit-animation-delay:-.9167s}div.spinner div.bar3{-webkit-transform:rotate(60deg) translate(0,-130%);-webkit-animation-delay:-.833s}div.spinner div.bar4{-webkit-transform:rotate(90deg) translate(0,-130%);-webkit-animation-delay:-.7497s}div.spinner div.bar5{-webkit-transform:rotate(120deg) translate(0,-130%);-webkit-animation-delay:-.667s}div.spinner div.bar6{-webkit-transform:rotate(150deg) translate(0,-130%);-webkit-animation-delay:-.5837s}div.spinner div.bar7{-webkit-transform:rotate(180deg) translate(0,-130%);-webkit-animation-delay:-.5s}div.spinner div.bar8{-webkit-transform:rotate(210deg) translate(0,-130%);-webkit-animation-delay:-.4167s}div.spinner div.bar9{-webkit-transform:rotate(240deg) translate(0,-130%);-webkit-animation-delay:-.333s}div.spinner div.bar10{-webkit-transform:rotate(270deg) translate(0,-130%);-webkit-animation-delay:-.2497s}div.spinner div.bar11{-webkit-transform:rotate(300deg) translate(0,-130%);-webkit-animation-delay:-.167s}div.spinner div.bar12{-webkit-transform:rotate(330deg) translate(0,-130%);-webkit-animation-delay:-.0833s}.warranty{transform:rotate(-45deg) translate(-28%) translateY(-125%);transition:all .5s ease}.warranty-left,.warranty-right{content:"";width:10px;height:30px;position:absolute;top:0;z-index:-100}.warranty-left{left:0;transform:rotate(45deg) scale(.7) translate(110%)}.warranty-right{right:0;transform:rotate(-45deg) scaleX(.7) translate(-110%) translateY(-15%)}@custom-variant dark (&:is(.dark *));body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background: oklch(1 0 0);--foreground: oklch(.141 .005 285.823);--card: oklch(1 0 0);--card-foreground: oklch(.141 .005 285.823);--popover: oklch(1 0 0);--popover-foreground: oklch(.141 .005 285.823);--primary: oklch(.21 .006 285.885);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.967 .001 286.375);--secondary-foreground: oklch(.21 .006 285.885);--muted: oklch(.967 .001 286.375);--muted-foreground: oklch(.552 .016 285.938);--accent: oklch(.967 .001 286.375);--accent-foreground: oklch(.21 .006 285.885);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.92 .004 286.32);--input: oklch(.92 .004 286.32);--ring: oklch(.871 .006 286.286);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.141 .005 285.823);--sidebar-primary: oklch(.21 .006 285.885);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.967 .001 286.375);--sidebar-accent-foreground: oklch(.21 .006 285.885);--sidebar-border: oklch(.92 .004 286.32);--sidebar-ring: oklch(.871 .006 286.286)}.dark{--background: oklch(.141 .005 285.823);--foreground: oklch(.985 0 0);--card: oklch(.141 .005 285.823);--card-foreground: oklch(.985 0 0);--popover: oklch(.141 .005 285.823);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.21 .006 285.885);--secondary: oklch(.274 .006 286.033);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.274 .006 286.033);--muted-foreground: oklch(.705 .015 286.067);--accent: oklch(.274 .006 286.033);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.274 .006 286.033);--input: oklch(.274 .006 286.033);--ring: oklch(.442 .017 285.786);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.21 .006 285.885);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.274 .006 286.033);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.274 .006 286.033);--sidebar-ring: oklch(.442 .017 285.786)}@theme{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{border-color:var(--border);outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}body{background-color:var(--background);color:var(--foreground)}}body{min-height:100vh;display:flex;flex-direction:column;--max-container-width: 1600px}.max-container{max-width:var(--max-container-width);margin:0 auto}@media screen and (width <= 1600px){.max-container{padding:0 1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}20%{opacity:1}to{transform:scale(1)}}@keyframes translateUp{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}@keyframes shakeIn{0%,50%{transform:rotate(20deg)}25%,75%{transform:rotate(-20deg)}to{transform:rotate(0)}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-timeline:view();animation-range:entry 10% cover 30%}.fadeIn-normal{animation-name:fadeIn;animation-duration:1s}.translateUp{animation-name:translateUp;animation-duration:2s;animation-timeline:view();animation-range:entry 10% cover 20%}.translateUp-normal{animation-name:translateUp;animation-duration:2s}.shake{animation-name:shakeIn;animation-duration:1.5s}
|
package/package.json
CHANGED
|
@@ -1,14 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ingeniuscliq-core",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.13",
|
|
4
4
|
"description": "IngeniusCliq Core UI y lógica compartida",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": "./dist/index.js",
|
|
12
|
+
"types": "./dist/index.d.ts"
|
|
13
|
+
},
|
|
14
|
+
"./tailwind.config.js": "./tailwind.config.js",
|
|
15
|
+
"./styles": "./dist/core.css"
|
|
16
|
+
},
|
|
9
17
|
"files": [
|
|
10
18
|
"dist",
|
|
11
|
-
"core/commands"
|
|
19
|
+
"core/commands",
|
|
20
|
+
"tailwind.config.js"
|
|
12
21
|
],
|
|
13
22
|
"bin": {
|
|
14
23
|
"ingeniuscliq-create-template": "core/commands/create-template.js",
|
|
@@ -23,7 +32,8 @@
|
|
|
23
32
|
"create:module": "node core/commands/create-module.js",
|
|
24
33
|
"create:core-module": "node core/commands/create-core-module.js",
|
|
25
34
|
"rollback:core-module": "node core/commands/rollback-core-module.js",
|
|
26
|
-
"rollback:module": "node core/commands/rollback-module.js"
|
|
35
|
+
"rollback:module": "node core/commands/rollback-module.js",
|
|
36
|
+
"build:css": "postcss core/styles/main.css -o dist/core.css"
|
|
27
37
|
},
|
|
28
38
|
"peerDependencies": {
|
|
29
39
|
"@tanstack/react-query": ">=5.85.3",
|
|
@@ -32,9 +42,9 @@
|
|
|
32
42
|
"react": ">=18.0.0",
|
|
33
43
|
"react-dom": ">=18.0.0",
|
|
34
44
|
"react-i18next": ">=15.0.0",
|
|
45
|
+
"tailwind-merge": ">=3.0.0",
|
|
35
46
|
"tailwindcss": ">=4.0.0",
|
|
36
|
-
"tailwindcss-animate": ">=1.0.0"
|
|
37
|
-
"tailwind-merge": ">=3.0.0"
|
|
47
|
+
"tailwindcss-animate": ">=1.0.0"
|
|
38
48
|
},
|
|
39
49
|
"peerDependenciesMeta": {
|
|
40
50
|
"react-i18next": {
|
|
@@ -46,15 +56,16 @@
|
|
|
46
56
|
},
|
|
47
57
|
"dependencies": {
|
|
48
58
|
"@hookform/resolvers": "5.2.1",
|
|
59
|
+
"@tailwindcss/postcss": "^4.1.13",
|
|
49
60
|
"@types/node": "24.2.1",
|
|
50
61
|
"axios": "1.11.0",
|
|
62
|
+
"chalk": "^5.3.0",
|
|
51
63
|
"class-variance-authority": "0.7.1",
|
|
52
64
|
"clsx": "2.1.1",
|
|
65
|
+
"enquirer": "^2.4.1",
|
|
53
66
|
"lucide-react": "0.539.0",
|
|
54
67
|
"vaul": "1.1.2",
|
|
55
|
-
"zod": "4.0.17"
|
|
56
|
-
"chalk": "^5.3.0",
|
|
57
|
-
"enquirer": "^2.4.1"
|
|
68
|
+
"zod": "4.0.17"
|
|
58
69
|
},
|
|
59
70
|
"devDependencies": {
|
|
60
71
|
"@radix-ui/react-accordion": "1.2.12",
|
|
@@ -72,12 +83,16 @@
|
|
|
72
83
|
"@radix-ui/react-switch": "1.2.6",
|
|
73
84
|
"@radix-ui/react-tabs": "1.1.13",
|
|
74
85
|
"@radix-ui/react-tooltip": "1.2.8",
|
|
86
|
+
"@tailwindcss/vite": "^4.0.6",
|
|
75
87
|
"@tanstack/react-query": "5.85.3",
|
|
76
88
|
"@tanstack/react-router": ">=1.130.0",
|
|
77
89
|
"@types/react": "19.1.10",
|
|
78
90
|
"@vitejs/plugin-react": "4.7.0",
|
|
91
|
+
"autoprefixer": "^10.4.21",
|
|
79
92
|
"embla-carousel-react": "8.6.0",
|
|
80
93
|
"next-themes": "0.4.6",
|
|
94
|
+
"postcss": "^8.5.6",
|
|
95
|
+
"postcss-cli": "^11.0.1",
|
|
81
96
|
"react-day-picker": "9.8.1",
|
|
82
97
|
"react-hook-form": "7.62.0",
|
|
83
98
|
"sonner": "2.0.7",
|
|
@@ -86,7 +101,6 @@
|
|
|
86
101
|
"vite-plugin-dts": "4.5.4",
|
|
87
102
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
88
103
|
"vite-tsconfig-paths": "5.1.4",
|
|
89
|
-
"zustand": "5.0.7"
|
|
90
|
-
"@tailwindcss/vite": "^4.0.6"
|
|
104
|
+
"zustand": "5.0.7"
|
|
91
105
|
}
|
|
92
106
|
}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/** @type {import('tailwindcss').Config} */
|
|
2
|
+
export default {
|
|
3
|
+
content: [
|
|
4
|
+
"./core/**/*.{js,ts,jsx,tsx}",
|
|
5
|
+
"./dist/**/*.{js,ts,jsx,tsx}",
|
|
6
|
+
],
|
|
7
|
+
prefix: 'ic-', // Namespace all Tailwind classes with 'ic-'
|
|
8
|
+
theme: {
|
|
9
|
+
extend: {
|
|
10
|
+
colors: {
|
|
11
|
+
// Map your namespaced variables to Tailwind colors
|
|
12
|
+
background: 'var(--ic-background)',
|
|
13
|
+
foreground: 'var(--ic-foreground)',
|
|
14
|
+
card: 'var(--ic-card)',
|
|
15
|
+
'card-foreground': 'var(--ic-card-foreground)',
|
|
16
|
+
popover: 'var(--ic-popover)',
|
|
17
|
+
'popover-foreground': 'var(--ic-popover-foreground)',
|
|
18
|
+
primary: 'var(--ic-primary)',
|
|
19
|
+
'primary-foreground': 'var(--ic-primary-foreground)',
|
|
20
|
+
secondary: 'var(--ic-secondary)',
|
|
21
|
+
'secondary-foreground': 'var(--ic-secondary-foreground)',
|
|
22
|
+
muted: 'var(--ic-muted)',
|
|
23
|
+
'muted-foreground': 'var(--ic-muted-foreground)',
|
|
24
|
+
accent: 'var(--ic-accent)',
|
|
25
|
+
'accent-foreground': 'var(--ic-accent-foreground)',
|
|
26
|
+
destructive: 'var(--ic-destructive)',
|
|
27
|
+
'destructive-foreground': 'var(--ic-destructive-foreground)',
|
|
28
|
+
border: 'var(--ic-border)',
|
|
29
|
+
input: 'var(--ic-input)',
|
|
30
|
+
ring: 'var(--ic-ring)',
|
|
31
|
+
chart: {
|
|
32
|
+
1: 'var(--ic-chart-1)',
|
|
33
|
+
2: 'var(--ic-chart-2)',
|
|
34
|
+
3: 'var(--ic-chart-3)',
|
|
35
|
+
4: 'var(--ic-chart-4)',
|
|
36
|
+
5: 'var(--ic-chart-5)',
|
|
37
|
+
},
|
|
38
|
+
sidebar: {
|
|
39
|
+
DEFAULT: 'var(--ic-sidebar)',
|
|
40
|
+
foreground: 'var(--ic-sidebar-foreground)',
|
|
41
|
+
primary: 'var(--ic-sidebar-primary)',
|
|
42
|
+
'primary-foreground': 'var(--ic-sidebar-primary-foreground)',
|
|
43
|
+
accent: 'var(--ic-sidebar-accent)',
|
|
44
|
+
'accent-foreground': 'var(--ic-sidebar-accent-foreground)',
|
|
45
|
+
border: 'var(--ic-sidebar-border)',
|
|
46
|
+
ring: 'var(--ic-sidebar-ring)',
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
borderRadius: {
|
|
50
|
+
sm: 'var(--ic-radius-sm)',
|
|
51
|
+
md: 'var(--ic-radius-md)',
|
|
52
|
+
lg: 'var(--ic-radius-lg)',
|
|
53
|
+
xl: 'var(--ic-radius-xl)',
|
|
54
|
+
},
|
|
55
|
+
animation: {
|
|
56
|
+
'ic-fade-in': 'fadeIn 1s ease-in-out',
|
|
57
|
+
'ic-fade-in-normal': 'fadeIn 1s ease-in-out',
|
|
58
|
+
'ic-translate-up': 'translateUp 2s ease-in-out',
|
|
59
|
+
'ic-translate-up-normal': 'translateUp 2s ease-in-out',
|
|
60
|
+
'ic-shake': 'shakeIn 1.5s ease-in-out',
|
|
61
|
+
},
|
|
62
|
+
keyframes: {
|
|
63
|
+
fadeIn: {
|
|
64
|
+
from: { opacity: '0', transform: 'scale(0)' },
|
|
65
|
+
'20%': { opacity: '1' },
|
|
66
|
+
to: { transform: 'scale(1)' },
|
|
67
|
+
},
|
|
68
|
+
translateUp: {
|
|
69
|
+
from: { opacity: '0', transform: 'translateY(30%)' },
|
|
70
|
+
to: { opacity: '1', transform: 'translateY(0%)' },
|
|
71
|
+
},
|
|
72
|
+
shakeIn: {
|
|
73
|
+
'from, 50%': { transform: 'rotate(20deg)' },
|
|
74
|
+
'25%, 75%': { transform: 'rotate(-20deg)' },
|
|
75
|
+
to: { transform: 'rotate(0deg)' },
|
|
76
|
+
},
|
|
77
|
+
},
|
|
78
|
+
},
|
|
79
|
+
},
|
|
80
|
+
plugins: [],
|
|
81
|
+
corePlugins: {
|
|
82
|
+
// Disable core plugins that might conflict
|
|
83
|
+
preflight: false, // Disable Tailwind's base styles
|
|
84
|
+
},
|
|
85
|
+
}
|