@wordpress/components 29.12.0 → 30.0.0

package/build-style/style.css

@@ -589,6 +589,364 @@ p + .components-button.is-tertiary {
     background-position: 200px 0;
   }
 }
+/* Root of the component. */
+.components-calendar {
+  position: relative; /* Required to position the navigation toolbar. */
+  box-sizing: border-box;
+  display: inline flow-root;
+  color: #1e1e1e;
+  background-color: #fff;
+  font-size: 13px;
+  font-weight: 400;
+  z-index: 0;
+}
+.components-calendar *,
+.components-calendar *::before,
+.components-calendar *::after {
+  box-sizing: border-box;
+}
+
+.components-calendar__day {
+  padding: 0;
+  position: relative;
+}
+.components-calendar__day:has(.components-calendar__day-button:disabled) {
+  color: #949494;
+}
+.components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)), .components-calendar__day:has(.components-calendar__day-button:focus-visible) {
+  color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+
+.components-calendar__day-button {
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+  width: 2rem;
+  height: 2rem;
+  border: none;
+  border-radius: 2px;
+  font: inherit;
+  font-variant-numeric: tabular-nums;
+  color: inherit;
+}
+.components-calendar__day-button::before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  border: none;
+  border-radius: 2px;
+}
+.components-calendar__day-button::after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  inset: 0;
+  pointer-events: none;
+}
+.components-calendar__day-button:disabled {
+  cursor: revert;
+}
+@media (forced-colors: active) {
+  .components-calendar__day-button:disabled {
+    text-decoration: line-through;
+  }
+}
+.components-calendar__day-button:focus-visible {
+  outline: var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  outline-offset: 1px;
+}
+
+.components-calendar__caption-label {
+  z-index: 1;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+  border: 0;
+  text-transform: capitalize;
+}
+
+.components-calendar__button-next,
+.components-calendar__button-previous {
+  border: none;
+  border-radius: 2px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  appearance: none;
+  width: 2rem;
+  height: 2rem;
+  color: inherit;
+}
+.components-calendar__button-next:disabled, .components-calendar__button-next[aria-disabled=true],
+.components-calendar__button-previous:disabled,
+.components-calendar__button-previous[aria-disabled=true] {
+  cursor: revert;
+  color: #949494;
+}
+.components-calendar__button-next:focus-visible,
+.components-calendar__button-previous:focus-visible {
+  outline: var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+
+.components-calendar__chevron {
+  display: inline-block;
+  fill: currentColor;
+  width: 16px;
+  height: 16px;
+}
+
+.components-calendar[dir=rtl] .components-calendar__nav .components-calendar__chevron {
+  transform: rotate(180deg);
+  transform-origin: 50%;
+}
+
+.components-calendar__month-caption {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  height: 2rem;
+  margin-bottom: 12px;
+}
+
+.components-calendar__months {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 1rem;
+  max-width: fit-content;
+}
+
+.components-calendar__month-grid {
+  border-collapse: separate;
+  border-spacing: 0 4px;
+}
+
+.components-calendar__nav {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 2rem;
+}
+
+.components-calendar__weekday {
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  color: #757575;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+/* DAY MODIFIERS */
+.components-calendar__day--today::after {
+  content: "";
+  position: absolute;
+  z-index: 1;
+  inset-block-start: 2px;
+  inset-inline-end: 2px;
+  width: 0;
+  height: 0;
+  border-radius: 50%;
+  border: 2px solid currentColor;
+}
+
+.components-calendar__day--selected:not(.components-calendar__range-middle):has(.components-calendar__day-button,
+.components-calendar__day-button:hover:not(:disabled)) {
+  color: #fff;
+}
+.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button::before {
+  background-color: #1e1e1e;
+  border: 1px solid transparent;
+}
+.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled::before {
+  background-color: #949494;
+}
+.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled)::before {
+  background-color: #2f2f2f;
+}
+
+.components-calendar__day--hidden {
+  visibility: hidden;
+}
+
+.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button, .components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button::before {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+
+.components-calendar__range-middle .components-calendar__day-button::before {
+  background-color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent);
+  border-radius: 0;
+  border-width: 1px 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button, .components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button::before {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
+
+/*
+ * RANGE PREVIEW (range calendar only)
+ *
+ * The preview is rendered in the button's ::after pseudo-element, so that it
+ * can be rendered over the button's contents.
+ * The selection preview is shown with a dashed border. In order to have
+ * control over the dash pattern (especially the seams between days), the
+ * dashed borders are rendered as SVGs via the url() CSS function.
+ * Since SVGs rendered in the url() function don't seem to be able to access
+ * CSS variables, we're using the SVGs as masks, and using `background-color`
+ * to consume the accent color variable.
+ */
+.components-calendar__day--preview svg {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 16%, transparent);
+}
+@media (forced-colors: active) {
+  .components-calendar__day--preview svg {
+    color: inherit;
+  }
+}
+.components-calendar[dir=rtl] .components-calendar__day--preview svg {
+  transform: scaleX(-1);
+}
+
+.components-calendar__day--preview.components-calendar__range-middle .components-calendar__day-button::before {
+  border: none;
+}
+
+/* ANIMATIONS */
+@keyframes slide-in-left {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes slide-in-right {
+  0% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes slide-out-left {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
+}
+@keyframes slide-out-right {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.components-calendar__weeks-before-enter,
+.components-calendar__weeks-before-exit,
+.components-calendar__weeks-after-enter,
+.components-calendar__weeks-after-exit,
+.components-calendar__caption-after-enter,
+.components-calendar__caption-after-exit,
+.components-calendar__caption-before-enter,
+.components-calendar__caption-before-exit {
+  animation-duration: 0s;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  animation-fill-mode: forwards;
+}
+@media not (prefers-reduced-motion) {
+  .components-calendar__weeks-before-enter,
+.components-calendar__weeks-before-exit,
+.components-calendar__weeks-after-enter,
+.components-calendar__weeks-after-exit,
+.components-calendar__caption-after-enter,
+.components-calendar__caption-after-exit,
+.components-calendar__caption-before-enter,
+.components-calendar__caption-before-exit {
+    animation-duration: 0.3s;
+  }
+}
+
+.components-calendar__weeks-before-enter,
+.components-calendar[dir=rtl] .components-calendar__weeks-after-enter {
+  animation-name: slide-in-left;
+}
+
+.components-calendar__weeks-before-exit,
+.components-calendar[dir=rtl] .components-calendar__weeks-after-exit {
+  animation-name: slide-out-left;
+}
+
+.components-calendar__weeks-after-enter,
+.components-calendar[dir=rtl] .components-calendar__weeks-before-enter {
+  animation-name: slide-in-right;
+}
+
+.components-calendar__weeks-after-exit,
+.components-calendar[dir=rtl] .components-calendar__weeks-before-exit {
+  animation-name: slide-out-right;
+}
+
+.components-calendar__caption-after-enter {
+  animation-name: fade-in;
+}
+
+.components-calendar__caption-after-exit {
+  animation-name: fade-out;
+}
+
+.components-calendar__caption-before-enter {
+  animation-name: fade-in;
+}
+
+.components-calendar__caption-before-exit {
+  animation-name: fade-out;
+}
+
 .components-checkbox-control {
   --checkbox-input-size: 24px;
   --checkbox-input-margin: 8px;
@@ -1131,23 +1489,6 @@ input.components-combobox-control__input[type=text]:focus {
   z-index: 0;
 }
 
-.block-editor-dimension-control .components-base-control__field {
-  display: flex;
-  align-items: center;
-}
-.block-editor-dimension-control .components-base-control__label {
-  display: flex;
-  align-items: center;
-  margin-right: 1em;
-  margin-bottom: 0;
-}
-.block-editor-dimension-control .components-base-control__label .dashicon {
-  margin-right: 0.5em;
-}
-.block-editor-dimension-control.is-manual .components-base-control__label {
-  width: 10em;
-}
-
 body.is-dragging-components-draggable {
   cursor: move; /* Fallback for IE/Edge < 14 */
   cursor: grabbing !important;
@@ -2988,11 +3329,6 @@ body.lockscroll {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
 }
 
-@media (max-width: 782px) {
-  .components-base-control .components-base-control__field .components-select-control__input {
-    font-size: 16px;
-  }
-}
 .components-snackbar {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
@@ -3526,4 +3862,64 @@ div.components-toolbar > div + div.has-left-divider::before {
 
 .components-tooltip__shortcut {
   margin-left: 8px;
+}
+
+.components-validated-control:has(:is(input, select):user-invalid) .components-input-control__backdrop {
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control :is(textarea, input[type=text]):user-invalid {
+  --wp-admin-theme-color: $alert-red;
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control .components-combobox-control__suggestions-container:has(input:user-invalid):not(:has([aria-expanded=true])) {
+  border-color: #cc1818;
+}
+
+.components-validated-control__wrapper-with-error-delegate {
+  position: relative;
+}
+.components-validated-control__wrapper-with-error-delegate:has(select:user-invalid) .components-input-control__backdrop {
+  --wp-components-color-accent: $alert-red;
+  border-color: #cc1818;
+}
+.components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid) {
+  --wp-components-color-accent: $alert-red;
+}
+
+.components-validated-control__error-delegate {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.components-validated-control__error {
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+  margin: 8px 0 0;
+  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 0.75rem;
+  line-height: 16px;
+  color: #cc1818;
+  animation: components-validated-control__error-jump 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
+}
+
+.components-validated-control__error-icon {
+  flex-shrink: 0;
+}
+
+@keyframes components-validated-control__error-jump {
+  0% {
+    transform: translateY(-4px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
 }

package/build-types/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAQjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EA8UtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,+BAQnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAQjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAkVtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,+BAQnB"}

package/build-types/box-control/input-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/input-control.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AA+C5E,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,IAAI,EACJ,GAAO,EACP,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAgN7B"}
+{"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/input-control.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AA+C5E,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,IAAI,EACJ,GAAO,EACP,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAyN7B"}

package/build-types/box-control/utils.d.ts

@@ -4,13 +4,13 @@
 import type { BoxControlInputControlProps, BoxControlProps, BoxControlValue, CustomValueUnits, Preset } from './types';
 export declare const CUSTOM_VALUE_SETTINGS: CustomValueUnits;
 export declare const LABELS: {
-    all: string;
-    top: string;
-    bottom: string;
-    left: string;
-    right: string;
-    vertical: string;
-    horizontal: string;
+    all: import("@wordpress/i18n/build-types/types").TranslatableText<"All sides">;
+    top: import("@wordpress/i18n/build-types/types").TranslatableText<"Top side">;
+    bottom: import("@wordpress/i18n/build-types/types").TranslatableText<"Bottom side">;
+    left: import("@wordpress/i18n/build-types/types").TranslatableText<"Left side">;
+    right: import("@wordpress/i18n/build-types/types").TranslatableText<"Right side">;
+    vertical: import("@wordpress/i18n/build-types/types").TranslatableText<"Top and bottom sides">;
+    horizontal: import("@wordpress/i18n/build-types/types").TranslatableText<"Left and right sides">;
 };
 export declare const DEFAULT_VALUES: {
     top: undefined;

package/build-types/calendar/date-calendar/index.d.ts

@@ -0,0 +1,11 @@
+import type { DateCalendarProps } from '../types';
+/**
+ * `DateCalendar` is a React component that provides a customizable calendar
+ * interface for **single date** selection.
+ *
+ * The component is built with accessibility in mind and follows ARIA best
+ * practices for calendar widgets. It provides keyboard navigation, screen reader
+ * support, and customizable labels for internationalization.
+ */
+export declare const DateCalendar: ({ defaultSelected, selected: selectedProp, onSelect, numberOfMonths, locale, timeZone, ...props }: DateCalendarProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build-types/calendar/date-calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/date-calendar/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,UAAU,CAAC;AAEnE;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,sGAQtB,iBAAiB,gCAkCnB,CAAC"}

package/build-types/calendar/date-range-calendar/index.d.ts

@@ -0,0 +1,14 @@
+import type { DateRangeCalendarProps, DateRange } from '../types';
+export declare function usePreviewRange({ selected, hoveredDate, excludeDisabled, min, max, disabled, }: Pick<DateRangeCalendarProps, 'selected' | 'excludeDisabled' | 'min' | 'max' | 'disabled'> & {
+    hoveredDate: Date | undefined;
+}): DateRange | undefined;
+/**
+ * `DateRangeCalendar` is a React component that provides a customizable calendar
+ * interface for **date range** selection.
+ *
+ * The component is built with accessibility in mind and follows ARIA best
+ * practices for calendar widgets. It provides keyboard navigation, screen reader
+ * support, and customizable labels for internationalization.
+ */
+export declare const DateRangeCalendar: ({ defaultSelected, selected: selectedProp, onSelect, numberOfMonths, excludeDisabled, min, max, disabled, locale, timeZone, ...props }: DateRangeCalendarProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build-types/calendar/date-range-calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/calendar/date-range-calendar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACX,sBAAsB,EACtB,SAAS,EAET,MAAM,UAAU,CAAC;AAElB,wBAAgB,eAAe,CAAE,EAChC,QAAQ,EACR,WAAW,EACX,eAAe,EACf,GAAG,EACH,GAAG,EACH,QAAQ,GACR,EAAE,IAAI,CACN,sBAAsB,EACtB,UAAU,GAAG,iBAAiB,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,CAC3D,GAAG;IACH,WAAW,EAAE,IAAI,GAAG,SAAS,CAAC;CAC9B,yBA6FA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,2IAY3B,sBAAsB,gCAgExB,CAAC"}

package/build-types/calendar/index.d.ts

@@ -0,0 +1,4 @@
+export { TZDate } from 'react-day-picker';
+export { DateCalendar } from './date-calendar';
+export { DateRangeCalendar } from './date-range-calendar';
+//# sourceMappingURL=index.d.ts.map

package/build-types/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/build-types/calendar/stories/date-calendar.story.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { DateCalendar } from '..';
+declare const meta: Meta<typeof DateCalendar>;
+export default meta;
+type Story = StoryObj<typeof DateCalendar>;
+export declare const Default: Story;
+export declare const DisabledDates: Story;
+export declare const WithSelectedDateAndMonth: Story;
+/**
+ * When working with time zones, use the `TZDate` object exported by this package instead of the native `Date` object.
+ */
+export declare const WithTimeZone: Story;
+//# sourceMappingURL=date-calendar.story.d.ts.map

package/build-types/calendar/stories/date-calendar.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-calendar.story.d.ts","sourceRoot":"","sources":["../../../src/calendar/stories/date-calendar.story.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD;;GAEG;AACH,OAAO,EAAE,YAAY,EAAU,MAAM,IAAI,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA2EpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,YAAY,CAAE,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AAQF,eAAO,MAAM,wBAAwB,EAAE,KAKtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAyD1B,CAAC"}

package/build-types/calendar/stories/date-range-calendar.story.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { DateRangeCalendar } from '..';
+declare const meta: Meta<typeof DateRangeCalendar>;
+export default meta;
+type Story = StoryObj<typeof DateRangeCalendar>;
+export declare const Default: Story;
+export declare const DisabledDates: Story;
+export declare const WithSelectedRangeAndMonth: Story;
+/**
+ * When working with time zones, use the `TZDate` object exported by this package instead of the native `Date` object.
+ */
+export declare const WithTimeZone: Story;
+//# sourceMappingURL=date-range-calendar.story.d.ts.map

package/build-types/calendar/stories/date-range-calendar.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-calendar.story.d.ts","sourceRoot":"","sources":["../../../src/calendar/stories/date-range-calendar.story.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAU,MAAM,IAAI,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,iBAAiB,CA2EzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,iBAAiB,CAAE,CAAC;AAElD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KA6B3B,CAAC;AASF,eAAO,MAAM,yBAAyB,EAAE,KAQvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA+D1B,CAAC"}

package/build-types/calendar/test/__utils__/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * External dependencies
+ */
+import { screen } from '@testing-library/react';
+export declare const monthNameFormatter: (localeCode: string, timeZone?: string) => Intl.DateTimeFormat;
+export declare const dateNumberFormatter: (localeCode: string, timeZone?: string) => Intl.DateTimeFormat;
+export declare const getDateButton: (date: Date, options?: Parameters<typeof screen.getByRole>[1], locale?: string) => HTMLElement;
+export declare const getDateCell: (date: Date, options?: Parameters<typeof screen.getByRole>[1], locale?: string) => HTMLElement;
+export declare const queryDateCell: (date: Date, options?: Parameters<typeof screen.getByRole>[1], locale?: string) => HTMLElement | null;
+//# sourceMappingURL=index.d.ts.map

package/build-types/calendar/test/__utils__/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/test/__utils__/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,eAAiB,MAAM,aAAa,MAAM,wBAKrE,CAAC;AAWL,eAAO,MAAM,mBAAmB,eAAiB,MAAM,aAAa,MAAM,wBAItE,CAAC;AAEL,eAAO,MAAM,aAAa,SACnB,IAAI,YACA,UAAU,CAAE,OAAO,MAAM,CAAC,SAAS,CAAE,CAAE,CAAC,CAAE,iCAMjD,CAAC;AAEL,eAAO,MAAM,WAAW,SACjB,IAAI,YACA,UAAU,CAAE,OAAO,MAAM,CAAC,SAAS,CAAE,CAAE,CAAC,CAAE,iCAMjD,CAAC;AAEL,eAAO,MAAM,aAAa,SACnB,IAAI,YACA,UAAU,CAAE,OAAO,MAAM,CAAC,SAAS,CAAE,CAAE,CAAC,CAAE,wCAMjD,CAAC"}

package/build-types/calendar/test/date-calendar.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date-calendar.d.ts.map

package/build-types/calendar/test/date-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/test/date-calendar.tsx"],"names":[],"mappings":""}

package/build-types/calendar/test/date-range-calendar.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date-range-calendar.d.ts.map

package/build-types/calendar/test/date-range-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-calendar.d.ts","sourceRoot":"","sources":["../../../src/calendar/test/date-range-calendar.tsx"],"names":[],"mappings":""}