npm - @adgytec/adgytec-web-ui-components - Versions diffs - 2.1.8 → 2.2.0 - Mend

@adgytec/adgytec-web-ui-components 2.1.8 → 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 (422) hide show

package/dist/App.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const SelectPreview: () => import("react").JSX.Element;
+declare const App: () => import("react").JSX.Element;
+export default App;

package/dist/assets/BaseCalendar.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer adgytec.comps{.~~_header_da71w_2~~{padding-inline:var(--md-sys-layout-space-12);justify-content:space-between;align-items:center;display:flex}[data-disabled]:is(.~~_header_da71w_2~~ [data-visual-button]){background-color:#0000}.~~_selection_da71w_16~~{--rotate:0}.~~_selection_da71w_16~~[data-pressed]{--rotate:180deg}.~~_selection_da71w_16~~[data-pressed] [data-visual-button]{--state-layer-opacity:var(--md-sys-state-pressed)}.~~_selection_da71w_16~~ svg{rotate:var(--rotate);transition:rotate var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration)}@media (prefers-reduced-motion){.~~_selection_da71w_16~~ svg{transition:none}}.~~_options_da71w_38~~{align-items:center;display:flex}.~~_transition-group_da71w_43~~{position:relative;overflow:clip}.~~_view_da71w_48~~{transition:opacity var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration)}@media (prefers-reduced-motion){.~~_view_da71w_48~~{transition:none}}.~~_view_da71w_48~~{opacity:0;grid-template-rows:1fr;grid-template-columns:1fr;display:grid}.~~_view_da71w_48~~[data-exiting]{~~opacity:0;~~position:absolute;inset:0}.~~_view_da71w_48~~[data-entered]{opacity:1}.~~_view_da71w_48~~ [data-menu]{max-block-size:calc(6 * var(--_md-calendar-cell-size));block-size:calc(6 * var(--_md-calendar-cell-size));min-inline-size:calc(7 * var(--_md-calendar-cell-size));border-block-start:calc(1 * var(--dp,1px)) solid var(--_md-calendar-menu-divider-color);padding-block-start:var(--md-sys-layout-space-12);padding-block-end:var(--md-sys-layout-space-4);overflow-y:auto}}
1	+ @layer adgytec.comps{._header_te9i6_2{padding-inline:var(--md-sys-layout-space-12);justify-content:space-between;align-items:center;display:flex}[data-disabled]:is(._header_te9i6_2 [data-visual-button]){background-color:#0000}._selection_te9i6_16{--rotate:0}._selection_te9i6_16[data-pressed]{--rotate:180deg}._selection_te9i6_16[data-pressed] [data-visual-button]{--state-layer-opacity:var(--md-sys-state-pressed)}._selection_te9i6_16 svg{rotate:var(--rotate);transition:rotate var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration)}@media (prefers-reduced-motion){._selection_te9i6_16 svg{transition:none}}._options_te9i6_38{align-items:center;display:flex}._view_te9i6_43{position:relative;overflow:clip}._menu_te9i6_48{transition:opacity var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration)}@media (prefers-reduced-motion){._menu_te9i6_48{transition:none}}._menu_te9i6_48{opacity:0;grid-template-rows:1fr;grid-template-columns:1fr;display:grid}._menu_te9i6_48[data-state=exiting]{position:absolute;inset:0}._menu_te9i6_48[data-state=entered]{opacity:1}._menu_te9i6_48 [data-menu]{max-block-size:calc(6 * var(--_md-calendar-cell-size));block-size:calc(6 * var(--_md-calendar-cell-size));min-inline-size:calc(7 * var(--_md-calendar-cell-size));border-block-start:calc(1 * var(--dp,1px)) solid var(--_md-calendar-menu-divider-color);padding-block-start:var(--md-sys-layout-space-12);padding-block-end:var(--md-sys-layout-space-4);overflow-y:auto}}

package/dist/assets/GridBackgroundDecorator.css ADDED Viewed

@@ -0,0 +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 Viewed

@@ -0,0 +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 Viewed

@@ -0,0 +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/BaseCalendar CHANGED Viewed

@@ -6,34 +6,30 @@ import { n as i, t as a } from "./core3";
 import { CalendarMonthMenu as o } from "../components/Calendar/CalendarMonthMenu/index.js";
 import { CalendarYearMenu as s } from "../components/Calendar/CalendarYearMenu/index.js";
 import c from "clsx";
-import { createRef as l, useMemo as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { ButtonContext as h } from "react-aria-components";
-import { ChevronDown as g, ChevronLeft as _, ChevronRight as v } from "lucide-react";
-import { today as y } from "@internationalized/date";
-import { useDateFormatter as b } from "react-aria";
-import { Transition as x, TransitionGroup as S } from "react-transition-group";
-import '../assets/BaseCalendar.css';var C = {
-	header: "_header_da71w_2",
-	selection: "_selection_da71w_16",
-	options: "_options_da71w_38",
-	"transition-group": "_transition-group_da71w_43",
-	view: "_view_da71w_48"
-}, w = ({ isRangeCalendar: w, weekdayStyle: T }) => {
-	let [E, D] = f("calendar"), O = d({
-		calendar: l(),
-		month: l(),
-		year: l()
-	}).current[E], k = d(null), A = i(), j = A.timeZone, M = b({
+import { useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ButtonContext as m } from "react-aria-components";
+import { ChevronDown as h, ChevronLeft as g, ChevronRight as _ } from "lucide-react";
+import { today as v } from "@internationalized/date";
+import { useDateFormatter as y } from "react-aria";
+import { Transition as b } from "react-transition-group";
+import '../assets/BaseCalendar.css';var x = {
+	header: "_header_te9i6_2",
+	selection: "_selection_te9i6_16",
+	options: "_options_te9i6_38",
+	view: "_view_te9i6_43",
+	menu: "_menu_te9i6_48"
+}, S = ({ isRangeCalendar: S, weekdayStyle: C }) => {
+	let [w, T] = d("calendar"), E = u(null), D = u(null), O = u(null), k = u(null), A = i(), j = A.timeZone, M = y({
 		month: "short",
 		timeZone: j
-	}), N = b({
+	}), N = y({
 		month: "long",
 		timeZone: j
-	}), P = b({
+	}), P = y({
 		year: "numeric",
 		timeZone: j
-	}), F = M.format(A.focusedDate.toDate(j)), I = P.format(A.focusedDate.toDate(j)), L = y(j).year, R = A.minValue?.year ?? 1900, z = A.maxValue?.year ?? L + 100, B = u(() => {
+	}), F = M.format(A.focusedDate.toDate(j)), I = P.format(A.focusedDate.toDate(j)), L = v(j).year, R = A.minValue?.year ?? 1900, z = A.maxValue?.year ?? L + 100, B = l(() => {
 		let e = [];
 		for (let t = R; t <= z; t++) {
 			let n = A.focusedDate.set({ year: t });
@@ -48,7 +44,7 @@ import '../assets/BaseCalendar.css';var C = {
 		z,
 		j,
 		P
-	]), V = u(() => {
+	]), V = l(() => {
 		let e = [], t = A.focusedDate.calendar.getMonthsInYear(A.focusedDate);
 		for (let n = 1; n <= t; n++) {
 			let t = A.focusedDate.set({ month: n });
@@ -76,142 +72,175 @@ import '../assets/BaseCalendar.css';var C = {
 	}, K = () => {
 		a(A) && (A.setAnchorDate(k.current), k.current = null);
 	}, q = () => {
-		D("calendar"), K();
+		T("calendar"), K();
 	};
-	return /* @__PURE__ */ m(h, {
+	return /* @__PURE__ */ p(m, {
 		value: { slots: {
 			"previous-month": {
 				onPress: () => A.focusPreviousPage(),
-				isDisabled: A.isDisabled || E !== "calendar" || A.isPreviousVisibleRangeInvalid()
+				isDisabled: A.isDisabled || w !== "calendar" || A.isPreviousVisibleRangeInvalid()
 			},
 			"next-month": {
 				onPress: () => A.focusNextPage(),
-				isDisabled: A.isDisabled || E !== "calendar" || A.isNextVisibleRangeInvalid()
+				isDisabled: A.isDisabled || w !== "calendar" || A.isNextVisibleRangeInvalid()
 			},
 			"month-view": {
 				onPress: () => {
-					if (E === "month") {
-						K(), D("calendar");
+					if (w === "month") {
+						K(), T("calendar");
 						return;
 					}
-					G(), D("month");
+					G(), T("month");
 				},
-				isDisabled: A.isDisabled || E === "year",
-				isPressed: E === "month"
+				isDisabled: A.isDisabled || w === "year",
+				isPressed: w === "month"
 			},
 			"previous-year": {
 				onPress: () => {
 					A.setFocusedDate(A.focusedDate.cycle("year", -1));
 				},
-				isDisabled: A.isDisabled || E !== "calendar" || W()
+				isDisabled: A.isDisabled || w !== "calendar" || W()
 			},
 			"next-year": {
 				onPress: () => {
 					A.setFocusedDate(A.focusedDate.cycle("year", 1));
 				},
-				isDisabled: A.isDisabled || E !== "calendar" || U()
+				isDisabled: A.isDisabled || w !== "calendar" || U()
 			},
 			"year-view": {
 				onPress: () => {
-					if (E === "year") {
-						K(), D("calendar");
+					if (w === "year") {
+						K(), T("calendar");
 						return;
 					}
-					G(), D("year");
+					G(), T("year");
 				},
-				isDisabled: A.isDisabled || E === "month",
-				isPressed: E === "year"
+				isDisabled: A.isDisabled || w === "month",
+				isPressed: w === "year"
 			}
 		} },
-		children: [/* @__PURE__ */ m("header", {
-			className: c(C.header),
-			children: [/* @__PURE__ */ m("div", {
-				className: c(C.options),
+		children: [/* @__PURE__ */ p("header", {
+			className: c(x.header),
+			children: [/* @__PURE__ */ p("div", {
+				className: c(x.options),
 				children: [
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ f(n, {
 						slot: "previous-month",
-						icon: _,
+						icon: g,
 						color: "standard",
 						size: "extra-small"
 					}),
-					/* @__PURE__ */ m(t, {
+					/* @__PURE__ */ p(t, {
 						slot: "month-view",
 						color: "text",
 						shape: "square",
 						size: "extra-small",
-						className: c(C.selection),
-						children: [F, /* @__PURE__ */ p(e, {
-							icon: g,
+						className: c(x.selection),
+						children: [F, /* @__PURE__ */ f(e, {
+							icon: h,
 							size: 18
 						})]
 					}),
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ f(n, {
 						slot: "next-month",
-						icon: v,
+						icon: _,
 						color: "standard",
 						size: "extra-small"
 					})
 				]
-			}), /* @__PURE__ */ m("div", {
-				className: c(C.options),
+			}), /* @__PURE__ */ p("div", {
+				className: c(x.options),
 				children: [
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ f(n, {
 						slot: "previous-year",
-						icon: _,
+						icon: g,
 						color: "standard",
 						size: "extra-small"
 					}),
-					/* @__PURE__ */ m(t, {
+					/* @__PURE__ */ p(t, {
 						slot: "year-view",
 						color: "text",
 						shape: "square",
 						size: "extra-small",
-						className: c(C.selection),
-						children: [I, /* @__PURE__ */ p(e, {
-							icon: g,
+						className: c(x.selection),
+						children: [I, /* @__PURE__ */ f(e, {
+							icon: h,
 							size: 18
 						})]
 					}),
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ f(n, {
 						slot: "next-year",
-						icon: v,
+						icon: _,
 						color: "standard",
 						size: "extra-small"
 					})
 				]
 			})]
-		}), /* @__PURE__ */ p(S, {
-			className: c(C["transition-group"]),
-			children: /* @__PURE__ */ p(x, {
-				nodeRef: O,
-				timeout: 150,
-				unmountOnExit: !0,
-				children: (e) => /* @__PURE__ */ m("div", {
-					ref: O,
-					className: c(C.view),
-					"data-entering": e === "entering" || void 0,
-					"data-exiting": e === "exiting" || void 0,
-					"data-entered": e === "entered" || void 0,
-					children: [
-						E === "calendar" && /* @__PURE__ */ p(r, {
-							weekdayStyle: T,
-							isRangeCalendar: w
-						}),
-						E === "month" && /* @__PURE__ */ p(o, {
+		}), /* @__PURE__ */ p("div", {
+			className: c(x.view),
+			children: [
+				/* @__PURE__ */ f(b, {
+					nodeRef: E,
+					timeout: {
+						enter: 0,
+						exit: 150
+					},
+					mountOnEnter: !0,
+					unmountOnExit: !0,
+					in: w === "calendar",
+					children: (e) => /* @__PURE__ */ f("div", {
+						ref: E,
+						className: c(x.menu),
+						"data-state": e,
+						children: /* @__PURE__ */ f(r, {
+							weekdayStyle: C,
+							isRangeCalendar: S
+						})
+					})
+				}),
+				/* @__PURE__ */ f(b, {
+					nodeRef: D,
+					timeout: {
+						enter: 0,
+						exit: 150
+					},
+					mountOnEnter: !0,
+					unmountOnExit: !0,
+					in: w === "month",
+					children: (e) => /* @__PURE__ */ f("div", {
+						ref: D,
+						className: c(x.menu),
+						"data-state": e,
+						children: /* @__PURE__ */ f(o, {
 							onSelection: q,
 							months: V
-						}),
-						E === "year" && /* @__PURE__ */ p(s, {
+						})
+					})
+				}),
+				/* @__PURE__ */ f(b, {
+					nodeRef: O,
+					timeout: {
+						enter: 0,
+						exit: 150
+					},
+					mountOnEnter: !0,
+					unmountOnExit: !0,
+					in: w === "year",
+					children: (e) => /* @__PURE__ */ f("div", {
+						ref: O,
+						className: c(x.menu),
+						"data-state": e,
+						children: /* @__PURE__ */ f(s, {
 							onSelection: q,
 							years: B
 						})
-					]
+					})
 				})
-			}, E)
+			]
 		})]
 	});
 };
 //#endregion
-export { w as t };
+export { S as t };
 //# sourceMappingURL=BaseCalendar.map

package/dist/chunks/BaseCalendar.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCalendar","names":["items","date"],"sources":["../../src/components/Calendar/BaseCalendar/baseCalendar.module.css","../../src/components/Calendar/BaseCalendar/BaseCalendar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .header {\n padding-inline: var(--md-sys-layout-space-12);\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n [data-visual-button] {\n &[data-disabled] {\n background-color: transparent;\n }\n }\n }\n\n .selection {\n --rotate: 0;\n\n &[data-pressed] {\n --rotate: 180deg;\n\n [data-visual-button] {\n --state-layer-opacity: var(--md-sys-state-pressed);\n }\n }\n\n svg {\n rotate: var(--rotate);\n transition: rotate var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n }\n\n .options {\n display: flex;\n align-items: center;\n }\n\n .transition-group {\n position: relative;\n overflow: clip;\n }\n\n .view {\n transition: opacity var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n opacity: 0;\n\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n\n &[data-exiting] {\n position: absolute;\n inset: 0;\n opacity: 0;\n }\n\n &[data-entered] {\n opacity: 1;\n }\n\n [data-menu] {\n max-block-size: calc(6 * var(--_md-calendar-cell-size));\n block-size: calc(6 * var(--_md-calendar-cell-size));\n\n min-inline-size: calc(7 * var(--_md-calendar-cell-size));\n\n overflow-y: auto;\n padding-block-start: var(--md-sys-layout-space-12);\n padding-block-end: var(--md-sys-layout-space-4);\n\n border-block-start: calc(1 * var(--dp, 1px)) solid\n var(--_md-calendar-menu-divider-color);\n }\n }\n}\n","import { type CalendarDate, today } from \"@internationalized/date\";\nimport clsx from \"clsx\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { createRef, useMemo, useRef, useState } from \"react\";\nimport { useDateFormatter } from \"react-aria\";\nimport { ButtonContext } from \"react-aria-components\";\nimport { Transition, TransitionGroup } from \"react-transition-group\";\nimport { Button, IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarGrid } from \"../CalendarGrid\";\nimport { CalendarMonthMenu } from \"../CalendarMonthMenu\";\nimport { CalendarYearMenu } from \"../CalendarYearMenu\";\nimport {\n defaultMaxYearIncrement,\n defaultMinYear,\n isRangeCalendarState,\n type MonthItem,\n useCalendarState,\n type WeekdayStyle,\n type YearItem,\n} from \"../core\";\nimport styles from \"./baseCalendar.module.css\";\n\ntype View = \"calendar\" \| \"month\" \| \"year\";\n\nexport const BaseCalendar: React.FC<{\n isRangeCalendar?: boolean;\n weekdayStyle?: WeekdayStyle;\n}> = ({ isRangeCalendar, weekdayStyle }) => {\n const [view, setView] = useState<View>(\"calendar\");\n const nodeRefs = useRef({\n calendar: createRef<HTMLDivElement>(),\n month: createRef<HTMLDivElement>(),\n year: createRef<HTMLDivElement>(),\n }).current;\n const currentRef = nodeRefs[view];\n // fixes menu selection issue in range calendar\n const anchorDate = useRef<CalendarDate \| null>(null);\n\n const calendarState = useCalendarState();\n const timeZone = calendarState.timeZone;\n\n const monthShortFormatter = useDateFormatter({\n month: \"short\",\n timeZone: timeZone,\n });\n const monthLongFormatter = useDateFormatter({\n month: \"long\",\n timeZone,\n });\n const yearFormatter = useDateFormatter({\n year: \"numeric\",\n timeZone: timeZone,\n });\n\n const focusedMonth = monthShortFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n const focusedYear = yearFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n\n // create year menu items\n const currentYear = today(timeZone).year;\n\n const minYear = calendarState.minValue?.year ?? defaultMinYear;\n const maxYear =\n calendarState.maxValue?.year ?? currentYear + defaultMaxYearIncrement;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect rendered year labels\n const years = useMemo(() => {\n const items: YearItem[] = [];\n\n for (let year = minYear; year <= maxYear; year++) {\n const date = calendarState.focusedDate.set({ year });\n\n items.push({\n id: year,\n formatted: yearFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [minYear, maxYear, timeZone, yearFormatter]);\n\n // create month menu items\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect generated month items\n const months = useMemo(() => {\n const items: MonthItem[] = [];\n\n const numMonths = calendarState.focusedDate.calendar.getMonthsInYear(\n calendarState.focusedDate\n );\n\n for (let month = 1; month <= numMonths; month++) {\n const date = calendarState.focusedDate.set({ month });\n\n items.push({\n id: month,\n formatted: monthLongFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [calendarState.focusedDate.calendar, timeZone, monthLongFormatter]);\n\n const isYearInvalid = (date: CalendarDate) => {\n const startOfYear = date.set({ month: 1, day: 1 });\n\n const lastMonth = date.calendar.getMonthsInYear(date);\n const endOfYear = date.set({\n month: lastMonth,\n day: date.calendar.getDaysInMonth(date.set({ month: lastMonth })),\n });\n\n return (\n (calendarState.maxValue != null &&\n startOfYear.compare(calendarState.maxValue) > 0) \|\|\n (calendarState.minValue != null &&\n endOfYear.compare(calendarState.minValue) < 0)\n );\n };\n\n const nextYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n };\n\n const prevYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n };\n\n const saveAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n anchorDate.current = calendarState.anchorDate;\n calendarState.setAnchorDate(null);\n };\n\n const restoreAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n calendarState.setAnchorDate(anchorDate.current);\n anchorDate.current = null;\n };\n\n const menuItemOnSelection = () => {\n setView(\"calendar\");\n restoreAnchorDateForRangeCalendar();\n };\n\n return (\n <ButtonContext\n value={{\n slots: {\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousPage(),\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n calendarState.isPreviousVisibleRangeInvalid(),\n },\n \"next-month\": {\n onPress: () => calendarState.focusNextPage(),\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n calendarState.isNextVisibleRangeInvalid(),\n },\n \"month-view\": {\n onPress: () => {\n if (view === \"month\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"month\");\n },\n isDisabled: calendarState.isDisabled \|\| view === \"year\",\n isPressed: view === \"month\",\n },\n\n \"previous-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", -1)\n );\n },\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n prevYearIsInvalid(),\n },\n \"next-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", 1)\n );\n },\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n nextYearIsInvalid(),\n },\n \"year-view\": {\n onPress: () => {\n if (view === \"year\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"year\");\n },\n isDisabled:\n calendarState.isDisabled \|\| view === \"month\",\n isPressed: view === \"year\",\n },\n },\n }}\n >\n <header className={clsx(styles[\"header\"])}>\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-month\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"month-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedMonth}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-month\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-year\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"year-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedYear}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-year\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n </header>\n\n <TransitionGroup className={clsx(styles[\"transition-group\"])}>\n <Transition\n key={view}\n nodeRef={currentRef}\n timeout={150}\n unmountOnExit\n >\n {(transitionState) => (\n <div\n ref={currentRef}\n className={clsx(styles[\"view\"])}\n data-entering={\n transitionState === \"entering\" \|\| undefined\n }\n data-exiting={\n transitionState === \"exiting\" \|\| undefined\n }\n data-entered={\n transitionState === \"entered\" \|\| undefined\n }\n >\n {view === \"calendar\" && (\n <CalendarGrid\n weekdayStyle={weekdayStyle}\n isRangeCalendar={isRangeCalendar}\n />\n )}\n\n {view === \"month\" && (\n <CalendarMonthMenu\n onSelection={menuItemOnSelection}\n months={months}\n />\n )}\n\n {view === \"year\" && (\n <CalendarYearMenu\n onSelection={menuItemOnSelection}\n years={years}\n />\n )}\n </div>\n )}\n </Transition>\n </TransitionGroup>\n </ButtonContext>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"BaseCalendar","names":["items","date","state"],"sources":["../../src/components/Calendar/BaseCalendar/baseCalendar.module.css","../../src/components/Calendar/BaseCalendar/BaseCalendar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .header {\n padding-inline: var(--md-sys-layout-space-12);\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n [data-visual-button] {\n &[data-disabled] {\n background-color: transparent;\n }\n }\n }\n\n .selection {\n --rotate: 0;\n\n &[data-pressed] {\n --rotate: 180deg;\n\n [data-visual-button] {\n --state-layer-opacity: var(--md-sys-state-pressed);\n }\n }\n\n svg {\n rotate: var(--rotate);\n transition: rotate var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n }\n\n .options {\n display: flex;\n align-items: center;\n }\n\n .view {\n position: relative;\n overflow: clip;\n }\n\n .menu {\n transition: opacity var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n opacity: 0;\n\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n\n &[data-state=\"exiting\"] {\n position: absolute;\n inset: 0;\n }\n\n &[data-state=\"entered\"] {\n opacity: 1;\n }\n\n [data-menu] {\n max-block-size: calc(6 * var(--_md-calendar-cell-size));\n block-size: calc(6 * var(--_md-calendar-cell-size));\n\n min-inline-size: calc(7 * var(--_md-calendar-cell-size));\n\n overflow-y: auto;\n padding-block-start: var(--md-sys-layout-space-12);\n padding-block-end: var(--md-sys-layout-space-4);\n\n border-block-start: calc(1 * var(--dp, 1px)) solid\n var(--_md-calendar-menu-divider-color);\n }\n }\n}\n","import { type CalendarDate, today } from \"@internationalized/date\";\nimport clsx from \"clsx\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { useMemo, useRef, useState } from \"react\";\nimport { useDateFormatter } from \"react-aria\";\nimport { ButtonContext } from \"react-aria-components\";\nimport { Transition } from \"react-transition-group\";\nimport { Button, IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarGrid } from \"../CalendarGrid\";\nimport { CalendarMonthMenu } from \"../CalendarMonthMenu\";\nimport { CalendarYearMenu } from \"../CalendarYearMenu\";\nimport {\n defaultMaxYearIncrement,\n defaultMinYear,\n isRangeCalendarState,\n type MonthItem,\n useCalendarState,\n type WeekdayStyle,\n type YearItem,\n} from \"../core\";\nimport styles from \"./baseCalendar.module.css\";\n\ntype View = \"calendar\" \| \"month\" \| \"year\";\n\nexport const BaseCalendar: React.FC<{\n isRangeCalendar?: boolean;\n weekdayStyle?: WeekdayStyle;\n}> = ({ isRangeCalendar, weekdayStyle }) => {\n const [view, setView] = useState<View>(\"calendar\");\n\n const calendarRef = useRef<HTMLDivElement>(null);\n const monthRef = useRef<HTMLDivElement>(null);\n const yearRef = useRef<HTMLDivElement>(null);\n\n // fixes menu selection issue in range calendar\n const anchorDate = useRef<CalendarDate \| null>(null);\n\n const calendarState = useCalendarState();\n const timeZone = calendarState.timeZone;\n\n const monthShortFormatter = useDateFormatter({\n month: \"short\",\n timeZone: timeZone,\n });\n const monthLongFormatter = useDateFormatter({\n month: \"long\",\n timeZone,\n });\n const yearFormatter = useDateFormatter({\n year: \"numeric\",\n timeZone: timeZone,\n });\n\n const focusedMonth = monthShortFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n const focusedYear = yearFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n\n // create year menu items\n const currentYear = today(timeZone).year;\n\n const minYear = calendarState.minValue?.year ?? defaultMinYear;\n const maxYear =\n calendarState.maxValue?.year ?? currentYear + defaultMaxYearIncrement;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect rendered year labels\n const years = useMemo(() => {\n const items: YearItem[] = [];\n\n for (let year = minYear; year <= maxYear; year++) {\n const date = calendarState.focusedDate.set({ year });\n\n items.push({\n id: year,\n formatted: yearFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [minYear, maxYear, timeZone, yearFormatter]);\n\n // create month menu items\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect generated month items\n const months = useMemo(() => {\n const items: MonthItem[] = [];\n\n const numMonths = calendarState.focusedDate.calendar.getMonthsInYear(\n calendarState.focusedDate\n );\n\n for (let month = 1; month <= numMonths; month++) {\n const date = calendarState.focusedDate.set({ month });\n\n items.push({\n id: month,\n formatted: monthLongFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [calendarState.focusedDate.calendar, timeZone, monthLongFormatter]);\n\n const isYearInvalid = (date: CalendarDate) => {\n const startOfYear = date.set({ month: 1, day: 1 });\n\n const lastMonth = date.calendar.getMonthsInYear(date);\n const endOfYear = date.set({\n month: lastMonth,\n day: date.calendar.getDaysInMonth(date.set({ month: lastMonth })),\n });\n\n return (\n (calendarState.maxValue != null &&\n startOfYear.compare(calendarState.maxValue) > 0) \|\|\n (calendarState.minValue != null &&\n endOfYear.compare(calendarState.minValue) < 0)\n );\n };\n\n const nextYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n };\n\n const prevYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n };\n\n const saveAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n anchorDate.current = calendarState.anchorDate;\n calendarState.setAnchorDate(null);\n };\n\n const restoreAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n calendarState.setAnchorDate(anchorDate.current);\n anchorDate.current = null;\n };\n\n const menuItemOnSelection = () => {\n setView(\"calendar\");\n restoreAnchorDateForRangeCalendar();\n };\n\n return (\n <ButtonContext\n value={{\n slots: {\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousPage(),\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n calendarState.isPreviousVisibleRangeInvalid(),\n },\n \"next-month\": {\n onPress: () => calendarState.focusNextPage(),\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n calendarState.isNextVisibleRangeInvalid(),\n },\n \"month-view\": {\n onPress: () => {\n if (view === \"month\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"month\");\n },\n isDisabled: calendarState.isDisabled \|\| view === \"year\",\n isPressed: view === \"month\",\n },\n\n \"previous-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", -1)\n );\n },\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n prevYearIsInvalid(),\n },\n \"next-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", 1)\n );\n },\n isDisabled:\n calendarState.isDisabled \|\|\n view !== \"calendar\" \|\|\n nextYearIsInvalid(),\n },\n \"year-view\": {\n onPress: () => {\n if (view === \"year\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"year\");\n },\n isDisabled:\n calendarState.isDisabled \|\| view === \"month\",\n isPressed: view === \"year\",\n },\n },\n }}\n >\n <header className={clsx(styles[\"header\"])}>\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-month\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"month-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedMonth}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-month\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-year\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"year-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedYear}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-year\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n </header>\n\n <div className={clsx(styles[\"view\"])}>\n <Transition\n nodeRef={calendarRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"calendar\"}\n >\n {(state) => (\n <div\n ref={calendarRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarGrid\n weekdayStyle={weekdayStyle}\n isRangeCalendar={isRangeCalendar}\n />\n </div>\n )}\n </Transition>\n\n <Transition\n nodeRef={monthRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"month\"}\n >\n {(state) => (\n <div\n ref={monthRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarMonthMenu\n onSelection={menuItemOnSelection}\n months={months}\n />\n </div>\n )}\n </Transition>\n\n <Transition\n nodeRef={yearRef}\n timeout={{\n enter: 0,\n exit: 150,\n }}\n mountOnEnter\n unmountOnExit\n in={view === \"year\"}\n >\n {(state) => (\n <div\n ref={yearRef}\n className={clsx(styles[\"menu\"])}\n data-state={state}\n >\n <CalendarYearMenu\n onSelection={menuItemOnSelection}\n years={years}\n />\n </div>\n )}\n </Transition>\n </div>\n </ButtonContext>\n );\n};\n"],"mappings":"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"}

package/dist/chunks/GridBackgroundDecorator ADDED Viewed

@@ -0,0 +1,16 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+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", {
+	className: e(n.container, i),
+	"aria-hidden": "true",
+	"data-variant": s,
+	style: {
+		zIndex: r,
+		"--grid-size": `${o}px`,
+		...a
+	}
+});
+//#endregion
+export { r as t };
+//# sourceMappingURL=GridBackgroundDecorator.map

package/dist/chunks/GridBackgroundDecorator.map ADDED Viewed

@@ -0,0 +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 Viewed

@@ -0,0 +1,110 @@
+import e from "clsx";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import '../assets/RadialGlowDecorator.css';var i = {
+	container: "_container_1rbez_2",
+	blob: "_blob_1rbez_52",
+	"default-primary": "_default-primary_1rbez_61",
+	"default-secondary": "_default-secondary_1rbez_73",
+	"default-tertiary": "_default-tertiary_1rbez_85",
+	"split-left": "_split-left_1rbez_98",
+	"split-right": "_split-right_1rbez_110",
+	"top-bar-primary": "_top-bar-primary_1rbez_123",
+	"top-bar-secondary": "_top-bar-secondary_1rbez_135",
+	"top-bar-tertiary": "_top-bar-tertiary_1rbez_147",
+	"corner-tl": "_corner-tl_1rbez_160",
+	"corner-tr": "_corner-tr_1rbez_172",
+	"corner-bl": "_corner-bl_1rbez_184",
+	"corner-br": "_corner-br_1rbez_196",
+	"aurora-1": "_aurora-1_1rbez_209",
+	"aurora-float-1": "_aurora-float-1_1rbez_1",
+	"aurora-2": "_aurora-2_1rbez_222",
+	"aurora-float-2": "_aurora-float-2_1rbez_1",
+	"aurora-3": "_aurora-3_1rbez_235",
+	"aurora-float-3": "_aurora-float-3_1rbez_1",
+	"aurora-4": "_aurora-4_1rbez_248",
+	"aurora-float-4": "_aurora-float-4_1rbez_1",
+	"spotlight-primary": "_spotlight-primary_1rbez_262",
+	"spotlight-pulse-1": "_spotlight-pulse-1_1rbez_1",
+	"spotlight-secondary": "_spotlight-secondary_1rbez_276",
+	"spotlight-pulse-2": "_spotlight-pulse-2_1rbez_1",
+	"spotlight-tertiary": "_spotlight-tertiary_1rbez_290",
+	"spotlight-pulse-3": "_spotlight-pulse-3_1rbez_1",
+	"nebula-1": "_nebula-1_1rbez_305",
+	"nebula-drift-1": "_nebula-drift-1_1rbez_1",
+	"nebula-2": "_nebula-2_1rbez_318",
+	"nebula-drift-2": "_nebula-drift-2_1rbez_1",
+	"nebula-3": "_nebula-3_1rbez_331",
+	"nebula-drift-3": "_nebula-drift-3_1rbez_1",
+	"nebula-4": "_nebula-4_1rbez_344",
+	"nebula-drift-4": "_nebula-drift-4_1rbez_1",
+	"horizon-primary": "_horizon-primary_1rbez_358",
+	"horizon-pulse-1": "_horizon-pulse-1_1rbez_1",
+	"horizon-secondary": "_horizon-secondary_1rbez_372",
+	"horizon-pulse-2": "_horizon-pulse-2_1rbez_1",
+	"horizon-tertiary": "_horizon-tertiary_1rbez_386",
+	"horizon-pulse-3": "_horizon-pulse-3_1rbez_1",
+	"spiral-1": "_spiral-1_1rbez_401",
+	"spiral-orbit-1": "_spiral-orbit-1_1rbez_1",
+	"spiral-2": "_spiral-2_1rbez_414",
+	"spiral-orbit-2": "_spiral-orbit-2_1rbez_1",
+	"spiral-3": "_spiral-3_1rbez_427",
+	"spiral-orbit-3": "_spiral-orbit-3_1rbez_1"
+}, a = ({ zIndex: a = -10, className: o, style: s, variant: c = "default" }) => /* @__PURE__ */ r("div", {
+	className: e(i.container, o),
+	"aria-hidden": "true",
+	"data-variant": c,
+	style: {
+		zIndex: a,
+		...s
+	},
+	children: [
+		c === "default" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["default-primary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["default-secondary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["default-tertiary"]) })
+		] }),
+		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"]) })] }),
+		c === "top-bar" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-primary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-secondary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["top-bar-tertiary"]) })
+		] }),
+		c === "corners" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["corner-tl"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["corner-tr"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["corner-bl"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["corner-br"]) })
+		] }),
+		c === "aurora" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-1"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-2"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-3"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["aurora-4"]) })
+		] }),
+		c === "spotlight" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-primary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-secondary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spotlight-tertiary"]) })
+		] }),
+		c === "nebula" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-1"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-2"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-3"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["nebula-4"]) })
+		] }),
+		c === "horizon" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-primary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-secondary"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["horizon-tertiary"]) })
+		] }),
+		c === "spiral" && /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-1"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-2"]) }),
+			/* @__PURE__ */ n("div", { className: e(i.blob, i["spiral-3"]) })
+		] })
+	]
+});
+//#endregion
+export { a as t };
+//# sourceMappingURL=RadialGlowDecorator.map