@servicetitan/anvil2 2.9.0 → 3.0.0

package/dist/Calendar.css

@@ -1,310 +1,259 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._calendar_1fg5q_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: inline-flex;
-  }
-  ._calendar_1fg5q_2 ._header_1fg5q_15 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-}
-@layer base {
-  ._calendar_1fg5q_2 {
-    flex-direction: column;
-    gap: 1rem;
-  }
-  ._calendar_1fg5q_2 ._header_1fg5q_15 {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-    align-items: center;
-  }
-  ._calendar_1fg5q_2 ._header_1fg5q_15 ._heading_1fg5q_40 {
-    font-size: 0.875rem;
-    padding-inline-start: 0.75rem;
-    padding-inline-end: 0.75rem;
-    font-weight: 600;
-  }
-  ._calendar_1fg5q_2 ._header_1fg5q_15 ._controller_1fg5q_46 {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 0.25rem;
-    padding-inline-start: 0.25rem;
-    padding-inline-end: 0.25rem;
-  }
-  ._calendar_1fg5q_2 ._spacer_1fg5q_54 {
-    height: 1rem;
-  }
-  ._calendar_1fg5q_2 ._day-grid_1fg5q_57 {
-    min-height: 15.25rem;
-    min-width: 17.875rem;
-    animation: _fadein_1fg5q_1 0.5s;
-  }
-  ._calendar_1fg5q_2 ._day-grid_1fg5q_57 td {
-    padding-block: 0.25rem;
-    padding-inline: 0.25rem;
-    position: relative;
-  }
-  ._calendar_1fg5q_2 ._day-grid_1fg5q_57 ._cell_1fg5q_67 {
-    all: unset;
-    min-width: 2.125rem;
-    min-height: 2.125rem;
-    width: 100%;
-    border-radius: 0.375rem;
-    box-sizing: border-box;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    outline-offset: 0.125rem;
-    outline: none;
-    cursor: pointer;
-    position: relative;
-    z-index: 1;
-    transition: outline 100ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1);
-  }
-  ._calendar_1fg5q_2 ._day-grid_1fg5q_57 ._cell_1fg5q_67::before {
-    z-index: -1;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
-    pointer-events: none;
-    border-radius: inherit;
-  }
-  ._calendar_1fg5q_2 ._day-grid_1fg5q_57 ._cell_1fg5q_67._overflow_1fg5q_98 {
-    display: none;
-  }
-  ._calendar_1fg5q_2 ._day-grid_1fg5q_57 ._cell_1fg5q_67:has(._content_1fg5q_101) {
-    cursor: pointer;
-  }
-  ._calendar_1fg5q_2 ._weekday_1fg5q_104 {
-    justify-content: center;
-    align-items: flex-start;
-    font-weight: 700;
-    color: var(--foreground-color-subdued, #737475);
-    font-size: 1rem;
-    line-height: 1;
-    padding-block-start: 0.25rem;
-    padding-block-end: 0;
-    padding-inline-start: 0;
-    padding-inline-end: 0;
-  }
-  ._calendar_1fg5q_2 ._month-selection_1fg5q_116 ._selection-checkbox_1fg5q_116,
-  ._calendar_1fg5q_2 ._year-selection_1fg5q_117 ._selection-checkbox_1fg5q_116 {
-    width: 100%;
-  }
-  ._calendar_1fg5q_2 ._month-selection_1fg5q_116 ._selection-checkbox_1fg5q_116 > label,
-  ._calendar_1fg5q_2 ._month-selection_1fg5q_116 ._selection-checkbox_1fg5q_116 > label > span,
-  ._calendar_1fg5q_2 ._year-selection_1fg5q_117 ._selection-checkbox_1fg5q_116 > label,
-  ._calendar_1fg5q_2 ._year-selection_1fg5q_117 ._selection-checkbox_1fg5q_116 > label > span {
-    width: 100%;
-  }
-  ._calendar_1fg5q_2 ._month-selection_1fg5q_116 ._selection-card_1fg5q_126,
-  ._calendar_1fg5q_2 ._year-selection_1fg5q_117 ._selection-card_1fg5q_126 {
-    width: 100%;
-    justify-content: center;
-  }
-  ._calendar_1fg5q_2 ._year-selection_1fg5q_117 {
-    max-height: 20rem;
-    overflow-y: auto;
-    padding-inline: 0.25rem;
-  }
+.anvil2{@layer starter, reset, base, state, application;._calendar_13hkc_1 {
+  --a2-mod-calendar-gap-size: var(--a2-size-4, 1rem);
+  --a2-mod-calendar-range-fill-background-color: var(--a2-calendar-range-fill-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), rgba(112, 177, 255, 0.2))));
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--a2-mod-calendar-gap-size);
+}._grid_13hkc_19 {
+  border-collapse: separate;
+  border-spacing: 2px;
+}._header_13hkc_24 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}._heading_13hkc_41 {
+  font-size: var(--a2-font-size-300, 0.875rem);
+  font-weight: var(--a2-font-weight-semibold, 600);
+  padding-inline-end: var(--a2-size-3, 0.75rem);
+  padding-inline-start: var(--a2-size-3, 0.75rem);
+}._controller_13hkc_48 {
+  align-items: center;
+  display: flex;
+  gap: var(--a2-size-1, 0.25rem);
+  justify-content: space-between;
+  padding-inline-end: var(--a2-size-1, 0.25rem);
+  padding-inline-start: var(--a2-size-1, 0.25rem);
+}._controller-button_13hkc_57 {
+  --a2-mod-button-foreground-color: inherit;
+}._spacer_13hkc_61 {
+  height: var(--a2-mod-calendar-gap-size);
+}._day-grid_13hkc_65 {
+  animation: _fadein_13hkc_1 0.5s;
+  min-height: 15.25rem;
+  min-width: 17.875rem;
+}._day-grid_13hkc_65 td {
+  padding-block: var(--a2-size-1, 0.25rem);
+  padding-inline: var(--a2-size-1, 0.25rem);
+  position: relative;
+}._cell_13hkc_76 {
+  --a2-internal-calendar-cell-background-color: var(
+    --a2-mod-calendar-cell-background-color
+  );
+  --a2-internal-calendar-cell-foreground-color: var(
+    --a2-mod-calendar-cell-foreground-color
+  );
+  --a2-mod-calendar-cell-background-color: var(--a2-calendar-cell-default-background-color, rgba(0, 0, 0, 0));
+  --a2-mod-calendar-cell-background-color-active: var(--a2-calendar-cell-default-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(rgba(139, 139, 139, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
+  --a2-mod-calendar-cell-background-color-hover: var(--a2-calendar-cell-default-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  --a2-mod-calendar-cell-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  --a2-mod-calendar-cell-focus-ring-color: var(--a2-calendar-cell-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-calendar-cell-foreground-color: var(--a2-calendar-cell-default-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-calendar-cell-foreground-color-active: var(--a2-calendar-cell-default-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-calendar-cell-foreground-color-hover: var(--a2-calendar-cell-default-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-calendar-cell-opacity-disabled: var(--a2-opacity-disabled-stronger, 0.2);
+  all: unset;
+  align-items: center;
+  background-color: var(--a2-internal-calendar-cell-background-color);
+  border-radius: var(--a2-mod-calendar-cell-border-radius);
+  box-sizing: border-box;
+  color: var(--a2-internal-calendar-cell-foreground-color);
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  min-height: 2.125rem;
+  min-width: 2.125rem;
+  outline: none;
+  outline-offset: var(--a2-size-half, 0.125rem);
+  position: relative;
+  transition: outline var(--a2-duration-fast, 100ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: 100%;
+  z-index: 1;
+}._cell_13hkc_76:hover:not(:disabled) {
+  --a2-internal-calendar-cell-background-color: var(
+    --a2-mod-calendar-cell-background-color-hover
+  );
+}._cell_13hkc_76:active:not(:disabled) {
+  --a2-internal-calendar-cell-background-color: var(
+    --a2-mod-calendar-cell-background-color-active
+  );
+}._weekday_13hkc_121 {
+  align-items: flex-start;
+  color: var(--a2-calendar-cell-weekday-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
+  font-size: var(--a2-font-size-400, 1rem);
+  font-weight: var(--a2-font-weight-bold, 700);
+  justify-content: center;
+  line-height: 1;
+  padding-block-end: 0;
+  padding-block-start: var(--a2-size-1, 0.25rem);
+  padding-inline-end: 0;
+  padding-inline-start: 0;
+  text-align: center;
+}._month-selection_13hkc_135 ._selection-checkbox_13hkc_135,
+._year-selection_13hkc_136 ._selection-checkbox_13hkc_135 {
+  width: 100%;
+}._month-selection_13hkc_135 ._selection-checkbox_13hkc_135 > label,
+._month-selection_13hkc_135 ._selection-checkbox_13hkc_135 > label > span,
+._year-selection_13hkc_136 ._selection-checkbox_13hkc_135 > label,
+._year-selection_13hkc_136 ._selection-checkbox_13hkc_135 > label > span {
+  width: 100%;
+}._month-selection_13hkc_135 ._selection-card_13hkc_145,
+._year-selection_13hkc_136 ._selection-card_13hkc_145 {
+  justify-content: center;
+  width: 100%;
+}._year-selection_13hkc_136 {
+  max-height: 20rem;
+  overflow-y: auto;
+  padding-inline: var(--a2-size-1, 0.25rem);
+}._year-selector_13hkc_157 {
+  margin-inline: calc(-1 * var(--a2-size-2, 0.5rem));
+}._cell_13hkc_76:focus-visible {
+  outline: var(--a2-size-half, 0.125rem) solid var(--a2-mod-calendar-cell-focus-ring-color);
+}._cell_13hkc_76:disabled:not(._range-first_13hkc_164):not(._range-last_13hkc_164):not(._range_13hkc_164) {
+  --a2-mod-calendar-cell-border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
+  cursor: not-allowed;
+  opacity: var(--a2-mod-calendar-cell-opacity-disabled);
+}._overflow_13hkc_170 {
+  display: none;
+}._selected_13hkc_174:not(._range_13hkc_164) {
+  --a2-mod-calendar-cell-background-color: var(--a2-calendar-cell-selected-background-color, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-calendar-cell-background-color-active: var(--a2-calendar-cell-selected-background-color-active, var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff))));
+  --a2-mod-calendar-cell-background-color-hover: var(--a2-calendar-cell-selected-background-color-hover, var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-calendar-cell-foreground-color: var(--a2-calendar-cell-selected-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-calendar-cell-foreground-color-active: var(--a2-calendar-cell-selected-foreground-color-active, var(--a2-foreground-color-on-primary-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-calendar-cell-foreground-color-hover: var(--a2-calendar-cell-selected-foreground-color-hover, var(--a2-foreground-color-on-primary-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+}._is-unavailable_13hkc_183 {
+  --a2-mod-calendar-cell-background-color: transparent;
+}._is-unavailable_13hkc_183:disabled {
+  --a2-mod-calendar-cell-border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
+  cursor: not-allowed;
+  opacity: var(--a2-mod-calendar-cell-opacity-disabled);
+}._range_13hkc_164:not(._is-unavailable_13hkc_183) {
+  --a2-mod-calendar-cell-background-color: var(--a2-calendar-cell-range-background-color, var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0)));
+  --a2-mod-calendar-cell-background-color-active: var(--a2-calendar-cell-range-background-color-active, var(--a2-background-color-transparent-primary-active, light-dark(rgba(26, 130, 255, 0.3019607843), rgba(112, 177, 255, 0.2509803922))));
+  --a2-mod-calendar-cell-background-color-hover: var(--a2-calendar-cell-range-background-color-hover, var(--a2-background-color-transparent-primary-hover, light-dark(rgba(26, 130, 255, 0.1019607843), rgba(112, 177, 255, 0.1019607843))));
+  --a2-mod-calendar-cell-border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
+  --a2-mod-calendar-cell-foreground-color: var(--a2-calendar-cell-range-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
+  --a2-mod-calendar-cell-foreground-color-active: var(--a2-calendar-cell-range-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
+  --a2-mod-calendar-cell-foreground-color-hover: var(--a2-calendar-cell-range-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
+}._range_13hkc_164:not(._is-unavailable_13hkc_183):disabled {
+  cursor: not-allowed;
+  opacity: var(--a2-mod-calendar-cell-opacity-disabled);
+}._range_13hkc_164:not(._is-unavailable_13hkc_183):hover:not(:disabled) {
+  border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
+}._range_13hkc_164:not(._is-unavailable_13hkc_183):hover:not(:disabled)._hover-last_13hkc_208 {
+  border-end-end-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  border-start-end-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+}._range-first_13hkc_164:not(._range-last_13hkc_164) {
+  border-end-end-radius: 0;
+  border-start-end-radius: 0;
+}._range-first_13hkc_164:not(._range-last_13hkc_164)::after {
+  background-color: var(--a2-mod-calendar-range-fill-background-color);
+  content: "";
+  inset-block-end: 0;
+  inset-block-start: 0;
+  inset-inline-end: calc(-1 * (var(--a2-mod-calendar-gap-size) / 4 + var(--a2-size-quarter, 0.0625rem)));
+  position: absolute;
+  width: calc(var(--a2-mod-calendar-gap-size) / 4 + var(--a2-size-quarter, 0.0625rem));
+  z-index: -1;
+}._range-first_13hkc_164:not(._range-last_13hkc_164):disabled {
+  cursor: not-allowed;
+  opacity: var(--a2-mod-calendar-cell-opacity-disabled);
+}._range-last_13hkc_164:not(._range-first_13hkc_164) {
+  border-end-start-radius: 0;
+  border-start-start-radius: 0;
+}._range-last_13hkc_164:not(._range-first_13hkc_164)::after {
+  background-color: var(--a2-mod-calendar-range-fill-background-color);
+  content: "";
+  inset-block-end: 0;
+  inset-block-start: 0;
+  inset-inline-start: calc(-1 * (var(--a2-mod-calendar-gap-size) / 4 + var(--a2-size-quarter, 0.0625rem)));
+  position: absolute;
+  width: calc(var(--a2-mod-calendar-gap-size) / 4 + var(--a2-size-quarter, 0.0625rem));
+  z-index: -1;
+}._range-last_13hkc_164:not(._range-first_13hkc_164):disabled {
+  cursor: not-allowed;
+  opacity: var(--a2-mod-calendar-cell-opacity-disabled);
+}._has-metadata_13hkc_251 {
+  flex-direction: column;
+  gap: var(--a2-size-1, 0.25rem);
+}._pip_13hkc_256 {
+  bottom: var(--a2-size-1, 0.25rem);
+  position: absolute;
+}._pip_13hkc_256::before {
+  aspect-ratio: 1/1;
+  background-color: currentColor;
+  border-radius: var(--a2-border-radius-circular, 100%);
+  content: "";
+  display: block;
+  width: var(--a2-size-1, 0.25rem);
+}._range-fill_13hkc_269 {
+  background-color: var(--a2-mod-calendar-range-fill-background-color);
+  content: "";
+  inset-block-end: var(--a2-size-1, 0.25rem);
+  inset-block-start: var(--a2-size-1, 0.25rem);
+  inset-inline-start: calc(-1 * var(--a2-size-quarter, 0.0625rem));
+  position: absolute;
+  width: calc(100% + var(--a2-size-half, 0.125rem));
+  z-index: 0;
+}._range-disabled_13hkc_280 {
+  opacity: var(--a2-mod-calendar-cell-opacity-disabled);
+}._hover-last_13hkc_208 {
+  border-end-end-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  border-start-end-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  width: calc(100% - (var(--a2-mod-calendar-gap-size) / 4 - var(--a2-size-quarter, 0.0625rem)));
+}[dir=rtl] ._calendar_13hkc_1 ._header_13hkc_24 ._controller_13hkc_48 ._controller-button_13hkc_57 {
+  rotate: 180deg;
 }
-@keyframes _fadein_1fg5q_1 {
+}@keyframes _fadein_13hkc_1 {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
+}.anvil2{@layer starter, reset, base, state, application;._year-selector_1jh12_1 {
+  box-sizing: border-box;
+  height: 40dvh;
+  overflow: auto;
+  padding-inline: var(--a2-size-2, 0.5rem);
+  width: 100%;
+}._year-selector_1jh12_1 * {
+  display: flex;
+  justify-content: center;
+  max-width: none;
+  min-width: 0;
+  text-align: center;
+  width: 100%;
+}._year-grid_1jh12_17 {
+  display: grid;
+  gap: var(--a2-size-3, 0.75rem);
+  left: 0;
+  position: absolute;
+  top: 0;
+}._year-item_1jh12_25 {
+  height: 58px;
+}._pseudo-focused_1jh12_29 {
+  position: relative;
 }
-@layer state {
-  ._calendar_1fg5q_2 ._cell_1fg5q_67:focus-visible {
-    outline: 0.125rem solid var(--focus-ring-color, #0265DC);
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67:disabled:not(._range-first_1fg5q_149):not(._range-last_1fg5q_149):not(._range_1fg5q_149) {
-    cursor: not-allowed;
-    opacity: 0.6;
-    color: var(--foreground-color-subdued, #737475);
-    border-radius: 0;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67:hover:not(:disabled)::before {
-    content: "";
-    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._selected_1fg5q_159 {
-    background-color: var(--background-color-primary, #0265DC);
-    color: var(--foreground-color-on-primary, #ffffff);
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._selected_1fg5q_159:hover:not(:disabled)::before {
-    content: "";
-    background-color: var(--overlay-color-hover-on-primary, rgba(20, 20, 20, 0.2));
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._is-unavailable_1fg5q_167 {
-    background-color: transparent;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._is-unavailable_1fg5q_167:disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-    color: var(--foreground-color-subdued, #737475);
-    border-radius: 0;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range-first_1fg5q_149:not(._range-last_1fg5q_149) {
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range-first_1fg5q_149:not(._range-last_1fg5q_149)::after {
-    position: absolute;
-    content: "";
-    width: 0.3125rem;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-end: -0.3125rem;
-    background-color: var(--background-color-primary-subdued, #E0F2FF);
-    z-index: -1;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range-first_1fg5q_149:not(._range-last_1fg5q_149):disabled {
-    opacity: 0.2;
-    cursor: not-allowed;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range-last_1fg5q_149:not(._range-first_1fg5q_149) {
-    border-end-start-radius: 0;
-    border-start-start-radius: 0;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range-last_1fg5q_149:not(._range-first_1fg5q_149)::after {
-    position: absolute;
-    content: "";
-    width: 0.3125rem;
-    inset-block-start: 0;
-    inset-block-end: 0;
-    inset-inline-start: -0.3125rem;
-    background-color: var(--background-color-primary-subdued, #E0F2FF);
-    z-index: -1;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range-last_1fg5q_149:not(._range-first_1fg5q_149):disabled {
-    opacity: 0.2;
-    cursor: not-allowed;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range_1fg5q_149:not(._is-unavailable_1fg5q_167) {
-    background-color: transparent;
-    color: var(--foreground-color-primary, #0265DC);
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range_1fg5q_149:not(._is-unavailable_1fg5q_167):disabled {
-    opacity: 0.2;
-    cursor: not-allowed;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range_1fg5q_149:not(._is-unavailable_1fg5q_167):hover:not(:disabled):before {
-    content: "";
-    background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
-    border-radius: 0;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._range_1fg5q_149:not(._is-unavailable_1fg5q_167):hover:not(:disabled)._hover-last_1fg5q_225:before {
-    border-start-end-radius: 0.375rem;
-    border-end-end-radius: 0.375rem;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67._has-metadata_1fg5q_229 {
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67 ._pip_1fg5q_233 {
-    position: absolute;
-    bottom: 0.25rem;
-  }
-  ._calendar_1fg5q_2 ._cell_1fg5q_67 ._pip_1fg5q_233:before {
-    content: "";
-    aspect-ratio: 1/1;
-    width: 0.25rem;
-    border-radius: 100%;
-    background-color: currentColor;
-    display: block;
-  }
-  ._calendar_1fg5q_2 ._range-fill_1fg5q_245 {
-    position: absolute;
-    content: "";
-    width: calc(100% + 0.125rem);
-    inset-block-start: 0.25rem;
-    inset-block-end: 0.25rem;
-    inset-inline-start: -0.0625rem;
-    background-color: var(--background-color-primary-subdued, #E0F2FF);
-    z-index: 0;
-  }
-  ._calendar_1fg5q_2 ._range-fill_1fg5q_245._range-disabled_1fg5q_255 {
-    opacity: 0.2;
-  }
-  ._calendar_1fg5q_2 ._range-fill_1fg5q_245._hover-last_1fg5q_225 {
-    width: calc(100% - 0.1875rem);
-    border-start-end-radius: 0.375rem;
-    border-end-end-radius: 0.375rem;
-  }
-  [dir=rtl] ._calendar_1fg5q_2 ._header_1fg5q_15 ._controller_1fg5q_46 ._controller-button_1fg5q_263 {
-    rotate: 180deg;
-  }
-}
-@layer application {
-  ._calendar_1fg5q_2 ._header_1fg5q_15 ._controller_1fg5q_46 ._controller-button_1fg5q_263 {
-    color: inherit;
-  }
-  ._calendar_1fg5q_2 ._year-selector_1fg5q_271 {
-    margin-inline: -0.5rem;
-  }
-}@layer starter, reset, base, state, application;
-@layer base {
-  ._year-selector_1pxps_2 {
-    overflow: auto;
-    width: 100%;
-    padding-inline: 0.5rem;
-    box-sizing: border-box;
-    height: 40dvh;
-  }
-  ._year-selector_1pxps_2 ._year-grid_1pxps_9 {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: grid;
-    gap: 0.75rem;
-  }
-}
-@layer application {
-  ._year-selector_1pxps_2 * {
-    width: 100%;
-    min-width: 0;
-    max-width: none;
-    text-align: center;
-    justify-content: center;
-    display: flex;
-  }
-  ._year-item_1pxps_26 {
-    height: 58px;
-  }
-  ._year-selector_1pxps_2:focus-visible:not(:disabled) ._year-item_1pxps_26._pseudo-focused_1pxps_29 {
-    outline: 0.25rem solid var(--focus-ring-color, #0265DC);
-    outline-offset: 0.125rem;
-  }
 }

package/dist/Calendar.js

@@ -1,3 +1,3 @@
-export { C as Calendar, C as default } from './Calendar-Cka4unyi.js';
-export { u as useCalendarBetaProps } from './Calendar-Dxl9QnfP.js';
+export { C as Calendar, C as default } from './Calendar-BAbAagIx.js';
+export { u as useCalendarBetaProps } from './Calendar-CaCMa_jq.js';
 //# sourceMappingURL=Calendar.js.map

package/dist/{Card-wz71dEVA.js → Card-DSFuXUGk.js}

@@ -1,19 +1,19 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
-import './Card.css';const card = "_card_gi462_2";
+import './Card.css';const card = "_card_ujr80_1";
 const styles = {
 	card: card,
-	"card-section": "_card-section_gi462_25",
-	"bg-stronger": "_bg-stronger_gi462_30",
-	"bg-strong": "_bg-strong_gi462_30",
-	"padding-0": "_padding-0_gi462_36",
-	"padding-xsmall": "_padding-xsmall_gi462_42",
-	"padding-small": "_padding-small_gi462_48",
-	"padding-medium": "_padding-medium_gi462_54",
-	"padding-large": "_padding-large_gi462_60"
+	"card-section": "_card-section_ujr80_28",
+	"bg-stronger": "_bg-stronger_ujr80_32",
+	"bg-strong": "_bg-strong_ujr80_32",
+	"padding-0": "_padding-0_ujr80_40",
+	"padding-xsmall": "_padding-xsmall_ujr80_46",
+	"padding-small": "_padding-small_ujr80_52",
+	"padding-medium": "_padding-medium_ujr80_58",
+	"padding-large": "_padding-large_ujr80_64"
 };
 
 const Card = forwardRef((props, ref) => {
@@ -53,4 +53,4 @@ const Card = forwardRef((props, ref) => {
 Card.displayName = "Card";
 
 export { Card as C };
-//# sourceMappingURL=Card-wz71dEVA.js.map
+//# sourceMappingURL=Card-DSFuXUGk.js.map

package/dist/{Card-wz71dEVA.js.map → Card-DSFuXUGk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-wz71dEVA.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Card.module.scss\";\n\n/**\n * Props for the Card component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type CardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The background variant of the card.\n     * @default undefined\n     */\n    background?: \"strong\" | \"stronger\";\n    /**\n     * The padding size of the card.\n     * @default \"medium\"\n     */\n    padding?: Extract<Size, \"0\" | \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n  };\n\n/**\n * Card component for displaying content in a contained, elevated container.\n *\n * Features:\n * - Optional background variants (strong, stronger)\n * - Configurable padding sizes\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <Card padding=\"large\" background=\"strong\">\n *   <Text variant=\"headline\" el=\"h2\">Card Title</Text>\n *   <p>Card content goes here</p>\n * </Card>\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    children,\n    className,\n    padding = \"medium\",\n    background,\n    style,\n    ...rest\n  } = componentProps;\n\n  const cardClassNames = cx(\n    [styles[\"card\"]],\n    [styles[`padding-${padding}`]],\n    className,\n    {\n      [styles[`bg-${background}`]]: !!background,\n    },\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={cardClassNames}\n      data-anv=\"card\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nCard.displayName = \"Card\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,EAAA;AAAA,IACrB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACf,CAAC,MAAA,CAAO,CAAA,QAAA,EAAW,OAAO,EAAE,CAAC,CAAA;AAAA,IAC7B,SAAA;AAAA,IACA;AAAA,MACE,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA;AAClC,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}
+{"version":3,"file":"Card-DSFuXUGk.js","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { LayoutUtilProps, Size } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Card.module.scss\";\n\n/**\n * Props for the Card component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type CardProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /**\n     * The background variant of the card.\n     * @default undefined\n     */\n    background?: \"strong\" | \"stronger\";\n    /**\n     * The padding size of the card.\n     * @default \"medium\"\n     */\n    padding?: Extract<Size, \"0\" | \"xsmall\" | \"small\" | \"medium\" | \"large\">;\n  };\n\n/**\n * Card component for displaying content in a contained, elevated container.\n *\n * Features:\n * - Optional background variants (strong, stronger)\n * - Configurable padding sizes\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <Card padding=\"large\" background=\"strong\">\n *   <Text variant=\"headline\" el=\"h2\">Card Title</Text>\n *   <p>Card content goes here</p>\n * </Card>\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    children,\n    className,\n    padding = \"medium\",\n    background,\n    style,\n    ...rest\n  } = componentProps;\n\n  const cardClassNames = cx(\n    [styles[\"card\"]],\n    [styles[`padding-${padding}`]],\n    className,\n    {\n      [styles[`bg-${background}`]]: !!background,\n    },\n  );\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={cardClassNames}\n      data-anv=\"card\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nCard.displayName = \"Card\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA,GAAU,QAAA;AAAA,IACV,UAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,cAAA;AAEJ,EAAA,MAAM,cAAA,GAAiB,EAAA;AAAA,IACrB,CAAC,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,IACf,CAAC,MAAA,CAAO,CAAA,QAAA,EAAW,OAAO,EAAE,CAAC,CAAA;AAAA,IAC7B,SAAA;AAAA,IACA;AAAA,MACE,CAAC,OAAO,CAAA,GAAA,EAAM,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC;AAAA;AAClC,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}