@synthex-engineers/refined-tech 1.0.0 → 1.0.1
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/angular/index.cjs.map +1 -1
- package/dist/angular/index.js.map +1 -1
- package/dist/astro/components/ClientTrustCard.astro +79 -79
- package/dist/astro/components/HelpTooltip.astro +119 -119
- package/dist/index.cjs +15 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +15 -15
- package/dist/index.js.map +1 -1
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js.map +1 -1
- package/dist/registry/components.json +12 -12
- package/dist/tokens/tailwind-preset.d.ts +1 -1
- package/package.json +8 -1
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
},
|
|
53
53
|
"html": {
|
|
54
54
|
"available": true,
|
|
55
|
-
"snippet": "<span class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-mono bg-slateSurface text-pistachio border border-slateBorder\">\
|
|
55
|
+
"snippet": "<span class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-mono bg-slateSurface text-pistachio border border-slateBorder\">\n <span class=\"w-1.5 h-1.5 rounded-full bg-pistachio\"></span>\n Ledger Sellado\n</span>"
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
"ai_prompt_tag": "[SynthexComponent: badge-status | Angular: <st-badge-status> | React: <BadgeStatus> | Style: Dark Container #1E1E1E / Static Pistachio Dot #E0F9B5 / Mono Font]"
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
},
|
|
105
105
|
"html": {
|
|
106
106
|
"available": true,
|
|
107
|
-
"snippet": "<button class=\"bg-transparent text-pistachio border border-pistachio/70 hover:bg-pistachio/10 hover:border-pistachio px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans\">\
|
|
107
|
+
"snippet": "<button class=\"bg-transparent text-pistachio border border-pistachio/70 hover:bg-pistachio/10 hover:border-pistachio px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans\">\n Exportar Ledger\n</button>"
|
|
108
108
|
},
|
|
109
109
|
"astro": {
|
|
110
110
|
"available": true,
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
},
|
|
137
137
|
"html": {
|
|
138
138
|
"available": true,
|
|
139
|
-
"snippet": "<button class=\"bg-pistachio text-charcoal hover:bg-pistachio-hover px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm active:scale-95 inline-flex items-center justify-center gap-1.5 cursor-pointer\">\
|
|
139
|
+
"snippet": "<button class=\"bg-pistachio text-charcoal hover:bg-pistachio-hover px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm active:scale-95 inline-flex items-center justify-center gap-1.5 cursor-pointer\">\n Confirmar Acción\n</button>"
|
|
140
140
|
},
|
|
141
141
|
"astro": {
|
|
142
142
|
"available": true,
|
|
@@ -168,7 +168,7 @@
|
|
|
168
168
|
},
|
|
169
169
|
"html": {
|
|
170
170
|
"available": true,
|
|
171
|
-
"snippet": "<button class=\"bg-slateSurface text-white border border-slateBorder hover:bg-slateBorder hover:border-slateBorder-focus px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans\">\
|
|
171
|
+
"snippet": "<button class=\"bg-slateSurface text-white border border-slateBorder hover:bg-slateBorder hover:border-slateBorder-focus px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans\">\n Cancelar\n</button>"
|
|
172
172
|
},
|
|
173
173
|
"astro": {
|
|
174
174
|
"available": true,
|
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
"frameworks": {
|
|
189
189
|
"html": {
|
|
190
190
|
"available": true,
|
|
191
|
-
"snippet": "<a\
|
|
191
|
+
"snippet": "<a\n href=\"https://sd-kpi.com/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"group inline-flex items-center gap-4 sm:gap-5 px-6 sm:px-8 py-3.5 sm:py-4 rounded-2xl bg-slateSurface/60 border border-slateBorder hover:border-pistachio/50 hover:bg-slateCard/80 hover:scale-105 active:scale-95 transition-all duration-300 shadow-sm cursor-pointer font-sans\"\n aria-label=\"SD-M GmbH - Alemania\"\n>\n <img\n src=\"/brand/sd-m-logo-dark.png\"\n alt=\"SD-M GmbH\"\n class=\"h-7 sm:h-8 w-auto object-contain opacity-90 group-hover:opacity-100 transition-opacity\"\n width=\"120\"\n height=\"44\"\n loading=\"lazy\"\n />\n <div class=\"text-left border-l border-slateBorder/60 pl-4 sm:pl-5\">\n <span class=\"block font-display font-bold text-base sm:text-lg text-white group-hover:text-pistachio transition-colors leading-tight\">\n SD-M GmbH\n </span>\n <span class=\"block text-sm font-sans text-muted leading-tight mt-0.5\">\n Alemania\n </span>\n </div>\n</a>"
|
|
192
192
|
},
|
|
193
193
|
"angular": {
|
|
194
194
|
"available": true,
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
},
|
|
279
279
|
"html": {
|
|
280
280
|
"available": true,
|
|
281
|
-
"snippet": "<div class=\"w-full h-16 bg-charcoal border border-slateBorder rounded-xl overflow-hidden flex items-center justify-center cursor-pointer relative\">\
|
|
281
|
+
"snippet": "<div class=\"w-full h-16 bg-charcoal border border-slateBorder rounded-xl overflow-hidden flex items-center justify-center cursor-pointer relative\">\n <svg class=\"w-full h-12\" viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\n <path fill=\"#E0F9B5\" d=\"M 0,160 Q 720,160 1440,160 L 1440,320 L 0,320 Z\"></path>\n </svg>\n <span class=\"absolute text-xs font-mono text-charcoal font-bold\">\n Rebote Elástico GSAP\n </span>\n</div>"
|
|
282
282
|
},
|
|
283
283
|
"react": {
|
|
284
284
|
"available": true,
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
},
|
|
305
305
|
"html": {
|
|
306
306
|
"available": true,
|
|
307
|
-
"snippet": "<button class=\"js-mag-btn px-4 py-2.5 rounded-lg bg-slateSurface text-white border border-slateBorder text-sm font-medium hover:border-pistachio transition-colors cursor-pointer select-none inline-flex items-center gap-2\">\
|
|
307
|
+
"snippet": "<button class=\"js-mag-btn px-4 py-2.5 rounded-lg bg-slateSurface text-white border border-slateBorder text-sm font-medium hover:border-pistachio transition-colors cursor-pointer select-none inline-flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-pistachio\"></span>\n <span>Imán GSAP</span>\n</button>"
|
|
308
308
|
},
|
|
309
309
|
"react": {
|
|
310
310
|
"available": true,
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
},
|
|
331
331
|
"html": {
|
|
332
332
|
"available": true,
|
|
333
|
-
"snippet": "<!-- Preloader Cinemático Oficial Synthex (Metamorfosis Geométrica con MorphSVG) -->\
|
|
333
|
+
"snippet": "<!-- Preloader Cinemático Oficial Synthex (Metamorfosis Geométrica con MorphSVG) -->\n<div class=\"p-6 bg-charcoal border border-slateBorder rounded-xl flex flex-col items-center justify-center gap-4 w-full\">\n <svg\n id=\"preloader-master-svg\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 350 100\"\n class=\"w-full max-w-[420px] overflow-visible\"\n >\n <defs>\n <path id=\"target-bracket-left\" d=\"M 40 29 L 18 50 L 40 71 L 44.5 66.5 L 27 50 L 44.5 33.5 Z\" />\n <path id=\"target-slash\" d=\"M 50.5 70 L 64.5 30 L 68.5 31.5 L 54.5 71.5 Z\" />\n <path id=\"target-bracket-right\" d=\"M 74 29 L 96 50 L 74 71 L 69.5 66.5 L 87 50 L 69.5 33.5 Z\" />\n <path id=\"target-char-s\" d=\"M135.12 68.59L135.12 68.59Q130.42 68.59 127.02 67.08Q123.62 65.57 120.86 62.38L120.86 62.38L126.37 56.93Q128.21 59.09 130.42 60.22Q132.64 61.36 135.66 61.36L135.66 61.36Q138.36 61.36 139.84 60.39Q141.33 59.41 141.33 57.69L141.33 57.69Q141.33 55.90 140.03 54.82Q138.74 53.74 136.71 53.02Q134.69 52.29 132.39 51.45Q130.10 50.61 128.05 49.34Q125.99 48.07 124.72 45.97Q123.46 43.86 123.46 40.51L123.46 40.51Q123.46 37.00 125.16 34.49Q126.86 31.98 129.88 30.63Q132.91 29.28 136.85 29.28L136.85 29.28Q140.84 29.28 144.16 30.71Q147.49 32.14 149.65 34.52L149.65 34.52L144.14 39.97Q142.41 38.19 140.66 37.33Q138.90 36.46 136.69 36.46L136.69 36.46Q134.42 36.46 133.15 37.30Q131.88 38.14 131.88 39.70L131.88 39.70Q131.88 41.38 133.15 42.35Q134.42 43.32 136.47 44.05Q138.52 44.78 140.82 45.62Q143.11 46.45 145.14 47.78Q147.16 49.10 148.46 51.29Q149.75 53.47 149.75 56.93L149.75 56.93Q149.75 62.44 145.87 65.52Q141.98 68.59 135.12 68.59Z\" />\n <path id=\"target-char-y\" d=\"M164.23 79.07L155.75 79.07L161.69 66.22L151.70 41.76L160.61 41.76L165.85 57.74L171.19 41.76L180.10 41.76L168.87 68.11L164.23 79.07Z\" />\n <path id=\"target-char-n\" d=\"M191.50 68L183.23 68L183.23 41.76L191.50 41.76L191.50 43.86Q194.41 41.22 198.84 41.22L198.84 41.22Q201.70 41.22 203.97 42.59Q206.24 43.97 207.53 46.24Q208.83 48.51 208.83 51.21L208.83 51.21L208.83 68L200.57 68L200.57 53.04Q200.57 50.99 199.30 49.72Q198.03 48.45 196.09 48.45L196.09 48.45Q194.09 48.45 192.79 49.72Q191.50 50.99 191.50 53.04L191.50 53.04L191.50 68Z\" />\n <path id=\"target-char-t\" d=\"M226.11 68L217.85 68L217.85 48.78L211.91 48.78L211.91 41.76L217.85 41.76L217.85 30.90L226.11 30.90L226.11 41.76L232.05 41.76L232.05 48.78L226.11 48.78L226.11 68Z\" />\n <path id=\"target-char-h\" d=\"M243.93 68L235.67 68L235.67 28.80L243.93 28.80L243.93 43.70Q246.74 41.22 251.00 41.22L251.00 41.22Q254.03 41.22 256.35 42.48Q258.67 43.75 259.97 46.02Q261.26 48.29 261.26 51.21L261.26 51.21L261.26 68L253.00 68L253.00 53.04Q253.00 50.99 251.73 49.72Q250.46 48.45 248.52 48.45L248.52 48.45Q246.52 48.45 245.23 49.72Q243.93 50.99 243.93 53.04L243.93 53.04L243.93 68Z\" />\n <path id=\"target-char-e\" d=\"M279.52 68.59L279.52 68.59Q275.25 68.59 271.93 66.84Q268.61 65.08 266.72 61.98Q264.83 58.87 264.83 54.88L264.83 54.88Q264.83 50.94 266.69 47.86Q268.55 44.78 271.74 42.97Q274.93 41.16 278.92 41.16L278.92 41.16Q282.76 41.16 285.75 42.86Q288.75 44.56 290.45 47.51Q292.15 50.45 292.15 54.28L292.15 54.28Q292.15 55.74 291.77 57.58L291.77 57.58L272.98 57.63Q273.63 59.85 275.30 61.03Q276.98 62.22 279.46 62.22L279.46 62.22Q283.40 62.22 285.73 59.52L285.73 59.52L290.26 64.06Q288.32 66.33 285.56 67.46Q282.81 68.59 279.52 68.59ZM278.98 47.48L278.98 47.48Q276.71 47.48 275.14 48.67Q273.58 49.86 272.98 51.96L272.98 51.96L284.43 51.91Q283.40 47.48 278.98 47.48Z\" />\n <path id=\"target-char-x\" d=\"M302.52 68L293.50 68L302.90 54.61L293.99 41.76L303.65 41.76L308.03 48.88L312.46 41.76L321.42 41.76L312.67 54.45L321.96 68L312.40 68L307.54 60.17L302.52 68Z\" />\n </defs>\n <g id=\"preloader-morph-group\">\n <path id=\"morph-shape-0\" d=\"M 18 50 L 44 32 L 44 68 Z\" fill=\"#E0F9B5\" />\n <path id=\"morph-shape-1\" d=\"M 54 30 L 63 30 L 63 70 L 54 70 Z\" fill=\"#E0F9B5\" />\n <path id=\"morph-shape-2\" d=\"M 96 50 L 70 68 L 70 32 Z\" fill=\"#E0F9B5\" />\n <path id=\"morph-shape-3\" d=\"M 135 34 A 16 16 0 1 0 135 66 A 16 16 0 1 0 135 34 Z\" fill=\"#FFFFFF\" />\n <path id=\"morph-shape-4\" d=\"M 152 40 L 180 40 L 166 75 Z\" fill=\"#FFFFFF\" />\n <path id=\"morph-shape-5\" d=\"M 183 41 L 209 41 L 209 67 L 183 67 Z\" fill=\"#FFFFFF\" />\n <path id=\"morph-shape-6\" d=\"M 215 31 L 229 31 L 229 68 L 215 68 Z\" fill=\"#FFFFFF\" />\n <path id=\"morph-shape-7\" d=\"M 235 29 L 261 29 L 261 68 L 235 68 Z\" fill=\"#FFFFFF\" />\n <path id=\"morph-shape-8\" d=\"M 278 41 A 14 14 0 1 0 278 69 A 14 14 0 1 0 278 41 Z\" fill=\"#FFFFFF\" />\n <path id=\"morph-shape-9\" d=\"M 308 41 L 322 55 L 308 69 L 294 55 Z\" fill=\"#FFFFFF\" />\n </g>\n </svg>\n</div>"
|
|
334
334
|
},
|
|
335
335
|
"react": {
|
|
336
336
|
"available": true,
|
|
@@ -394,7 +394,7 @@
|
|
|
394
394
|
},
|
|
395
395
|
"html": {
|
|
396
396
|
"available": true,
|
|
397
|
-
"snippet": "<input\
|
|
397
|
+
"snippet": "<input\n type=\"text\"\n class=\"bg-charcoal border border-slateBorder focus:border-pistachio focus:outline-none focus:ring-1 focus:ring-pistachio text-white px-3 py-1.5 rounded-md text-xs font-mono transition-all w-48 placeholder-muted\"\n placeholder=\"B12345678\"\n/>"
|
|
398
398
|
}
|
|
399
399
|
},
|
|
400
400
|
"ai_prompt_tag": "[SynthexComponent: input-text | Angular: <st-input-text> | React: <InputText> | Style: Charcoal #111111 / Border #2A2A2A / Focus Pistachio #E0F9B5]"
|
|
@@ -478,7 +478,7 @@
|
|
|
478
478
|
},
|
|
479
479
|
"html": {
|
|
480
480
|
"available": true,
|
|
481
|
-
"snippet": "<div class=\"p-6 rounded-2xl bg-slateSurface-card border border-slateBorder max-w-sm w-full text-center flex flex-col items-center gap-3 font-sans\">\
|
|
481
|
+
"snippet": "<div class=\"p-6 rounded-2xl bg-slateSurface-card border border-slateBorder max-w-sm w-full text-center flex flex-col items-center gap-3 font-sans\">\n <div class=\"w-10 h-10 rounded-xl bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"/>\n </svg>\n </div>\n <h3 class=\"text-sm font-semibold text-white\">Revisa tu bandeja de entrada</h3>\n <p class=\"text-xs text-muted leading-relaxed\">\n Hemos enviado un enlace de acceso seguro a <span class=\"text-white font-mono\">cliente@empresa.com</span>.\n </p>\n <button type=\"button\" class=\"mt-2 text-xs text-pistachio hover:underline cursor-pointer\">\n Reenviar enlace de acceso\n </button>\n</div>"
|
|
482
482
|
}
|
|
483
483
|
},
|
|
484
484
|
"ai_prompt_tag": "[SynthexComponent: magic-link-card | Angular: <st-magic-link-card> | Style: Slate Card #1A1A1A / Border #2A2A2A / Pistachio Verification Accent]"
|
|
@@ -504,7 +504,7 @@
|
|
|
504
504
|
},
|
|
505
505
|
"html": {
|
|
506
506
|
"available": true,
|
|
507
|
-
"snippet": "<div class=\"w-10 h-10 rounded-xl bg-pistachio flex items-center justify-center shadow-sm\">\
|
|
507
|
+
"snippet": "<div class=\"w-10 h-10 rounded-xl bg-pistachio flex items-center justify-center shadow-sm\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 200\" width=\"24\" height=\"24\">\n <g stroke=\"#111111\" stroke-width=\"14\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" transform=\"translate(41, 56)\">\n <polyline points=\"40,24 14,46 40,68\" />\n <line x1=\"53\" y1=\"72\" x2=\"69\" y2=\"20\" />\n <polyline points=\"82,24 108,46 82,68\" />\n </g>\n </svg>\n</div>"
|
|
508
508
|
}
|
|
509
509
|
},
|
|
510
510
|
"ai_prompt_tag": "[SynthexComponent: manifesto-icon-box | Squircle Pistachio #E0F9B5 / Official Pure SVG Logo #111111]"
|
|
@@ -724,7 +724,7 @@
|
|
|
724
724
|
},
|
|
725
725
|
"html": {
|
|
726
726
|
"available": true,
|
|
727
|
-
"snippet": "<label class=\"inline-flex items-center gap-2 cursor-pointer font-sans\">\
|
|
727
|
+
"snippet": "<label class=\"inline-flex items-center gap-2 cursor-pointer font-sans\">\n <input type=\"checkbox\" checked class=\"sr-only peer\">\n <div class=\"w-8 h-4 bg-slateBorder rounded-full peer peer-checked:after:translate-x-full after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-charcoal after:rounded-full after:h-3 after:w-3 after:transition-all peer-checked:bg-pistachio relative\"></div>\n <span class=\"text-xs text-white font-medium\">Activo</span>\n</label>"
|
|
728
728
|
}
|
|
729
729
|
},
|
|
730
730
|
"ai_prompt_tag": "[SynthexComponent: toggle-switch | Angular: <st-toggle-switch> | React: <ToggleSwitch> | Style: Slate Rail #2A2A2A / Checked Pistachio #E0F9B5]"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synthex-engineers/refined-tech",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.1",
|
|
5
5
|
"description": "Librería canónica de diseño, componentes multi-framework y catálogo interactivo Synthex Refined Tech",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -77,14 +77,21 @@
|
|
|
77
77
|
"typescript": "^5.8.2"
|
|
78
78
|
},
|
|
79
79
|
"peerDependencies": {
|
|
80
|
+
"@angular/common": ">=19.0.0",
|
|
80
81
|
"@angular/core": ">=19.0.0"
|
|
81
82
|
},
|
|
82
83
|
"peerDependenciesMeta": {
|
|
84
|
+
"@angular/common": {
|
|
85
|
+
"optional": true
|
|
86
|
+
},
|
|
83
87
|
"@angular/core": {
|
|
84
88
|
"optional": true
|
|
85
89
|
}
|
|
86
90
|
},
|
|
87
91
|
"devDependencies": {
|
|
92
|
+
"@angular/common": "^22.2.3",
|
|
93
|
+
"@angular/compiler": "^22.2.3",
|
|
94
|
+
"@angular/core": "^22.2.3",
|
|
88
95
|
"@emnapi/runtime": "^1.11.3",
|
|
89
96
|
"@types/react": "^19.0.10",
|
|
90
97
|
"@types/react-dom": "^19.0.4",
|