@adgytec/adgytec-web-ui-components 2.1.9 → 2.2.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.
Files changed (22) hide show
  1. package/dist/assets/GridBackgroundDecorator.css +1 -0
  2. package/dist/assets/RadialGlowDecorator.css +1 -0
  3. package/dist/assets/index.css +1 -0
  4. package/dist/chunks/GridBackgroundDecorator +16 -0
  5. package/dist/chunks/GridBackgroundDecorator.map +1 -0
  6. package/dist/chunks/RadialGlowDecorator +110 -0
  7. package/dist/chunks/RadialGlowDecorator.map +1 -0
  8. package/dist/components/Decorators/GridBackgroundDecorator/GridBackgroundDecorator.d.ts +14 -0
  9. package/dist/components/Decorators/GridBackgroundDecorator/index.d.ts +1 -0
  10. package/dist/components/Decorators/GridBackgroundDecorator/index.js +2 -0
  11. package/dist/components/Decorators/RadialGlowDecorator/RadialGlowDecorator.d.ts +12 -0
  12. package/dist/components/Decorators/RadialGlowDecorator/index.d.ts +1 -0
  13. package/dist/components/Decorators/RadialGlowDecorator/index.js +2 -0
  14. package/dist/components/Decorators/index.d.ts +2 -0
  15. package/dist/components/Decorators/index.js +3 -0
  16. package/dist/index.d.ts +1 -0
  17. package/dist/index.js +148 -113
  18. package/dist/index.js.map +1 -1
  19. package/dist/utils/gradients/gradients.d.ts +17 -0
  20. package/dist/utils/gradients/index.d.ts +1 -0
  21. package/dist/utils/index.d.ts +1 -0
  22. package/package.json +1 -1
package/dist/assets/GridBackgroundDecorator.css ADDED
@@ -0,0 +1 @@
1
+ @layer adgytec.comps{._container_vdjz2_2{pointer-events:none;background-size:var(--grid-size,40px) var(--grid-size,40px);position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 85%);mask-image:radial-gradient(circle,#000 40%,#0000 85%)}._container_vdjz2_2[data-variant=lines]{background-image:linear-gradient(to right, color-mix(in srgb, var(--md-sys-color-on-surface) 4%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--md-sys-color-on-surface) 4%, transparent) 1px, transparent 1px)}._container_vdjz2_2[data-variant=dots]{background-image:radial-gradient(color-mix(in srgb, var(--md-sys-color-on-surface) 10%, transparent) 1.5px, transparent 1.5px)}}
package/dist/assets/RadialGlowDecorator.css ADDED
@@ -0,0 +1 @@
1
+ @layer adgytec.comps{._container_1rbez_2{pointer-events:none;--glow-opacity-18:28%;--glow-opacity-15:24%;--glow-opacity-14:22%;--glow-opacity-12:20%;--glow-opacity-10:16%;--glow-opacity-8:12%;position:fixed;inset:0;overflow:hidden}[data-theme=dark] ._container_1rbez_2,[data-theme=dark-high-contrast] ._container_1rbez_2,[data-theme=dark-medium-contrast] ._container_1rbez_2,[data-theme=monochrome-dark] ._container_1rbez_2{--glow-opacity-18:15%;--glow-opacity-15:12%;--glow-opacity-14:11%;--glow-opacity-12:10%;--glow-opacity-10:8%;--glow-opacity-8:6%}@media (prefers-color-scheme:dark){._container_1rbez_2{--glow-opacity-18:15%;--glow-opacity-15:12%;--glow-opacity-14:11%;--glow-opacity-12:10%;--glow-opacity-10:8%;--glow-opacity-8:6%}}[data-theme=light] ._container_1rbez_2,[data-theme=light-high-contrast] ._container_1rbez_2,[data-theme=light-medium-contrast] ._container_1rbez_2,[data-theme=monochrome-light] ._container_1rbez_2{--glow-opacity-18:28%;--glow-opacity-15:24%;--glow-opacity-14:22%;--glow-opacity-12:20%;--glow-opacity-10:16%;--glow-opacity-8:12%}._blob_1rbez_52{filter:blur(180px);pointer-events:none;will-change:transform, filter;border-radius:50%;position:absolute}._default-primary_1rbez_61{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-15), transparent);block-size:50vmax;inline-size:50vmax;top:-10vmax;left:-10vmax}._default-secondary_1rbez_73{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-12), transparent);block-size:45vmax;inline-size:45vmax;bottom:-15vmax;right:-10vmax}._default-tertiary_1rbez_85{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-10), transparent);block-size:40vmax;inline-size:40vmax;top:25vh;right:15vw}._split-left_1rbez_98{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-12), transparent);block-size:60vmax;inline-size:60vmax;top:20vh;left:-20vmax}._split-right_1rbez_110{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-10), transparent);block-size:60vmax;inline-size:60vmax;top:20vh;right:-20vmax}._top-bar-primary_1rbez_123{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-18), transparent);block-size:20vmax;inline-size:35vmax;top:-10vmax;left:10vw}._top-bar-secondary_1rbez_135{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-15), transparent);block-size:20vmax;inline-size:35vmax;top:-10vmax;left:40vw}._top-bar-tertiary_1rbez_147{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-12), transparent);block-size:20vmax;inline-size:35vmax;top:-10vmax;left:70vw}._corner-tl_1rbez_160{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-15), transparent);block-size:30vmax;inline-size:30vmax;top:-10vmax;left:-10vmax}._corner-tr_1rbez_172{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-12), transparent);block-size:30vmax;inline-size:30vmax;top:-10vmax;right:-10vmax}._corner-bl_1rbez_184{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-12), transparent);block-size:30vmax;inline-size:30vmax;bottom:-10vmax;left:-10vmax}._corner-br_1rbez_196{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-10), transparent);block-size:30vmax;inline-size:30vmax;bottom:-10vmax;right:-10vmax}._aurora-1_1rbez_209{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-12), transparent);block-size:40vmax;inline-size:55vmax;animation:25s ease-in-out infinite alternate _aurora-float-1_1rbez_1;top:-15vmax;left:5vw}._aurora-2_1rbez_222{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-10), transparent);block-size:45vmax;inline-size:50vmax;animation:22s ease-in-out infinite alternate _aurora-float-2_1rbez_1;top:-10vmax;left:30vw}._aurora-3_1rbez_235{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-12), transparent);block-size:40vmax;inline-size:60vmax;animation:28s ease-in-out infinite alternate _aurora-float-3_1rbez_1;top:-20vmax;right:5vw}._aurora-4_1rbez_248{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-8), transparent);block-size:40vmax;inline-size:45vmax;animation:26s ease-in-out infinite alternate _aurora-float-4_1rbez_1;bottom:-15vmax;left:25vw}._spotlight-primary_1rbez_262{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-14), transparent);block-size:55vmax;inline-size:55vmax;animation:12s ease-in-out infinite alternate _spotlight-pulse-1_1rbez_1;top:50%;left:50%;transform:translate(-50%,-50%)}._spotlight-secondary_1rbez_276{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-10), transparent);block-size:45vmax;inline-size:45vmax;animation:16s ease-in-out infinite alternate _spotlight-pulse-2_1rbez_1;top:50%;left:50%;transform:translate(-50%,-50%)}._spotlight-tertiary_1rbez_290{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-8), transparent);block-size:35vmax;inline-size:35vmax;animation:10s ease-in-out infinite alternate _spotlight-pulse-3_1rbez_1;top:50%;left:50%;transform:translate(-50%,-50%)}._nebula-1_1rbez_305{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-12), transparent);block-size:65vmax;inline-size:65vmax;animation:30s ease-in-out infinite _nebula-drift-1_1rbez_1;top:10vh;left:10vw}._nebula-2_1rbez_318{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-12), transparent);block-size:55vmax;inline-size:55vmax;animation:35s ease-in-out infinite _nebula-drift-2_1rbez_1;bottom:10vh;right:10vw}._nebula-3_1rbez_331{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-10), transparent);block-size:50vmax;inline-size:50vmax;animation:28s ease-in-out infinite _nebula-drift-3_1rbez_1;top:30vh;right:15vw}._nebula-4_1rbez_344{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-8), transparent);block-size:45vmax;inline-size:45vmax;animation:32s ease-in-out infinite _nebula-drift-4_1rbez_1;bottom:20vh;left:15vw}._horizon-primary_1rbez_358{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-15), transparent);border-radius:50% 50% 0 0;block-size:30vmax;inline-size:55vmax;animation:8s ease-in-out infinite alternate _horizon-pulse-1_1rbez_1;bottom:-15vmax;left:10vw}._horizon-secondary_1rbez_372{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-12), transparent);border-radius:50% 50% 0 0;block-size:35vmax;inline-size:60vmax;animation:11s ease-in-out infinite alternate _horizon-pulse-2_1rbez_1;bottom:-20vmax;left:30vw}._horizon-tertiary_1rbez_386{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-10), transparent);border-radius:50% 50% 0 0;block-size:28vmax;inline-size:50vmax;animation:9s ease-in-out infinite alternate _horizon-pulse-3_1rbez_1;bottom:-18vmax;right:10vw}._spiral-1_1rbez_401{background-color:color-mix(in srgb, var(--md-sys-color-primary) var(--glow-opacity-12), transparent);block-size:45vmax;inline-size:45vmax;animation:25s linear infinite _spiral-orbit-1_1rbez_1;top:calc(50% - 22.5vmax);left:calc(50% - 22.5vmax)}._spiral-2_1rbez_414{background-color:color-mix(in srgb, var(--md-sys-color-tertiary) var(--glow-opacity-10), transparent);block-size:40vmax;inline-size:40vmax;animation:30s linear infinite _spiral-orbit-2_1rbez_1;top:calc(50% - 20vmax);left:calc(50% - 20vmax)}._spiral-3_1rbez_427{background-color:color-mix(in srgb, var(--md-sys-color-secondary) var(--glow-opacity-10), transparent);block-size:35vmax;inline-size:35vmax;animation:20s linear infinite _spiral-orbit-3_1rbez_1;top:calc(50% - 17.5vmax);left:calc(50% - 17.5vmax)}}@keyframes _aurora-float-1_1rbez_1{0%{transform:translate(0)scale(1)}to{transform:translate(5vw,5vh)scale(1.1)}}@keyframes _aurora-float-2_1rbez_1{0%{transform:translate(0)scale(1.1)}to{transform:translate(-4vw,-6vh)scale(.95)}}@keyframes _aurora-float-3_1rbez_1{0%{transform:translate(0)scale(.95)}to{transform:translate(6vw,-4vh)scale(1.05)}}@keyframes _aurora-float-4_1rbez_1{0%{transform:translate(0)scale(1.05)}to{transform:translate(-5vw,4vh)scale(1)}}@keyframes _spotlight-pulse-1_1rbez_1{0%{transform:translate(-50%,-50%)scale(.9)}to{transform:translate(-50%,-50%)scale(1.1)}}@keyframes _spotlight-pulse-2_1rbez_1{0%{transform:translate(-48%,-52%)scale(1.1)}to{transform:translate(-52%,-48%)scale(.9)}}@keyframes _spotlight-pulse-3_1rbez_1{0%{transform:translate(-52%,-48%)scale(.95)}to{transform:translate(-48%,-52%)scale(1.05)}}@keyframes _nebula-drift-1_1rbez_1{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(10vw,15vh)scale(1.15)rotate(120deg)}66%{transform:translate(-10vw,10vh)scale(.9)rotate(240deg)}to{transform:translate(0)scale(1)rotate(360deg)}}@keyframes _nebula-drift-2_1rbez_1{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(-15vw,-10vh)scale(.9)rotate(-120deg)}66%{transform:translate(5vw,-15vh)scale(1.1)rotate(-240deg)}to{transform:translate(0)scale(1)rotate(-360deg)}}@keyframes _nebula-drift-3_1rbez_1{0%{transform:translate(0)scale(1)}50%{transform:translate(-8vw,12vh)scale(1.2)}to{transform:translate(0)scale(1)}}@keyframes _nebula-drift-4_1rbez_1{0%{transform:translate(0)scale(1.1)}50%{transform:translate(12vw,-10vh)scale(.9)}to{transform:translate(0)scale(1.1)}}@keyframes _horizon-pulse-1_1rbez_1{0%{transform:translateY(0)scale(.95)}to{transform:translateY(-2vmax)scale(1.05)}}@keyframes _horizon-pulse-2_1rbez_1{0%{transform:translateY(0)scale(1.05)}to{transform:translateY(-3vmax)scale(.95)}}@keyframes _horizon-pulse-3_1rbez_1{0%{transform:translateY(0)scale(.9)}to{transform:translateY(-2vmax)scale(1.1)}}@keyframes _spiral-orbit-1_1rbez_1{0%{transform:rotate(0)translate(15vmax)rotate(0)scale(.9)}50%{transform:rotate(180deg)translate(15vmax)rotate(-180deg)scale(1.1)}to{transform:rotate(360deg)translate(15vmax)rotate(-360deg)scale(.9)}}@keyframes _spiral-orbit-2_1rbez_1{0%{transform:rotate(0)translate(-12vmax)rotate(0)scale(1.1)}50%{transform:rotate(-180deg)translate(-12vmax)rotate(180deg)scale(.9)}to{transform:rotate(-360deg)translate(-12vmax)rotate(360deg)scale(1.1)}}@keyframes _spiral-orbit-3_1rbez_1{0%{transform:rotate(90deg)translate(10vmax)rotate(-90deg)scale(1)}50%{transform:rotate(270deg)translate(10vmax)rotate(-270deg)scale(.85)}to{transform:rotate(450deg)translate(10vmax)rotate(-450deg)scale(1)}}
package/dist/assets/index.css ADDED
@@ -0,0 +1 @@
1
+ @layer adgytec.comps{._gradient-ambient-primary_1aada_6{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, color-mix(in srgb, var(--md-sys-color-primary) 10%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-secondary) 7%, var(--md-sys-color-surface-container-low)) 100%)}._gradient-ambient-secondary_1aada_26{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, color-mix(in srgb, var(--md-sys-color-secondary) 10%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-tertiary) 7%, var(--md-sys-color-surface-container-low)) 100%)}._gradient-ambient-tertiary_1aada_46{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, color-mix(in srgb, var(--md-sys-color-tertiary) 10%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 7%, var(--md-sys-color-surface-container-low)) 100%)}._gradient-ambient-alt_1aada_66{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 10%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-primary) 7%, var(--md-sys-color-surface-container-low)) 100%)}._gradient-glow-primary_1aada_90{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-primary) 12%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-primary) 3%, var(--md-sys-color-surface-container-low)) 45%, var(--md-sys-color-surface-container-low) 100%)}._gradient-glow-secondary_1aada_111{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-secondary) 12%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-secondary) 3%, var(--md-sys-color-surface-container-low)) 45%, var(--md-sys-color-surface-container-low) 100%)}._gradient-glow-tertiary_1aada_132{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-tertiary) 12%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-sys-color-tertiary) 3%, var(--md-sys-color-surface-container-low)) 45%, var(--md-sys-color-surface-container-low) 100%)}._gradient-glow-alt_1aada_153{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(180deg, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 12%, var(--md-sys-color-surface-container-low)) 0%, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 3%, var(--md-sys-color-surface-container-low)) 45%, var(--md-sys-color-surface-container-low) 100%)}._gradient-corner-primary_1aada_178{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--md-sys-color-primary) 11%, transparent) 0%, transparent 70%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--md-sys-color-secondary) 8%, transparent) 0%, transparent 70%)}._gradient-corner-secondary_1aada_200{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--md-sys-color-secondary) 11%, transparent) 0%, transparent 70%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--md-sys-color-tertiary) 8%, transparent) 0%, transparent 70%)}._gradient-corner-tertiary_1aada_222{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--md-sys-color-tertiary) 11%, transparent) 0%, transparent 70%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 8%, transparent) 0%, transparent 70%)}._gradient-corner-alt_1aada_248{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--md-extended-color-primary-alt-color) 11%, transparent) 0%, transparent 70%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent) 0%, transparent 70%)}._gradient-luster-soft_1aada_274{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, var(--md-sys-color-surface-container) 0%, var(--md-sys-color-surface-container-low) 100%)}._gradient-luster-metallic_1aada_284{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(135deg, var(--md-sys-color-surface-bright) 0%, var(--md-sys-color-surface-container) 50%, var(--md-sys-color-surface-container-low) 100%)}._gradient-luster-deep_1aada_295{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);background-image:linear-gradient(145deg, var(--md-sys-color-surface-container-high) 0%, var(--md-sys-color-surface-container) 60%, var(--md-sys-color-surface-container-lowest) 100%)}}
package/dist/chunks/GridBackgroundDecorator ADDED
@@ -0,0 +1,16 @@
1
+ import e from "clsx";
2
+ import { jsx as t } from "react/jsx-runtime";
3
+ import '../assets/GridBackgroundDecorator.css';var n = { container: "_container_vdjz2_2" }, r = ({ zIndex: r = 0, className: i, style: a, gridSize: o = 40, variant: s = "lines" }) => /* @__PURE__ */ t("div", {
4
+ className: e(n.container, i),
5
+ "aria-hidden": "true",
6
+ "data-variant": s,
7
+ style: {
8
+ zIndex: r,
9
+ "--grid-size": `${o}px`,
10
+ ...a
11
+ }
12
+ });
13
+ //#endregion
14
+ export { r as t };
15
+
16
+ //# sourceMappingURL=GridBackgroundDecorator.map
package/dist/chunks/GridBackgroundDecorator.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GridBackgroundDecorator","names":[],"sources":["../../src/components/Decorators/GridBackgroundDecorator/gridBackgroundDecorator.module.css","../../src/components/Decorators/GridBackgroundDecorator/GridBackgroundDecorator.tsx"],"sourcesContent":["@layer adgytec.comps {\n .container {\n position: fixed;\n inset: 0;\n pointer-events: none;\n background-size: var(--grid-size, 40px) var(--grid-size, 40px);\n mask-image: radial-gradient(\n circle at center,\n black 40%,\n transparent 85%\n );\n -webkit-mask-image: radial-gradient(\n circle at center,\n black 40%,\n transparent 85%\n );\n\n &[data-variant=\"lines\"] {\n background-image:\n linear-gradient(\n to right,\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 4%,\n transparent\n )\n 1px,\n transparent 1px\n ),\n linear-gradient(\n to bottom,\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 4%,\n transparent\n )\n 1px,\n transparent 1px\n );\n }\n\n &[data-variant=\"dots\"] {\n background-image: radial-gradient(\n color-mix(\n in srgb,\n var(--md-sys-color-on-surface) 10%,\n transparent\n )\n 1.5px,\n transparent 1.5px\n );\n }\n }\n}\n","import clsx from \"clsx\";\nimport type React from \"react\";\nimport styles from \"./gridBackgroundDecorator.module.css\";\n\nexport interface GridBackgroundDecoratorProps {\n /** Custom z-index value. Defaults to 0 */\n zIndex?: number;\n /** Additional CSS classes */\n className?: string;\n /** Additional custom styles */\n style?: React.CSSProperties;\n /** Grid size in pixels. Defaults to 40 */\n gridSize?: number;\n /** Grid pattern variant. Defaults to 'lines' */\n variant?: \"lines\" | \"dots\";\n}\n\nexport const GridBackgroundDecorator = ({\n zIndex = 0,\n className,\n style,\n gridSize = 40,\n variant = \"lines\",\n}: GridBackgroundDecoratorProps) => {\n return (\n <div\n className={clsx(styles[\"container\"], className)}\n aria-hidden=\"true\"\n data-variant={variant}\n style={\n {\n zIndex,\n \"--grid-size\": `${gridSize}px`,\n ...style,\n } as React.CSSProperties\n }\n />\n );\n};\n"],"mappings":";;6CCiBa,KAA2B,EACpC,YAAS,GACT,cACA,UACA,cAAW,IACX,aAAU,cAGN,kBAAC,OAAD;CACI,WAAW,EAAK,EAAO,WAAc,CAAS;CAC9C,eAAY;CACZ,gBAAc;CACd,OACI;EACI;EACA,eAAe,GAAG,EAAQ;EAC1B,GAAG;CACP;AACH,CAAA"}
package/dist/chunks/RadialGlowDecorator ADDED
@@ -0,0 +1,110 @@
1
+ import e from "clsx";
2
+ import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
3
+ import '../assets/RadialGlowDecorator.css';var i = {
4
+ container: "_container_1rbez_2",
5
+ blob: "_blob_1rbez_52",
6
+ "default-primary": "_default-primary_1rbez_61",
7
+ "default-secondary": "_default-secondary_1rbez_73",
8
+ "default-tertiary": "_default-tertiary_1rbez_85",
9
+ "split-left": "_split-left_1rbez_98",
10
+ "split-right": "_split-right_1rbez_110",
11
+ "top-bar-primary": "_top-bar-primary_1rbez_123",
12
+ "top-bar-secondary": "_top-bar-secondary_1rbez_135",
13
+ "top-bar-tertiary": "_top-bar-tertiary_1rbez_147",
14
+ "corner-tl": "_corner-tl_1rbez_160",
15
+ "corner-tr": "_corner-tr_1rbez_172",
16
+ "corner-bl": "_corner-bl_1rbez_184",
17
+ "corner-br": "_corner-br_1rbez_196",
18
+ "aurora-1": "_aurora-1_1rbez_209",
19
+ "aurora-float-1": "_aurora-float-1_1rbez_1",
20
+ "aurora-2": "_aurora-2_1rbez_222",
21
+ "aurora-float-2": "_aurora-float-2_1rbez_1",
22
+ "aurora-3": "_aurora-3_1rbez_235",
23
+ "aurora-float-3": "_aurora-float-3_1rbez_1",
24
+ "aurora-4": "_aurora-4_1rbez_248",
25
+ "aurora-float-4": "_aurora-float-4_1rbez_1",
26
+ "spotlight-primary": "_spotlight-primary_1rbez_262",
27
+ "spotlight-pulse-1": "_spotlight-pulse-1_1rbez_1",
28
+ "spotlight-secondary": "_spotlight-secondary_1rbez_276",
29
+ "spotlight-pulse-2": "_spotlight-pulse-2_1rbez_1",
30
+ "spotlight-tertiary": "_spotlight-tertiary_1rbez_290",
31
+ "spotlight-pulse-3": "_spotlight-pulse-3_1rbez_1",
32
+ "nebula-1": "_nebula-1_1rbez_305",
33
+ "nebula-drift-1": "_nebula-drift-1_1rbez_1",
34
+ "nebula-2": "_nebula-2_1rbez_318",
35
+ "nebula-drift-2": "_nebula-drift-2_1rbez_1",
36
+ "nebula-3": "_nebula-3_1rbez_331",
37
+ "nebula-drift-3": "_nebula-drift-3_1rbez_1",
38
+ "nebula-4": "_nebula-4_1rbez_344",
39
+ "nebula-drift-4": "_nebula-drift-4_1rbez_1",
40
+ "horizon-primary": "_horizon-primary_1rbez_358",
41
+ "horizon-pulse-1": "_horizon-pulse-1_1rbez_1",
42
+ "horizon-secondary": "_horizon-secondary_1rbez_372",
43
+ "horizon-pulse-2": "_horizon-pulse-2_1rbez_1",
44
+ "horizon-tertiary": "_horizon-tertiary_1rbez_386",
45
+ "horizon-pulse-3": "_horizon-pulse-3_1rbez_1",
46
+ "spiral-1": "_spiral-1_1rbez_401",
47
+ "spiral-orbit-1": "_spiral-orbit-1_1rbez_1",
48
+ "spiral-2": "_spiral-2_1rbez_414",
49
+ "spiral-orbit-2": "_spiral-orbit-2_1rbez_1",
50
+ "spiral-3": "_spiral-3_1rbez_427",
51
+ "spiral-orbit-3": "_spiral-orbit-3_1rbez_1"
52
+ }, a = ({ zIndex: a = -10, className: o, style: s, variant: c = "default" }) => /* @__PURE__ */ r("div", {
53
+ className: e(i.container, o),
54
+ "aria-hidden": "true",
55
+ "data-variant": c,
56
+ style: {
57
+ zIndex: a,
58
+ ...s
59
+ },
60
+ children: [
61
+ c === "default" && /* @__PURE__ */ r(t, { children: [
62
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["default-primary"]) }),
63
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["default-secondary"]) }),
64
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["default-tertiary"]) })
65
+ ] }),
66
+ c === "split" && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", { className: e(i.blob, i["split-left"]) }), /* @__PURE__ */ n("div", { className: e(i.blob, i["split-right"]) })] }),
67
+ c === "top-bar" && /* @__PURE__ */ r(t, { children: [
68
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-primary"]) }),
69
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-secondary"]) }),
70
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-tertiary"]) })
71
+ ] }),
72
+ c === "corners" && /* @__PURE__ */ r(t, { children: [
73
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["corner-tl"]) }),
74
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["corner-tr"]) }),
75
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["corner-bl"]) }),
76
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["corner-br"]) })
77
+ ] }),
78
+ c === "aurora" && /* @__PURE__ */ r(t, { children: [
79
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-1"]) }),
80
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-2"]) }),
81
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-3"]) }),
82
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-4"]) })
83
+ ] }),
84
+ c === "spotlight" && /* @__PURE__ */ r(t, { children: [
85
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-primary"]) }),
86
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-secondary"]) }),
87
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-tertiary"]) })
88
+ ] }),
89
+ c === "nebula" && /* @__PURE__ */ r(t, { children: [
90
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-1"]) }),
91
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-2"]) }),
92
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-3"]) }),
93
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-4"]) })
94
+ ] }),
95
+ c === "horizon" && /* @__PURE__ */ r(t, { children: [
96
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-primary"]) }),
97
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-secondary"]) }),
98
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-tertiary"]) })
99
+ ] }),
100
+ c === "spiral" && /* @__PURE__ */ r(t, { children: [
101
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-1"]) }),
102
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-2"]) }),
103
+ /* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-3"]) })
104
+ ] })
105
+ ]
106
+ });
107
+ //#endregion
108
+ export { a as t };
109
+
110
+ //# sourceMappingURL=RadialGlowDecorator.map
package/dist/chunks/RadialGlowDecorator.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadialGlowDecorator","names":[],"sources":["../../src/components/Decorators/RadialGlowDecorator/radialGlowDecorator.module.css","../../src/components/Decorators/RadialGlowDecorator/RadialGlowDecorator.tsx"],"sourcesContent":["@layer adgytec.comps {\n .container {\n position: fixed;\n inset: 0;\n pointer-events: none;\n overflow: hidden;\n\n /* Default Opacity (Light mode/Base defaults) - higher visibility */\n --glow-opacity-18: 28%;\n --glow-opacity-15: 24%;\n --glow-opacity-14: 22%;\n --glow-opacity-12: 20%;\n --glow-opacity-10: 16%;\n --glow-opacity-8: 12%;\n }\n\n :global([data-theme=\"dark\"]) .container,\n :global([data-theme=\"dark-high-contrast\"]) .container,\n :global([data-theme=\"dark-medium-contrast\"]) .container,\n :global([data-theme=\"monochrome-dark\"]) .container {\n --glow-opacity-18: 15%;\n --glow-opacity-15: 12%;\n --glow-opacity-14: 11%;\n --glow-opacity-12: 10%;\n --glow-opacity-10: 8%;\n --glow-opacity-8: 6%;\n }\n\n @media (prefers-color-scheme: dark) {\n .container {\n --glow-opacity-18: 15%;\n --glow-opacity-15: 12%;\n --glow-opacity-14: 11%;\n --glow-opacity-12: 10%;\n --glow-opacity-10: 8%;\n --glow-opacity-8: 6%;\n }\n }\n\n :global([data-theme=\"light\"]) .container,\n :global([data-theme=\"light-high-contrast\"]) .container,\n :global([data-theme=\"light-medium-contrast\"]) .container,\n :global([data-theme=\"monochrome-light\"]) .container {\n --glow-opacity-18: 28%;\n --glow-opacity-15: 24%;\n --glow-opacity-14: 22%;\n --glow-opacity-12: 20%;\n --glow-opacity-10: 16%;\n --glow-opacity-8: 12%;\n }\n\n .blob {\n position: absolute;\n border-radius: 50%;\n filter: blur(180px);\n pointer-events: none;\n will-change: transform, filter;\n }\n\n /* DEFAULT VARIANT */\n .default-primary {\n inline-size: 50vmax;\n block-size: 50vmax;\n top: -10vmax;\n left: -10vmax;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-15),\n transparent\n );\n }\n\n .default-secondary {\n inline-size: 45vmax;\n block-size: 45vmax;\n bottom: -15vmax;\n right: -10vmax;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-12),\n transparent\n );\n }\n\n .default-tertiary {\n inline-size: 40vmax;\n block-size: 40vmax;\n top: 25vh;\n right: 15vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-secondary) var(--glow-opacity-10),\n transparent\n );\n }\n\n /* SPLIT VARIANT */\n .split-left {\n inline-size: 60vmax;\n block-size: 60vmax;\n top: 20vh;\n left: -20vmax;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-12),\n transparent\n );\n }\n\n .split-right {\n inline-size: 60vmax;\n block-size: 60vmax;\n top: 20vh;\n right: -20vmax;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-10),\n transparent\n );\n }\n\n /* TOP-BAR VARIANT */\n .top-bar-primary {\n inline-size: 35vmax;\n block-size: 20vmax;\n top: -10vmax;\n left: 10vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-18),\n transparent\n );\n }\n\n .top-bar-secondary {\n inline-size: 35vmax;\n block-size: 20vmax;\n top: -10vmax;\n left: 40vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-15),\n transparent\n );\n }\n\n .top-bar-tertiary {\n inline-size: 35vmax;\n block-size: 20vmax;\n top: -10vmax;\n left: 70vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-secondary) var(--glow-opacity-12),\n transparent\n );\n }\n\n /* CORNERS VARIANT */\n .corner-tl {\n inline-size: 30vmax;\n block-size: 30vmax;\n top: -10vmax;\n left: -10vmax;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-15),\n transparent\n );\n }\n\n .corner-tr {\n inline-size: 30vmax;\n block-size: 30vmax;\n top: -10vmax;\n right: -10vmax;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-12),\n transparent\n );\n }\n\n .corner-bl {\n inline-size: 30vmax;\n block-size: 30vmax;\n bottom: -10vmax;\n left: -10vmax;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-secondary) var(--glow-opacity-12),\n transparent\n );\n }\n\n .corner-br {\n inline-size: 30vmax;\n block-size: 30vmax;\n bottom: -10vmax;\n right: -10vmax;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-10),\n transparent\n );\n }\n\n /* AURORA VARIANT */\n .aurora-1 {\n inline-size: 55vmax;\n block-size: 40vmax;\n top: -15vmax;\n left: 5vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-12),\n transparent\n );\n animation: aurora-float-1 25s ease-in-out infinite alternate;\n }\n\n .aurora-2 {\n inline-size: 50vmax;\n block-size: 45vmax;\n top: -10vmax;\n left: 30vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-10),\n transparent\n );\n animation: aurora-float-2 22s ease-in-out infinite alternate;\n }\n\n .aurora-3 {\n inline-size: 60vmax;\n block-size: 40vmax;\n top: -20vmax;\n right: 5vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-secondary) var(--glow-opacity-12),\n transparent\n );\n animation: aurora-float-3 28s ease-in-out infinite alternate;\n }\n\n .aurora-4 {\n inline-size: 45vmax;\n block-size: 40vmax;\n bottom: -15vmax;\n left: 25vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-8),\n transparent\n );\n animation: aurora-float-4 26s ease-in-out infinite alternate;\n }\n\n /* SPOTLIGHT VARIANT */\n .spotlight-primary {\n inline-size: 55vmax;\n block-size: 55vmax;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-14),\n transparent\n );\n animation: spotlight-pulse-1 12s ease-in-out infinite alternate;\n }\n\n .spotlight-secondary {\n inline-size: 45vmax;\n block-size: 45vmax;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-10),\n transparent\n );\n animation: spotlight-pulse-2 16s ease-in-out infinite alternate;\n }\n\n .spotlight-tertiary {\n inline-size: 35vmax;\n block-size: 35vmax;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-secondary) var(--glow-opacity-8),\n transparent\n );\n animation: spotlight-pulse-3 10s ease-in-out infinite alternate;\n }\n\n /* NEBULA VARIANT */\n .nebula-1 {\n inline-size: 65vmax;\n block-size: 65vmax;\n top: 10vh;\n left: 10vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-12),\n transparent\n );\n animation: nebula-drift-1 30s ease-in-out infinite;\n }\n\n .nebula-2 {\n inline-size: 55vmax;\n block-size: 55vmax;\n bottom: 10vh;\n right: 10vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-12),\n transparent\n );\n animation: nebula-drift-2 35s ease-in-out infinite;\n }\n\n .nebula-3 {\n inline-size: 50vmax;\n block-size: 50vmax;\n top: 30vh;\n right: 15vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-secondary) var(--glow-opacity-10),\n transparent\n );\n animation: nebula-drift-3 28s ease-in-out infinite;\n }\n\n .nebula-4 {\n inline-size: 45vmax;\n block-size: 45vmax;\n bottom: 20vh;\n left: 15vw;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-8),\n transparent\n );\n animation: nebula-drift-4 32s ease-in-out infinite;\n }\n\n /* HORIZON VARIANT */\n .horizon-primary {\n inline-size: 55vmax;\n block-size: 30vmax;\n bottom: -15vmax;\n left: 10vw;\n border-radius: 50% 50% 0 0;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-15),\n transparent\n );\n animation: horizon-pulse-1 8s ease-in-out infinite alternate;\n }\n\n .horizon-secondary {\n inline-size: 60vmax;\n block-size: 35vmax;\n bottom: -20vmax;\n left: 30vw;\n border-radius: 50% 50% 0 0;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-12),\n transparent\n );\n animation: horizon-pulse-2 11s ease-in-out infinite alternate;\n }\n\n .horizon-tertiary {\n inline-size: 50vmax;\n block-size: 28vmax;\n bottom: -18vmax;\n right: 10vw;\n border-radius: 50% 50% 0 0;\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-secondary) var(--glow-opacity-10),\n transparent\n );\n animation: horizon-pulse-3 9s ease-in-out infinite alternate;\n }\n\n /* SPIRAL VARIANT */\n .spiral-1 {\n inline-size: 45vmax;\n block-size: 45vmax;\n top: calc(50% - 22.5vmax);\n left: calc(50% - 22.5vmax);\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-primary) var(--glow-opacity-12),\n transparent\n );\n animation: spiral-orbit-1 25s linear infinite;\n }\n\n .spiral-2 {\n inline-size: 40vmax;\n block-size: 40vmax;\n top: calc(50% - 20vmax);\n left: calc(50% - 20vmax);\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-tertiary) var(--glow-opacity-10),\n transparent\n );\n animation: spiral-orbit-2 30s linear infinite;\n }\n\n .spiral-3 {\n inline-size: 35vmax;\n block-size: 35vmax;\n top: calc(50% - 17.5vmax);\n left: calc(50% - 17.5vmax);\n background-color: color-mix(\n in srgb,\n var(--md-sys-color-secondary) var(--glow-opacity-10),\n transparent\n );\n animation: spiral-orbit-3 20s linear infinite;\n }\n}\n\n/* Animations for premium organic feeling */\n@keyframes aurora-float-1 {\n 0% {\n transform: translate(0, 0) scale(1);\n }\n 100% {\n transform: translate(5vw, 5vh) scale(1.1);\n }\n}\n\n@keyframes aurora-float-2 {\n 0% {\n transform: translate(0, 0) scale(1.1);\n }\n 100% {\n transform: translate(-4vw, -6vh) scale(0.95);\n }\n}\n\n@keyframes aurora-float-3 {\n 0% {\n transform: translate(0, 0) scale(0.95);\n }\n 100% {\n transform: translate(6vw, -4vh) scale(1.05);\n }\n}\n\n@keyframes aurora-float-4 {\n 0% {\n transform: translate(0, 0) scale(1.05);\n }\n 100% {\n transform: translate(-5vw, 4vh) scale(1);\n }\n}\n\n@keyframes spotlight-pulse-1 {\n 0% {\n transform: translate(-50%, -50%) scale(0.9);\n }\n 100% {\n transform: translate(-50%, -50%) scale(1.1);\n }\n}\n\n@keyframes spotlight-pulse-2 {\n 0% {\n transform: translate(-48%, -52%) scale(1.1);\n }\n 100% {\n transform: translate(-52%, -48%) scale(0.9);\n }\n}\n\n@keyframes spotlight-pulse-3 {\n 0% {\n transform: translate(-52%, -48%) scale(0.95);\n }\n 100% {\n transform: translate(-48%, -52%) scale(1.05);\n }\n}\n\n@keyframes nebula-drift-1 {\n 0% {\n transform: translate(0, 0) scale(1) rotate(0deg);\n }\n 33% {\n transform: translate(10vw, 15vh) scale(1.15) rotate(120deg);\n }\n 66% {\n transform: translate(-10vw, 10vh) scale(0.9) rotate(240deg);\n }\n 100% {\n transform: translate(0, 0) scale(1) rotate(360deg);\n }\n}\n\n@keyframes nebula-drift-2 {\n 0% {\n transform: translate(0, 0) scale(1) rotate(0deg);\n }\n 33% {\n transform: translate(-15vw, -10vh) scale(0.9) rotate(-120deg);\n }\n 66% {\n transform: translate(5vw, -15vh) scale(1.1) rotate(-240deg);\n }\n 100% {\n transform: translate(0, 0) scale(1) rotate(-360deg);\n }\n}\n\n@keyframes nebula-drift-3 {\n 0% {\n transform: translate(0, 0) scale(1);\n }\n 50% {\n transform: translate(-8vw, 12vh) scale(1.2);\n }\n 100% {\n transform: translate(0, 0) scale(1);\n }\n}\n\n@keyframes nebula-drift-4 {\n 0% {\n transform: translate(0, 0) scale(1.1);\n }\n 50% {\n transform: translate(12vw, -10vh) scale(0.9);\n }\n 100% {\n transform: translate(0, 0) scale(1.1);\n }\n}\n\n@keyframes horizon-pulse-1 {\n 0% {\n transform: translateY(0) scale(0.95);\n }\n 100% {\n transform: translateY(-2vmax) scale(1.05);\n }\n}\n\n@keyframes horizon-pulse-2 {\n 0% {\n transform: translateY(0) scale(1.05);\n }\n 100% {\n transform: translateY(-3vmax) scale(0.95);\n }\n}\n\n@keyframes horizon-pulse-3 {\n 0% {\n transform: translateY(0) scale(0.9);\n }\n 100% {\n transform: translateY(-2vmax) scale(1.1);\n }\n}\n\n@keyframes spiral-orbit-1 {\n 0% {\n transform: rotate(0deg) translate(15vmax) rotate(0deg) scale(0.9);\n }\n 50% {\n transform: rotate(180deg) translate(15vmax) rotate(-180deg) scale(1.1);\n }\n 100% {\n transform: rotate(360deg) translate(15vmax) rotate(-360deg) scale(0.9);\n }\n}\n\n@keyframes spiral-orbit-2 {\n 0% {\n transform: rotate(0deg) translate(-12vmax) rotate(0deg) scale(1.1);\n }\n 50% {\n transform: rotate(-180deg) translate(-12vmax) rotate(180deg) scale(0.9);\n }\n 100% {\n transform: rotate(-360deg) translate(-12vmax) rotate(360deg) scale(1.1);\n }\n}\n\n@keyframes spiral-orbit-3 {\n 0% {\n transform: rotate(90deg) translate(10vmax) rotate(-90deg) scale(1);\n }\n 50% {\n transform: rotate(270deg) translate(10vmax) rotate(-270deg) scale(0.85);\n }\n 100% {\n transform: rotate(450deg) translate(10vmax) rotate(-450deg) scale(1);\n }\n}\n","import clsx from \"clsx\";\nimport type React from \"react\";\nimport styles from \"./radialGlowDecorator.module.css\";\n\nexport interface RadialGlowDecoratorProps {\n /** Custom z-index value. Defaults to -10 */\n zIndex?: number;\n /** Additional CSS classes */\n className?: string;\n /** Additional custom styles */\n style?: React.CSSProperties;\n /** Blob arrangement variant. Defaults to 'default' */\n variant?:\n | \"default\"\n | \"split\"\n | \"top-bar\"\n | \"corners\"\n | \"aurora\"\n | \"spotlight\"\n | \"nebula\"\n | \"horizon\"\n | \"spiral\";\n}\n\nexport const RadialGlowDecorator = ({\n zIndex = -10,\n className,\n style,\n variant = \"default\",\n}: RadialGlowDecoratorProps) => {\n return (\n <div\n className={clsx(styles[\"container\"], className)}\n aria-hidden=\"true\"\n data-variant={variant}\n style={{ zIndex, ...style }}\n >\n {variant === \"default\" && (\n <>\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"default-primary\"]\n )}\n />\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"default-secondary\"]\n )}\n />\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"default-tertiary\"]\n )}\n />\n </>\n )}\n {variant === \"split\" && (\n <>\n <div\n className={clsx(styles[\"blob\"], styles[\"split-left\"])}\n />\n <div\n className={clsx(styles[\"blob\"], styles[\"split-right\"])}\n />\n </>\n )}\n {variant === \"top-bar\" && (\n <>\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"top-bar-primary\"]\n )}\n />\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"top-bar-secondary\"]\n )}\n />\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"top-bar-tertiary\"]\n )}\n />\n </>\n )}\n {variant === \"corners\" && (\n <>\n <div\n className={clsx(styles[\"blob\"], styles[\"corner-tl\"])}\n />\n <div\n className={clsx(styles[\"blob\"], styles[\"corner-tr\"])}\n />\n <div\n className={clsx(styles[\"blob\"], styles[\"corner-bl\"])}\n />\n <div\n className={clsx(styles[\"blob\"], styles[\"corner-br\"])}\n />\n </>\n )}\n {variant === \"aurora\" && (\n <>\n <div className={clsx(styles[\"blob\"], styles[\"aurora-1\"])} />\n <div className={clsx(styles[\"blob\"], styles[\"aurora-2\"])} />\n <div className={clsx(styles[\"blob\"], styles[\"aurora-3\"])} />\n <div className={clsx(styles[\"blob\"], styles[\"aurora-4\"])} />\n </>\n )}\n {variant === \"spotlight\" && (\n <>\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"spotlight-primary\"]\n )}\n />\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"spotlight-secondary\"]\n )}\n />\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"spotlight-tertiary\"]\n )}\n />\n </>\n )}\n {variant === \"nebula\" && (\n <>\n <div className={clsx(styles[\"blob\"], styles[\"nebula-1\"])} />\n <div className={clsx(styles[\"blob\"], styles[\"nebula-2\"])} />\n <div className={clsx(styles[\"blob\"], styles[\"nebula-3\"])} />\n <div className={clsx(styles[\"blob\"], styles[\"nebula-4\"])} />\n </>\n )}\n {variant === \"horizon\" && (\n <>\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"horizon-primary\"]\n )}\n />\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"horizon-secondary\"]\n )}\n />\n <div\n className={clsx(\n styles[\"blob\"],\n styles[\"horizon-tertiary\"]\n )}\n />\n </>\n )}\n {variant === \"spiral\" && (\n <>\n <div className={clsx(styles[\"blob\"], styles[\"spiral-1\"])} />\n <div className={clsx(styles[\"blob\"], styles[\"spiral-2\"])} />\n <div className={clsx(styles[\"blob\"], styles[\"spiral-3\"])} />\n </>\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCwBa,KAAuB,EAChC,YAAS,KACT,cACA,UACA,aAAU,gBAGN,kBAAC,OAAD;CACI,WAAW,EAAK,EAAO,WAAc,CAAS;CAC9C,eAAY;CACZ,gBAAc;CACd,OAAO;EAAE;EAAQ,GAAG;CAAM;WAJ9B;EAMK,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,WACT,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,aAAa,EAAE,CAAA,GAE1D,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,cAAc,EAAE,CAAA,CAE/D,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;GAEzD,kBAAC,OAAD,EACI,WAAW,EAAK,EAAO,MAAS,EAAO,YAAY,EAAE,CAAA;EAE7D,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;EAEH,MAAY,eACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,sBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,qBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;EAEH,MAAY,aACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,kBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,oBACX,EAAE,CAAA;GAEN,kBAAC,OAAD,EACI,WAAW,EACP,EAAO,MACP,EAAO,mBACX,EAAE,CAAA;EAEV,EAAA,CAAA;EAEH,MAAY,YACT,kBAAA,GAAA,EAAA,UAAA;GACI,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;GACzD,kBAAC,OAAD,EAAK,WAAW,EAAK,EAAO,MAAS,EAAO,WAAW,EAAE,CAAA;EAC7D,EAAA,CAAA;CAEH"}
package/dist/components/Decorators/GridBackgroundDecorator/GridBackgroundDecorator.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { default as React } from 'react';
2
+ export interface GridBackgroundDecoratorProps {
3
+ /** Custom z-index value. Defaults to 0 */
4
+ zIndex?: number;
5
+ /** Additional CSS classes */
6
+ className?: string;
7
+ /** Additional custom styles */
8
+ style?: React.CSSProperties;
9
+ /** Grid size in pixels. Defaults to 40 */
10
+ gridSize?: number;
11
+ /** Grid pattern variant. Defaults to 'lines' */
12
+ variant?: "lines" | "dots";
13
+ }
14
+ export declare const GridBackgroundDecorator: ({ zIndex, className, style, gridSize, variant, }: GridBackgroundDecoratorProps) => React.JSX.Element;
package/dist/components/Decorators/GridBackgroundDecorator/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './GridBackgroundDecorator';
package/dist/components/Decorators/GridBackgroundDecorator/index.js ADDED
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../../../chunks/GridBackgroundDecorator";
2
+ export { e as GridBackgroundDecorator };
package/dist/components/Decorators/RadialGlowDecorator/RadialGlowDecorator.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { default as React } from 'react';
2
+ export interface RadialGlowDecoratorProps {
3
+ /** Custom z-index value. Defaults to -10 */
4
+ zIndex?: number;
5
+ /** Additional CSS classes */
6
+ className?: string;
7
+ /** Additional custom styles */
8
+ style?: React.CSSProperties;
9
+ /** Blob arrangement variant. Defaults to 'default' */
10
+ variant?: "default" | "split" | "top-bar" | "corners" | "aurora" | "spotlight" | "nebula" | "horizon" | "spiral";
11
+ }
12
+ export declare const RadialGlowDecorator: ({ zIndex, className, style, variant, }: RadialGlowDecoratorProps) => React.JSX.Element;
package/dist/components/Decorators/RadialGlowDecorator/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './RadialGlowDecorator';
package/dist/components/Decorators/RadialGlowDecorator/index.js ADDED
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../../../chunks/RadialGlowDecorator";
2
+ export { e as RadialGlowDecorator };
package/dist/components/Decorators/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './GridBackgroundDecorator';
2
+ export * from './RadialGlowDecorator';
package/dist/components/Decorators/index.js ADDED
@@ -0,0 +1,3 @@
1
+ import { t as e } from "../../chunks/GridBackgroundDecorator";
2
+ import { t } from "../../chunks/RadialGlowDecorator";
3
+ export { e as GridBackgroundDecorator, t as RadialGlowDecorator };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './components/AppBar';
2
2
  export * from './components/Button';
3
3
  export * from './components/Calendar';
4
+ export * from './components/Decorators';
4
5
  export * from './components/Dialog';
5
6
  export * from './components/Disclosure';
6
7
  export * from './components/Divider';
package/dist/index.js CHANGED
@@ -1,128 +1,163 @@
1
1
  import { AppBarState as e, AppBarStateContext as t } from "./components/AppBar/AppBarState/index.js";
2
- import { a as n, i as r, n as ee, r as te, t as i } from "./chunks/NavigationState";
3
- import { n as a, t as o } from "./chunks/tapTarget";
4
- import { i as s, n as c, r as l, t as u } from "./chunks/ThemeSelector";
5
- import { t as d } from "./chunks/base";
6
- import { AppBarContext as f, AppBarHeadlineBlockSize as p, AppBarHeadlineTypography as m, useAppBarContext as h } from "./components/AppBar/core/index.js";
7
- import { t as g } from "./chunks/AppBar";
8
- import { t as _ } from "./chunks/Icon";
9
- import { t as v } from "./chunks/Loader";
10
- import { n as y, t as b } from "./chunks/useSplash";
11
- import { a as x, c as S, d as C, f as w, i as T, l as E, n as D, o as O, p as k, r as A, s as j, t as M, u as N } from "./chunks/core";
12
- import { ButtonGroupContext as P, ConnectedButtonGroupContext as F, useButtonGroupContext as I, useConnectedButtonGroupContext as L } from "./components/Button/ButtonGroups/ButtonGroupContext/index.js";
13
- import { t as R } from "./chunks/ButtonGroup";
14
- import { t as z } from "./chunks/ConnectedButtonGroup";
15
- import { t as B } from "./chunks/RichTooltip";
16
- import { t as V } from "./chunks/RichTooltipActions";
17
- import { t as H } from "./chunks/RichTooltipInfo";
18
- import { RichTooltipSubhead as U } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js";
19
- import { RichTooltipText as W } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js";
20
- import { t as G } from "./chunks/Tooltip";
21
- import { TooltipTrigger as K } from "./components/Tooltip/TooltipTrigger/index.js";
22
- import { Button as q } from "./components/Button/Button/index.js";
23
- import { IconButton as J } from "./components/Button/IconButton/index.js";
24
- import { LinkButton as Y } from "./components/Button/LinkButton/index.js";
25
- import { LinkIconButton as X } from "./components/Button/LinkIconButton/index.js";
26
- import { a as Z, i as Q, n as ne, r as re, t as ie } from "./chunks/core2";
27
- import { t as ae } from "./chunks/SplitButton";
28
- import { SplitButtonPrimary as oe } from "./components/Button/SplitButton/SplitButtonPrimary/index.js";
29
- import { t as se } from "./chunks/SplitButtonTrigger";
30
- import { ToggleButton as ce } from "./components/Button/ToggleButton/index.js";
31
- import { ToggleIconButton as le } from "./components/Button/ToggleIconButton/index.js";
32
- import { t as ue } from "./chunks/AppBarAction";
33
- import { t as de } from "./chunks/AppBarAvatar";
34
- import { t as fe } from "./chunks/AppBarHeadline";
2
+ import { a as n, i as r, n as ee, r as te, t as ne } from "./chunks/NavigationState";
3
+ import { n as i, t as a } from "./chunks/tapTarget";
4
+ import { i as o, n as s, r as c, t as l } from "./chunks/ThemeSelector";
5
+ import { t as u } from "./chunks/base";
6
+ import { AppBarContext as d, AppBarHeadlineBlockSize as f, AppBarHeadlineTypography as p, useAppBarContext as m } from "./components/AppBar/core/index.js";
7
+ import { t as h } from "./chunks/AppBar";
8
+ import { t as g } from "./chunks/Icon";
9
+ import { t as _ } from "./chunks/Loader";
10
+ import { n as v, t as y } from "./chunks/useSplash";
11
+ import { a as b, c as x, d as S, f as C, i as w, l as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./chunks/core";
12
+ import { ButtonGroupContext as N, ConnectedButtonGroupContext as P, useButtonGroupContext as F, useConnectedButtonGroupContext as I } from "./components/Button/ButtonGroups/ButtonGroupContext/index.js";
13
+ import { t as L } from "./chunks/ButtonGroup";
14
+ import { t as R } from "./chunks/ConnectedButtonGroup";
15
+ import { t as z } from "./chunks/RichTooltip";
16
+ import { t as B } from "./chunks/RichTooltipActions";
17
+ import { t as V } from "./chunks/RichTooltipInfo";
18
+ import { RichTooltipSubhead as H } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js";
19
+ import { RichTooltipText as U } from "./components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js";
20
+ import { t as W } from "./chunks/Tooltip";
21
+ import { TooltipTrigger as G } from "./components/Tooltip/TooltipTrigger/index.js";
22
+ import { Button as K } from "./components/Button/Button/index.js";
23
+ import { IconButton as q } from "./components/Button/IconButton/index.js";
24
+ import { LinkButton as J } from "./components/Button/LinkButton/index.js";
25
+ import { LinkIconButton as Y } from "./components/Button/LinkIconButton/index.js";
26
+ import { a as X, i as Z, n as re, r as ie, t as ae } from "./chunks/core2";
27
+ import { t as oe } from "./chunks/SplitButton";
28
+ import { SplitButtonPrimary as se } from "./components/Button/SplitButton/SplitButtonPrimary/index.js";
29
+ import { t as ce } from "./chunks/SplitButtonTrigger";
30
+ import { ToggleButton as le } from "./components/Button/ToggleButton/index.js";
31
+ import { ToggleIconButton as ue } from "./components/Button/ToggleIconButton/index.js";
32
+ import { t as de } from "./chunks/AppBarAction";
33
+ import { t as fe } from "./chunks/AppBarAvatar";
34
+ import { t as pe } from "./chunks/AppBarHeadline";
35
35
  import "./components/AppBar/index.js";
36
- import { Calendar as pe } from "./components/Calendar/Calendar/index.js";
37
- import { RangeCalendar as me } from "./components/Calendar/RangeCalendar/index.js";
38
- import { DialogBodyTypography as he, DialogContext as ge, DialogHeadlineTypography as _e, DialogIconSize as ve, useInDialog as ye } from "./components/Dialog/core/index.js";
39
- import { t as be } from "./chunks/Dialog";
40
- import { t as xe } from "./chunks/ActionDialog";
41
- import { t as Se } from "./chunks/Modal";
42
- import { t as Ce } from "./chunks/ModalOverlay";
43
- import { DisclosureTypographyContext as we, useDisclosureTypographyContext as Te } from "./components/Disclosure/context/index.js";
44
- import { t as Ee } from "./chunks/Disclosure";
45
- import { t as De } from "./chunks/DisclosureGroup";
46
- import { t as Oe } from "./chunks/DisclosureHeader";
47
- import { t as ke } from "./chunks/DisclosurePanel";
36
+ import { Calendar as me } from "./components/Calendar/Calendar/index.js";
37
+ import { RangeCalendar as he } from "./components/Calendar/RangeCalendar/index.js";
38
+ import { t as ge } from "./chunks/GridBackgroundDecorator";
39
+ import { t as _e } from "./chunks/RadialGlowDecorator";
40
+ import "./components/Decorators/index.js";
41
+ import { DialogBodyTypography as ve, DialogContext as ye, DialogHeadlineTypography as be, DialogIconSize as xe, useInDialog as Se } from "./components/Dialog/core/index.js";
42
+ import { t as Ce } from "./chunks/Dialog";
43
+ import { t as we } from "./chunks/ActionDialog";
44
+ import { t as Te } from "./chunks/Modal";
45
+ import { t as Ee } from "./chunks/ModalOverlay";
46
+ import { DisclosureTypographyContext as De, useDisclosureTypographyContext as Oe } from "./components/Disclosure/context/index.js";
47
+ import { t as ke } from "./chunks/Disclosure";
48
+ import { t as Ae } from "./chunks/DisclosureGroup";
49
+ import { t as je } from "./chunks/DisclosureHeader";
50
+ import { t as Me } from "./chunks/DisclosurePanel";
48
51
  import "./components/Disclosure/index.js";
49
- import { t as Ae } from "./chunks/Divider";
50
- import { Image as je } from "./components/Image/index.js";
51
- import { n as Me, t as Ne } from "./chunks/Input";
52
- import { Description as Pe } from "./components/Input/Description/index.js";
53
- import { t as Fe } from "./chunks/FieldError";
54
- import { Label as Ie } from "./components/Input/Label/index.js";
55
- import { DateField as Le } from "./components/Input/DateField/index.js";
56
- import { t as Re } from "./chunks/Popover";
57
- import { n as ze, t as Be } from "./chunks/Input2";
58
- import { useControllableState as Ve } from "./components/Input/hooks/index.js";
59
- import { DatePicker as He } from "./components/Input/DatePicker/DatePicker/index.js";
60
- import { DateRangePicker as $ } from "./components/Input/DatePicker/DateRangePicker/index.js";
61
- import { n as Ue, t as We } from "./chunks/Radio";
62
- import { t as Ge } from "./chunks/SearchField";
63
- import { n as Ke, r as qe, t as Je } from "./chunks/Tag";
64
- import { t as Ye } from "./chunks/ComboBox";
65
- import { t as Xe } from "./chunks/ComboBoxPopover";
66
- import { t as Ze } from "./chunks/ComboBoxTrigger";
67
- import { Select as Qe } from "./components/Input/Select/Select/index.js";
68
- import { a as $e, c as et, d as tt, f as nt, i as rt, l as it, n as at, o as ot, p as st, r as ct, s as lt, t as ut, u as dt } from "./chunks/core6";
69
- import { Menu as ft } from "./components/Menu/Menu/index.js";
70
- import { MenuItem as pt } from "./components/Menu/MenuItem/index.js";
71
- import { t as mt } from "./chunks/MenuPopover";
72
- import { MenuSection as ht } from "./components/Menu/MenuSection/index.js";
73
- import { MenuSectionHeader as gt } from "./components/Menu/MenuSectionHeader/index.js";
74
- import { MenuShortcut as _t } from "./components/Menu/MenuShortcut/index.js";
75
- import { MenuTrailingText as vt } from "./components/Menu/MenuTrailingText/index.js";
76
- import { MenuTrigger as yt } from "./components/Menu/MenuTrigger/index.js";
77
- import { t as bt } from "./chunks/SubmenuPopover";
78
- import { SelectItem as xt } from "./components/Input/Select/SelectItem/index.js";
79
- import { SelectList as St } from "./components/Input/Select/SelectList/index.js";
80
- import { SelectListSection as Ct } from "./components/Input/Select/SelectListSection/index.js";
81
- import { SelectListSectionHeader as wt } from "./components/Input/Select/SelectListSectionHeader/index.js";
82
- import { t as Tt } from "./chunks/SelectPopover";
83
- import { t as Et } from "./chunks/SelectTrigger";
84
- import { a as Dt, c as Ot, i as kt, n as At, o as jt, r as Mt, s as Nt, t as Pt } from "./chunks/core7";
85
- import { t as Ft } from "./chunks/SliderOutput";
86
- import { t as It } from "./chunks/CenteredSlider";
87
- import { RangeSlider as Lt } from "./components/Input/Slider/RangeSlider/index.js";
88
- import { t as Rt } from "./chunks/Slider";
89
- import { t as zt } from "./chunks/Switch";
90
- import { TextArea as Bt } from "./components/Input/TextArea/index.js";
91
- import { TimeField as Vt } from "./components/Input/TimeField/index.js";
92
- import { n as Ht, t as Ut } from "./chunks/navContext";
93
- import { n as Wt, r as Gt, t as Kt } from "./chunks/Navigation";
94
- import { NavigationButton as qt } from "./components/Navigation/NavigationItem/NavigationButton/index.js";
95
- import { NavigationLink as Jt } from "./components/Navigation/NavigationItem/NavigationLink/index.js";
96
- import { t as Yt } from "./chunks/NavigationSection";
97
- import { t as Xt } from "./chunks/NavigationSectionLabel";
98
- import { SubNavigation as Zt } from "./components/Navigation/SubNavigation/SubNavigation/index.js";
99
- import { SubNavigationTrigger as Qt } from "./components/Navigation/SubNavigation/SubNavigationTrigger/index.js";
52
+ import { t as Ne } from "./chunks/Divider";
53
+ import { Image as Pe } from "./components/Image/index.js";
54
+ import { n as Fe, t as Ie } from "./chunks/Input";
55
+ import { Description as Le } from "./components/Input/Description/index.js";
56
+ import { t as Re } from "./chunks/FieldError";
57
+ import { Label as ze } from "./components/Input/Label/index.js";
58
+ import { DateField as Be } from "./components/Input/DateField/index.js";
59
+ import { t as Ve } from "./chunks/Popover";
60
+ import { n as He, t as Ue } from "./chunks/Input2";
61
+ import { useControllableState as We } from "./components/Input/hooks/index.js";
62
+ import { DatePicker as Ge } from "./components/Input/DatePicker/DatePicker/index.js";
63
+ import { DateRangePicker as Ke } from "./components/Input/DatePicker/DateRangePicker/index.js";
64
+ import { n as qe, t as Q } from "./chunks/Radio";
65
+ import { t as Je } from "./chunks/SearchField";
66
+ import { n as Ye, r as Xe, t as Ze } from "./chunks/Tag";
67
+ import { t as Qe } from "./chunks/ComboBox";
68
+ import { t as $e } from "./chunks/ComboBoxPopover";
69
+ import { t as et } from "./chunks/ComboBoxTrigger";
70
+ import { Select as tt } from "./components/Input/Select/Select/index.js";
71
+ import { a as nt, c as rt, d as it, f as at, i as ot, l as st, n as ct, o as lt, p as ut, r as dt, s as ft, t as pt, u as mt } from "./chunks/core6";
72
+ import { Menu as ht } from "./components/Menu/Menu/index.js";
73
+ import { MenuItem as gt } from "./components/Menu/MenuItem/index.js";
74
+ import { t as _t } from "./chunks/MenuPopover";
75
+ import { MenuSection as vt } from "./components/Menu/MenuSection/index.js";
76
+ import { MenuSectionHeader as yt } from "./components/Menu/MenuSectionHeader/index.js";
77
+ import { MenuShortcut as bt } from "./components/Menu/MenuShortcut/index.js";
78
+ import { MenuTrailingText as xt } from "./components/Menu/MenuTrailingText/index.js";
79
+ import { MenuTrigger as St } from "./components/Menu/MenuTrigger/index.js";
80
+ import { t as Ct } from "./chunks/SubmenuPopover";
81
+ import { SelectItem as wt } from "./components/Input/Select/SelectItem/index.js";
82
+ import { SelectList as Tt } from "./components/Input/Select/SelectList/index.js";
83
+ import { SelectListSection as Et } from "./components/Input/Select/SelectListSection/index.js";
84
+ import { SelectListSectionHeader as Dt } from "./components/Input/Select/SelectListSectionHeader/index.js";
85
+ import { t as Ot } from "./chunks/SelectPopover";
86
+ import { t as kt } from "./chunks/SelectTrigger";
87
+ import { a as At, c as jt, i as Mt, n as Nt, o as Pt, r as Ft, s as It, t as Lt } from "./chunks/core7";
88
+ import { t as Rt } from "./chunks/SliderOutput";
89
+ import { t as zt } from "./chunks/CenteredSlider";
90
+ import { RangeSlider as Bt } from "./components/Input/Slider/RangeSlider/index.js";
91
+ import { t as Vt } from "./chunks/Slider";
92
+ import { t as Ht } from "./chunks/Switch";
93
+ import { TextArea as Ut } from "./components/Input/TextArea/index.js";
94
+ import { TimeField as Wt } from "./components/Input/TimeField/index.js";
95
+ import { n as Gt, t as Kt } from "./chunks/navContext";
96
+ import { n as qt, r as Jt, t as Yt } from "./chunks/Navigation";
97
+ import { NavigationButton as Xt } from "./components/Navigation/NavigationItem/NavigationButton/index.js";
98
+ import { NavigationLink as Zt } from "./components/Navigation/NavigationItem/NavigationLink/index.js";
99
+ import { t as Qt } from "./chunks/NavigationSection";
100
+ import { t as $t } from "./chunks/NavigationSectionLabel";
101
+ import { SubNavigation as en } from "./components/Navigation/SubNavigation/SubNavigation/index.js";
102
+ import { SubNavigationTrigger as tn } from "./components/Navigation/SubNavigation/SubNavigationTrigger/index.js";
100
103
  import "./components/Navigation/index.js";
101
- import { n as $t, t as en } from "./chunks/BottomSheetModal";
102
- import { t as tn } from "./chunks/BottomSheet";
103
- import { n as nn, t as rn } from "./chunks/SideSheetModal";
104
- import { n as an, t as on } from "./chunks/SideSheet";
104
+ import { n as nn, t as rn } from "./chunks/BottomSheetModal";
105
+ import { t as an } from "./chunks/BottomSheet";
106
+ import { n as on, t as sn } from "./chunks/SideSheetModal";
107
+ import { n as cn, t as ln } from "./chunks/SideSheet";
105
108
  import "./components/Sheets/index.js";
106
- import { n as sn, r as cn, t as ln } from "./chunks/Snackbar";
107
- import { t as un } from "./chunks/Tab";
108
- import { t as dn } from "./chunks/TabList";
109
- import { t as fn } from "./chunks/TabPanel";
110
- import { t as pn } from "./chunks/TabPanels";
111
- import { t as mn } from "./chunks/Tabs";
109
+ import { n as un, r as dn, t as fn } from "./chunks/Snackbar";
110
+ import { t as pn } from "./chunks/Tab";
111
+ import { t as mn } from "./chunks/TabList";
112
+ import { t as hn } from "./chunks/TabPanel";
113
+ import { t as gn } from "./chunks/TabPanels";
114
+ import { t as _n } from "./chunks/Tabs";
112
115
  import "./components/Tabs/index.js";
113
- import { n as hn, t as gn } from "./chunks/Toolbar";
114
- import * as _n from "zod";
115
- //#region src/utils/form/form.ts
116
- var vn = (e, t) => {
116
+ import { n as vn, t as yn } from "./chunks/Toolbar";
117
+ import * as bn from "zod";
118
+ import './assets/index.css';//#region src/utils/form/form.ts
119
+ var xn = (e, t) => {
117
120
  let n = Object.fromEntries(new FormData(e)), r = t.safeParse(n);
118
121
  return r.success ? {
119
122
  success: !0,
120
123
  data: r.data
121
124
  } : {
122
125
  success: !1,
123
- errors: _n.flattenError(r.error).fieldErrors
126
+ errors: bn.flattenError(r.error).fieldErrors
124
127
  };
125
- }, yn = {
128
+ }, $ = {
129
+ "gradient-ambient-primary": "_gradient-ambient-primary_1aada_6",
130
+ "gradient-ambient-secondary": "_gradient-ambient-secondary_1aada_26",
131
+ "gradient-ambient-tertiary": "_gradient-ambient-tertiary_1aada_46",
132
+ "gradient-ambient-alt": "_gradient-ambient-alt_1aada_66",
133
+ "gradient-glow-primary": "_gradient-glow-primary_1aada_90",
134
+ "gradient-glow-secondary": "_gradient-glow-secondary_1aada_111",
135
+ "gradient-glow-tertiary": "_gradient-glow-tertiary_1aada_132",
136
+ "gradient-glow-alt": "_gradient-glow-alt_1aada_153",
137
+ "gradient-corner-primary": "_gradient-corner-primary_1aada_178",
138
+ "gradient-corner-secondary": "_gradient-corner-secondary_1aada_200",
139
+ "gradient-corner-tertiary": "_gradient-corner-tertiary_1aada_222",
140
+ "gradient-corner-alt": "_gradient-corner-alt_1aada_248",
141
+ "gradient-luster-soft": "_gradient-luster-soft_1aada_274",
142
+ "gradient-luster-metallic": "_gradient-luster-metallic_1aada_284",
143
+ "gradient-luster-deep": "_gradient-luster-deep_1aada_295"
144
+ }, Sn = {
145
+ AmbientPrimary: $["gradient-ambient-primary"],
146
+ AmbientSecondary: $["gradient-ambient-secondary"],
147
+ AmbientTertiary: $["gradient-ambient-tertiary"],
148
+ AmbientAlt: $["gradient-ambient-alt"],
149
+ GlowPrimary: $["gradient-glow-primary"],
150
+ GlowSecondary: $["gradient-glow-secondary"],
151
+ GlowTertiary: $["gradient-glow-tertiary"],
152
+ GlowAlt: $["gradient-glow-alt"],
153
+ CornerPrimary: $["gradient-corner-primary"],
154
+ CornerSecondary: $["gradient-corner-secondary"],
155
+ CornerTertiary: $["gradient-corner-tertiary"],
156
+ CornerAlt: $["gradient-corner-alt"],
157
+ LusterSoft: $["gradient-luster-soft"],
158
+ LusterMetallic: $["gradient-luster-metallic"],
159
+ LusterDeep: $["gradient-luster-deep"]
160
+ }, Cn = {
126
161
  displayLarge: "typography-display-large-fluid",
127
162
  displayMedium: "typography-display-medium-fluid",
128
163
  displaySmall: "typography-display-small-fluid",
@@ -131,6 +166,6 @@ var vn = (e, t) => {
131
166
  headlineSmall: "typography-headline-small-fluid"
132
167
  };
133
168
  //#endregion
134
- export { xe as ActionDialog, Pt as ActiveTrackStyles, g as AppBar, ue as AppBarAction, de as AppBarAvatar, f as AppBarContext, fe as AppBarHeadline, p as AppBarHeadlineBlockSize, m as AppBarHeadlineTypography, e as AppBarState, t as AppBarStateContext, Ke as AvatarSize, tn as BottomSheet, $t as BottomSheetContext, en as BottomSheetModal, q as Button, C as ButtonCore, R as ButtonGroup, P as ButtonGroupContext, T as ButtonIconSizeMapping, x as ButtonLabelTextMapping, w as ButtonReset, O as ButtonSizeBase, pe as Calendar, It as CenteredSlider, Me as Checkbox, Ne as CheckboxGroup, Ye as ComboBox, Xe as ComboBoxPopover, Ze as ComboBoxTrigger, A as ConnectedButton, z as ConnectedButtonGroup, F as ConnectedButtonGroupContext, Le as DateField, He as DatePicker, $ as DateRangePicker, Pe as Description, be as Dialog, he as DialogBodyTypography, ge as DialogContext, _e as DialogHeadlineTypography, ve as DialogIconSize, Ee as Disclosure, De as DisclosureGroup, Oe as DisclosureHeader, ke as DisclosurePanel, we as DisclosureTypographyContext, Ae as Divider, Fe as FieldError, _ as Icon, J as IconButton, j as IconButtonIconSizeMapping, je as Image, At as InactiveTrackStyles, Be as Input, ze as InputButton, Ie as Label, Y as LinkButton, X as LinkIconButton, v as Loader, ft as Menu, lt as MenuBaseLayout, pt as MenuItem, et as MenuItemIconSize, ut as MenuItemLeadingStyles, at as MenuItemStyles, ct as MenuItemTrailingStyles, mt as MenuPopover, ht as MenuSection, gt as MenuSectionHeader, rt as MenuSectionHeaderStyles, $e as MenuSectionStyles, _t as MenuShortcut, ot as MenuStyles, vt as MenuTrailingText, yt as MenuTrigger, Se as Modal, Ce as ModalOverlay, Kt as Navigation, qt as NavigationButton, Ut as NavigationContext, Jt as NavigationLink, Wt as NavigationRenderingContext, Yt as NavigationSection, Xt as NavigationSectionLabel, i as NavigationState, ee as NavigationStateContext, Re as Popover, Ue as Radio, We as RadioGroup, me as RangeCalendar, Lt as RangeSlider, B as RichTooltip, V as RichTooltipActions, H as RichTooltipInfo, U as RichTooltipSubhead, W as RichTooltipText, Ge as SearchField, Qe as Select, xt as SelectItem, St as SelectList, Ct as SelectListSection, wt as SelectListSectionHeader, Tt as SelectPopover, Et as SelectTrigger, on as SideSheet, nn as SideSheetContext, an as SideSheetDialog, rn as SideSheetModal, Rt as Slider, Ot as SliderColors, Ft as SliderOutput, kt as SliderSizeStyles, Dt as SliderStyles, sn as SnackbarQueueContext, ln as SnackbarRegion, y as Splash, ae as SplitButton, oe as SplitButtonPrimary, ie as SplitButtonPrimaryBase, se as SplitButtonTrigger, ne as SplitButtonTriggerBase, re as SplitButtonTriggerIconSize, Q as SplitButtonVariantBase, Zt as SubNavigation, Qt as SubNavigationTrigger, bt as SubmenuPopover, zt as Switch, un as Tab, dn as TabList, fn as TabPanel, pn as TabPanels, mn as Tabs, Je as Tag, qe as TagIconSize, o as TapTarget, a as TapTargetBefore, Bt as TextArea, c as ThemeProvider, u as ThemeSelector, Vt as TimeField, ce as ToggleButton, le as ToggleIconButton, hn as Toolbar, gn as ToolbarToggleButtonGroup, G as Tooltip, K as TooltipTrigger, jt as TrackContainerStyles, Nt as TrackStyles, Mt as VisualTrackStyles, s as buildThemeString, E as buttonColorBase, N as buttonColorConfig, S as buttonSizeConfig, yn as fluidTypography, r as getScrollProgress, n as getScrollTopFromProgress, dt as menuBaseColor, tt as menuColorConfig, nt as menuItemBaseColor, st as menuItemLabelColor, it as menuLayoutConfig, k as newButtonBaseDataAttrs, Z as splitButtonSizeConfig, d as typography, h as useAppBarContext, D as useButtonConfig, I as useButtonGroupContext, L as useConnectedButtonGroupContext, Ve as useControllableState, Te as useDisclosureTypographyContext, ye as useInDialog, Gt as useNavigationContainer, Ht as useNavigationContext, te as useNavigationState, cn as useSnackbarQueue, b as useSplash, l as useTheme, vn as validateAndGetFormValues, M as withTooltip };
169
+ export { we as ActionDialog, Lt as ActiveTrackStyles, h as AppBar, de as AppBarAction, fe as AppBarAvatar, d as AppBarContext, pe as AppBarHeadline, f as AppBarHeadlineBlockSize, p as AppBarHeadlineTypography, e as AppBarState, t as AppBarStateContext, Ye as AvatarSize, an as BottomSheet, nn as BottomSheetContext, rn as BottomSheetModal, K as Button, S as ButtonCore, L as ButtonGroup, N as ButtonGroupContext, w as ButtonIconSizeMapping, b as ButtonLabelTextMapping, C as ButtonReset, D as ButtonSizeBase, me as Calendar, zt as CenteredSlider, Fe as Checkbox, Ie as CheckboxGroup, Qe as ComboBox, $e as ComboBoxPopover, et as ComboBoxTrigger, k as ConnectedButton, R as ConnectedButtonGroup, P as ConnectedButtonGroupContext, Be as DateField, Ge as DatePicker, Ke as DateRangePicker, Le as Description, Ce as Dialog, ve as DialogBodyTypography, ye as DialogContext, be as DialogHeadlineTypography, xe as DialogIconSize, ke as Disclosure, Ae as DisclosureGroup, je as DisclosureHeader, Me as DisclosurePanel, De as DisclosureTypographyContext, Ne as Divider, Re as FieldError, ge as GridBackgroundDecorator, g as Icon, q as IconButton, A as IconButtonIconSizeMapping, Pe as Image, Nt as InactiveTrackStyles, Ue as Input, He as InputButton, ze as Label, J as LinkButton, Y as LinkIconButton, _ as Loader, ht as Menu, ft as MenuBaseLayout, gt as MenuItem, rt as MenuItemIconSize, pt as MenuItemLeadingStyles, ct as MenuItemStyles, dt as MenuItemTrailingStyles, _t as MenuPopover, vt as MenuSection, yt as MenuSectionHeader, ot as MenuSectionHeaderStyles, nt as MenuSectionStyles, bt as MenuShortcut, lt as MenuStyles, xt as MenuTrailingText, St as MenuTrigger, Te as Modal, Ee as ModalOverlay, Yt as Navigation, Xt as NavigationButton, Kt as NavigationContext, Zt as NavigationLink, qt as NavigationRenderingContext, Qt as NavigationSection, $t as NavigationSectionLabel, ne as NavigationState, ee as NavigationStateContext, Ve as Popover, _e as RadialGlowDecorator, qe as Radio, Q as RadioGroup, he as RangeCalendar, Bt as RangeSlider, z as RichTooltip, B as RichTooltipActions, V as RichTooltipInfo, H as RichTooltipSubhead, U as RichTooltipText, Je as SearchField, tt as Select, wt as SelectItem, Tt as SelectList, Et as SelectListSection, Dt as SelectListSectionHeader, Ot as SelectPopover, kt as SelectTrigger, ln as SideSheet, on as SideSheetContext, cn as SideSheetDialog, sn as SideSheetModal, Vt as Slider, jt as SliderColors, Rt as SliderOutput, Mt as SliderSizeStyles, At as SliderStyles, un as SnackbarQueueContext, fn as SnackbarRegion, v as Splash, oe as SplitButton, se as SplitButtonPrimary, ae as SplitButtonPrimaryBase, ce as SplitButtonTrigger, re as SplitButtonTriggerBase, ie as SplitButtonTriggerIconSize, Z as SplitButtonVariantBase, en as SubNavigation, tn as SubNavigationTrigger, Ct as SubmenuPopover, Ht as Switch, pn as Tab, mn as TabList, hn as TabPanel, gn as TabPanels, _n as Tabs, Ze as Tag, Xe as TagIconSize, a as TapTarget, i as TapTargetBefore, Ut as TextArea, s as ThemeProvider, l as ThemeSelector, Wt as TimeField, le as ToggleButton, ue as ToggleIconButton, vn as Toolbar, yn as ToolbarToggleButtonGroup, W as Tooltip, G as TooltipTrigger, Pt as TrackContainerStyles, It as TrackStyles, Ft as VisualTrackStyles, o as buildThemeString, T as buttonColorBase, M as buttonColorConfig, x as buttonSizeConfig, Cn as fluidTypography, r as getScrollProgress, n as getScrollTopFromProgress, Sn as gradientStyles, mt as menuBaseColor, it as menuColorConfig, at as menuItemBaseColor, ut as menuItemLabelColor, st as menuLayoutConfig, O as newButtonBaseDataAttrs, X as splitButtonSizeConfig, u as typography, m as useAppBarContext, E as useButtonConfig, F as useButtonGroupContext, I as useConnectedButtonGroupContext, We as useControllableState, Oe as useDisclosureTypographyContext, Se as useInDialog, Jt as useNavigationContainer, Gt as useNavigationContext, te as useNavigationState, dn as useSnackbarQueue, y as useSplash, c as useTheme, xn as validateAndGetFormValues, j as withTooltip };
135
170
 
136
171
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../src/utils/form/form.ts","../src/utils/typography/fluid.ts"],"sourcesContent":["import * as z from \"zod\";\n\ninterface FormValidateSuccessResult<T> {\n success: true;\n data: T;\n}\n\ninterface FormValidateFailureResult<T> {\n success: false;\n errors: Partial<Record<keyof T, string | string[]>>;\n}\n\ntype FormValidateResult<T> =\n | FormValidateSuccessResult<T>\n | FormValidateFailureResult<T>;\n\nexport type ValidateAndGetFormValues = <T extends z.ZodTypeAny>(\n formElement: HTMLFormElement,\n schema: T\n) => FormValidateResult<z.infer<T>>;\n\nexport const validateAndGetFormValues: ValidateAndGetFormValues = (\n formElement,\n schema\n) => {\n const valueObject = Object.fromEntries(new FormData(formElement));\n const result = schema.safeParse(valueObject);\n if (result.success) {\n return {\n success: true,\n data: result.data,\n };\n }\n\n return {\n success: false,\n errors: z.flattenError(result.error).fieldErrors,\n };\n};\n","export const fluidTypography = {\n displayLarge: \"typography-display-large-fluid\",\n displayMedium: \"typography-display-medium-fluid\",\n displaySmall: \"typography-display-small-fluid\",\n\n headlineLarge: \"typography-headline-large-fluid\",\n headlineMedium: \"typography-headline-medium-fluid\",\n headlineSmall: \"typography-headline-small-fluid\",\n} as const;\n\nexport type FluidTypographyVariant =\n (typeof fluidTypography)[keyof typeof fluidTypography];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAa,MACT,GACA,MACC;CACD,IAAM,IAAc,OAAO,YAAY,IAAI,SAAS,CAAW,CAAC,GAC1D,IAAS,EAAO,UAAU,CAAW;CAQ3C,OAPI,EAAO,UACA;EACH,SAAS;EACT,MAAM,EAAO;CACjB,IAGG;EACH,SAAS;EACT,QAAQ,GAAE,aAAa,EAAO,KAAK,CAAC,CAAC;CACzC;AACJ,GCtCa,KAAkB;CAC3B,cAAc;CACd,eAAe;CACf,cAAc;CAEd,eAAe;CACf,gBAAgB;CAChB,eAAe;AACnB"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../src/utils/form/form.ts","../src/utils/gradients/gradients.module.css","../src/utils/gradients/gradients.ts","../src/utils/typography/fluid.ts"],"sourcesContent":["import * as z from \"zod\";\n\ninterface FormValidateSuccessResult<T> {\n success: true;\n data: T;\n}\n\ninterface FormValidateFailureResult<T> {\n success: false;\n errors: Partial<Record<keyof T, string | string[]>>;\n}\n\ntype FormValidateResult<T> =\n | FormValidateSuccessResult<T>\n | FormValidateFailureResult<T>;\n\nexport type ValidateAndGetFormValues = <T extends z.ZodTypeAny>(\n formElement: HTMLFormElement,\n schema: T\n) => FormValidateResult<z.infer<T>>;\n\nexport const validateAndGetFormValues: ValidateAndGetFormValues = (\n formElement,\n schema\n) => {\n const valueObject = Object.fromEntries(new FormData(formElement));\n const result = schema.safeParse(valueObject);\n if (result.success) {\n return {\n success: true,\n data: result.data,\n };\n }\n\n return {\n success: false,\n errors: z.flattenError(result.error).fieldErrors,\n };\n};\n","@layer adgytec.comps {\n /* ==========================================================================\n 1. Ambient Diagonal Gradients (Soft Color Wash)\n ========================================================================== */\n\n .gradient-ambient-primary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 135deg,\n color-mix(\n in srgb,\n var(--md-sys-color-primary) 10%,\n var(--md-sys-color-surface-container-low)\n )\n 0%,\n color-mix(\n in srgb,\n var(--md-sys-color-secondary) 7%,\n var(--md-sys-color-surface-container-low)\n )\n 100%\n );\n }\n\n .gradient-ambient-secondary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 135deg,\n color-mix(\n in srgb,\n var(--md-sys-color-secondary) 10%,\n var(--md-sys-color-surface-container-low)\n )\n 0%,\n color-mix(\n in srgb,\n var(--md-sys-color-tertiary) 7%,\n var(--md-sys-color-surface-container-low)\n )\n 100%\n );\n }\n\n .gradient-ambient-tertiary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 135deg,\n color-mix(\n in srgb,\n var(--md-sys-color-tertiary) 10%,\n var(--md-sys-color-surface-container-low)\n )\n 0%,\n color-mix(\n in srgb,\n var(--md-extended-color-primary-alt-color) 7%,\n var(--md-sys-color-surface-container-low)\n )\n 100%\n );\n }\n\n .gradient-ambient-alt {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 135deg,\n color-mix(\n in srgb,\n var(--md-extended-color-primary-alt-color) 10%,\n var(--md-sys-color-surface-container-low)\n )\n 0%,\n color-mix(\n in srgb,\n var(--md-sys-color-primary) 7%,\n var(--md-sys-color-surface-container-low)\n )\n 100%\n );\n }\n\n /* ==========================================================================\n 2. Split Tint Top-Glow (Vertical Accent)\n ========================================================================== */\n\n .gradient-glow-primary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 180deg,\n color-mix(\n in srgb,\n var(--md-sys-color-primary) 12%,\n var(--md-sys-color-surface-container-low)\n )\n 0%,\n color-mix(\n in srgb,\n var(--md-sys-color-primary) 3%,\n var(--md-sys-color-surface-container-low)\n )\n 45%,\n var(--md-sys-color-surface-container-low) 100%\n );\n }\n\n .gradient-glow-secondary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 180deg,\n color-mix(\n in srgb,\n var(--md-sys-color-secondary) 12%,\n var(--md-sys-color-surface-container-low)\n )\n 0%,\n color-mix(\n in srgb,\n var(--md-sys-color-secondary) 3%,\n var(--md-sys-color-surface-container-low)\n )\n 45%,\n var(--md-sys-color-surface-container-low) 100%\n );\n }\n\n .gradient-glow-tertiary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 180deg,\n color-mix(\n in srgb,\n var(--md-sys-color-tertiary) 12%,\n var(--md-sys-color-surface-container-low)\n )\n 0%,\n color-mix(\n in srgb,\n var(--md-sys-color-tertiary) 3%,\n var(--md-sys-color-surface-container-low)\n )\n 45%,\n var(--md-sys-color-surface-container-low) 100%\n );\n }\n\n .gradient-glow-alt {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 180deg,\n color-mix(\n in srgb,\n var(--md-extended-color-primary-alt-color) 12%,\n var(--md-sys-color-surface-container-low)\n )\n 0%,\n color-mix(\n in srgb,\n var(--md-extended-color-primary-alt-color) 3%,\n var(--md-sys-color-surface-container-low)\n )\n 45%,\n var(--md-sys-color-surface-container-low) 100%\n );\n }\n\n /* ==========================================================================\n 3. Corner Radial Glows (Soft Blend)\n ========================================================================== */\n\n .gradient-corner-primary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image:\n radial-gradient(\n circle at 0% 0%,\n color-mix(in srgb, var(--md-sys-color-primary) 11%, transparent)\n 0%,\n transparent 70%\n ),\n radial-gradient(\n circle at 100% 100%,\n color-mix(\n in srgb,\n var(--md-sys-color-secondary) 8%,\n transparent\n )\n 0%,\n transparent 70%\n );\n }\n\n .gradient-corner-secondary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image:\n radial-gradient(\n circle at 0% 0%,\n color-mix(\n in srgb,\n var(--md-sys-color-secondary) 11%,\n transparent\n )\n 0%,\n transparent 70%\n ),\n radial-gradient(\n circle at 100% 100%,\n color-mix(in srgb, var(--md-sys-color-tertiary) 8%, transparent)\n 0%,\n transparent 70%\n );\n }\n\n .gradient-corner-tertiary {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image:\n radial-gradient(\n circle at 0% 0%,\n color-mix(\n in srgb,\n var(--md-sys-color-tertiary) 11%,\n transparent\n )\n 0%,\n transparent 70%\n ),\n radial-gradient(\n circle at 100% 100%,\n color-mix(\n in srgb,\n var(--md-extended-color-primary-alt-color) 8%,\n transparent\n )\n 0%,\n transparent 70%\n );\n }\n\n .gradient-corner-alt {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image:\n radial-gradient(\n circle at 0% 0%,\n color-mix(\n in srgb,\n var(--md-extended-color-primary-alt-color) 11%,\n transparent\n )\n 0%,\n transparent 70%\n ),\n radial-gradient(\n circle at 100% 100%,\n color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)\n 0%,\n transparent 70%\n );\n }\n\n /* ==========================================================================\n 4. Monochromatic Surface Lusters (Colorless)\n ========================================================================== */\n\n .gradient-luster-soft {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 135deg,\n var(--md-sys-color-surface-container) 0%,\n var(--md-sys-color-surface-container-low) 100%\n );\n }\n\n .gradient-luster-metallic {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 135deg,\n var(--md-sys-color-surface-bright) 0%,\n var(--md-sys-color-surface-container) 50%,\n var(--md-sys-color-surface-container-low) 100%\n );\n }\n\n .gradient-luster-deep {\n background-color: var(--md-sys-color-surface-container-low);\n color: var(--md-sys-color-on-surface);\n background-image: linear-gradient(\n 145deg,\n var(--md-sys-color-surface-container-high) 0%,\n var(--md-sys-color-surface-container) 60%,\n var(--md-sys-color-surface-container-lowest) 100%\n );\n }\n}\n","import styles from \"./gradients.module.css\";\n\nexport const gradientStyles = {\n // 1. Ambient Diagonal Gradients (Very Low Opacity)\n AmbientPrimary: styles[\"gradient-ambient-primary\"],\n AmbientSecondary: styles[\"gradient-ambient-secondary\"],\n AmbientTertiary: styles[\"gradient-ambient-tertiary\"],\n AmbientAlt: styles[\"gradient-ambient-alt\"],\n\n // 2. Split Tint Top-Glow (Vertical Accent)\n GlowPrimary: styles[\"gradient-glow-primary\"],\n GlowSecondary: styles[\"gradient-glow-secondary\"],\n GlowTertiary: styles[\"gradient-glow-tertiary\"],\n GlowAlt: styles[\"gradient-glow-alt\"],\n\n // 3. Subtle Corner Radial Glows\n CornerPrimary: styles[\"gradient-corner-primary\"],\n CornerSecondary: styles[\"gradient-corner-secondary\"],\n CornerTertiary: styles[\"gradient-corner-tertiary\"],\n CornerAlt: styles[\"gradient-corner-alt\"],\n\n // 4. Monochromatic Surface Lusters (Colorless)\n LusterSoft: styles[\"gradient-luster-soft\"],\n LusterMetallic: styles[\"gradient-luster-metallic\"],\n LusterDeep: styles[\"gradient-luster-deep\"],\n} as const;\n","export const fluidTypography = {\n displayLarge: \"typography-display-large-fluid\",\n displayMedium: \"typography-display-medium-fluid\",\n displaySmall: \"typography-display-small-fluid\",\n\n headlineLarge: \"typography-headline-large-fluid\",\n headlineMedium: \"typography-headline-medium-fluid\",\n headlineSmall: \"typography-headline-small-fluid\",\n} as const;\n\nexport type FluidTypographyVariant =\n (typeof fluidTypography)[keyof typeof fluidTypography];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAa,MACT,GACA,MACC;CACD,IAAM,IAAc,OAAO,YAAY,IAAI,SAAS,CAAW,CAAC,GAC1D,IAAS,EAAO,UAAU,CAAW;CAQ3C,OAPI,EAAO,UACA;EACH,SAAS;EACT,MAAM,EAAO;CACjB,IAGG;EACH,SAAS;EACT,QAAQ,GAAE,aAAa,EAAO,KAAK,CAAC,CAAC;CACzC;AACJ;;;;;;;;;;;;;;;;GEpCa,KAAiB;CAE1B,gBAAgB,EAAO;CACvB,kBAAkB,EAAO;CACzB,iBAAiB,EAAO;CACxB,YAAY,EAAO;CAGnB,aAAa,EAAO;CACpB,eAAe,EAAO;CACtB,cAAc,EAAO;CACrB,SAAS,EAAO;CAGhB,eAAe,EAAO;CACtB,iBAAiB,EAAO;CACxB,gBAAgB,EAAO;CACvB,WAAW,EAAO;CAGlB,YAAY,EAAO;CACnB,gBAAgB,EAAO;CACvB,YAAY,EAAO;AACvB,GCzBa,KAAkB;CAC3B,cAAc;CACd,eAAe;CACf,cAAc;CAEd,eAAe;CACf,gBAAgB;CAChB,eAAe;AACnB"}
package/dist/utils/gradients/gradients.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ export declare const gradientStyles: {
2
+ readonly AmbientPrimary: string;
3
+ readonly AmbientSecondary: string;
4
+ readonly AmbientTertiary: string;
5
+ readonly AmbientAlt: string;
6
+ readonly GlowPrimary: string;
7
+ readonly GlowSecondary: string;
8
+ readonly GlowTertiary: string;
9
+ readonly GlowAlt: string;
10
+ readonly CornerPrimary: string;
11
+ readonly CornerSecondary: string;
12
+ readonly CornerTertiary: string;
13
+ readonly CornerAlt: string;
14
+ readonly LusterSoft: string;
15
+ readonly LusterMetallic: string;
16
+ readonly LusterDeep: string;
17
+ };
package/dist/utils/gradients/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './gradients';
package/dist/utils/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './form';
2
+ export * from './gradients';
2
3
  export * from './ref';
3
4
  export * from './scroll';
4
5
  export * from './tapTarget';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@adgytec/adgytec-web-ui-components",
3
3
  "private": false,
4
- "version": "2.1.9",
4
+ "version": "2.2.0",
5
5
  "type": "module",
6
6
  "sideEffects": [
7
7
  "**/*.css"