@wordpress/components 35.0.1 → 35.1.1-next.v.202606191442.0

package/src/toolbar/toolbar-group/style.scss

@@ -30,7 +30,7 @@
 		padding-right: $grid-unit-15 * 0.5;
 
 		svg {
-			min-width: $button-size-small; // This is the optimal icon size, and we size the whole button after this.
+			min-width: var(--wpds-dimension-size-sm); // This is the optimal icon size, and we size the whole button after this.
 		}
 
 		&::before {
@@ -75,7 +75,7 @@ div.components-toolbar {
 			display: inline-block;
 			content: "";
 			box-sizing: content-box;
-			background-color: $gray-300;
+			background-color: var(--wpds-color-stroke-surface-neutral);
 			position: absolute;
 			top: 8px;
 			left: -3px;

package/src/tools-panel/styles.ts

@@ -30,10 +30,10 @@ const toolsPanelGrid = {
 	},
 };
 
+// TODO: should use the `stroke-surface-neutral` WPDS token when refactored to SCSS modules
 export const ToolsPanel = ( columns: number ) => css`
 	${ toolsPanelGrid.columns( columns ) }
 	${ toolsPanelGrid.spacing }
-
 	border-top: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 300 ] };
 	margin-top: -1px;
 	padding: ${ space( 4 ) };

package/src/tooltip/stories/index.story.tsx

@@ -15,7 +15,6 @@ import Tooltip from '..';
 import Button from '../../button';
 
 const meta: Meta< typeof Tooltip > = {
-	tags: [ 'manifest' ],
 	title: 'Components/Overlays/Tooltip',
 	id: 'components-tooltip',
 	component: Tooltip,
@@ -38,8 +37,9 @@ const meta: Meta< typeof Tooltip > = {
 		controls: { expanded: true },
 		docs: { canvas: { sourceState: 'shown' } },
 		componentStatus: {
-			status: 'recommended',
+			status: 'not-recommended',
 			whereUsed: 'global',
+			notes: 'Use `Tooltip` from `@wordpress/ui` instead.',
 		},
 	},
 };

package/src/utils/colors-values.js

@@ -1,6 +1,18 @@
-/**
- * Internal dependencies
- */
+/* eslint-disable @wordpress/no-ds-tokens -- This file is the JS counterpart of
+   theme-variables.scss and the package's single mapping to the design system.
+   The rule guards against bare `--wpds-*` references, which the build can't
+   inject fallbacks into for Emotion/JS files; here every reference carries an
+   explicit fallback, so that concern doesn't apply.
+
+   IMPORTANT: because this file's source contains `--wpds-` text, the
+   design-system fallback build plugin claims it (it matches any file whose
+   source includes `--wpds-`, comments included) and, in doing so, displaces
+   the Emotion transform for this file. That is harmless ONLY because this file
+   holds plain value constants and no Emotion `css`/styled component selectors.
+   Do not add any here: a co-located component selector would silently fail to
+   compile and break the build, with no lint signal (see #79245). Keep this
+   file selector-free — define styles elsewhere and consume these constants. */
+
 const white = '#fff';
 
 // Matches the grays in @wordpress/base-styles
@@ -27,33 +39,41 @@ const ALERT = {
 	green: '#4ab866',
 };
 
-// Should match packages/components/src/utils/theme-variables.scss
+// Should match packages/components/src/utils/theme-variables.scss.
+//
+// Mirrors the Sass structure: each non-accent value resolves through a design
+// system (`--wpds-*`) token, then a hardcoded fallback. The hardcoded values
+// match what the design-system fallback plugin injects into the Sass version,
+// so JS behaves consistently with the Sass variables. Keep both the token
+// references and the fallbacks in sync with the Sass version.
 const THEME = {
 	accent: `var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))`,
 	accentDarker10: `var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6))`,
 	accentDarker20: `var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6))`,
 	/** Used when placing text on the accent color. */
-	accentInverted: `var(--wp-components-color-accent-inverted, ${ white })`,
+	accentInverted: `var(--wp-components-color-accent-inverted, var(--wpds-color-foreground-interactive-brand-strong, #fff))`,
 
-	background: `var(--wp-components-color-background, ${ white })`,
+	background: `var(--wp-components-color-background, var(--wpds-color-background-surface-neutral-strong, #fff))`,
 
-	foreground: `var(--wp-components-color-foreground, ${ GRAY[ 900 ] })`,
+	foreground: `var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
 	/** Used when placing text on the foreground color. */
-	foregroundInverted: `var(--wp-components-color-foreground-inverted, ${ white })`,
+	foregroundInverted: `var(--wp-components-color-foreground-inverted, var(--wpds-color-background-surface-neutral, #fcfcfc))`,
 
 	gray: {
 		/** @deprecated Use `COLORS.theme.foreground` instead. */
-		900: `var(--wp-components-color-foreground, ${ GRAY[ 900 ] })`,
-		800: `var(--wp-components-color-gray-800, ${ GRAY[ 800 ] })`,
-		700: `var(--wp-components-color-gray-700, ${ GRAY[ 700 ] })`,
-		600: `var(--wp-components-color-gray-600, ${ GRAY[ 600 ] })`,
-		400: `var(--wp-components-color-gray-400, ${ GRAY[ 400 ] })`,
-		300: `var(--wp-components-color-gray-300, ${ GRAY[ 300 ] })`,
-		200: `var(--wp-components-color-gray-200, ${ GRAY[ 200 ] })`,
-		100: `var(--wp-components-color-gray-100, ${ GRAY[ 100 ] })`,
+		900: `var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
+		800: `var(--wp-components-color-gray-800, var(--wpds-color-foreground-content-neutral, #1e1e1e))`,
+		700: `var(--wp-components-color-gray-700, var(--wpds-color-foreground-content-neutral-weak, #707070))`,
+		600: `var(--wp-components-color-gray-600, var(--wpds-color-stroke-interactive-neutral, #8d8d8d))`,
+		400: `var(--wp-components-color-gray-400, var(--wpds-color-stroke-interactive-neutral, #8d8d8d))`,
+		300: `var(--wp-components-color-gray-300, var(--wpds-color-stroke-surface-neutral, #dbdbdb))`,
+		200: `var(--wp-components-color-gray-200, var(--wpds-color-stroke-surface-neutral, #dbdbdb))`,
+		100: `var(--wp-components-color-gray-100, var(--wpds-color-background-surface-neutral, #fcfcfc))`,
 	},
 };
 
+/* eslint-enable @wordpress/no-ds-tokens */
+
 const UI = {
 	background: THEME.background,
 	backgroundDisabled: THEME.gray[ 100 ],

package/src/utils/config-values.js

@@ -66,8 +66,8 @@ export default Object.assign( {}, CONTROL_PROPS, {
 	surfaceBackgroundTertiaryColor: COLORS.white,
 	surfaceColor: COLORS.white,
 	// Modal exit animation: `use-modal-exit-animation` parses this for the
-	// `animationend` timeout race; keep the numeric duration equal to
-	// `--wpds-motion-duration-md` on `.components-modal__frame` in modal/style.scss.
+	// `animationend` timeout race; keep the numeric duration equal to the WPDS
+	// `motion-duration-md` token on `.components-modal__frame` in modal/style.scss.
 	transitionDuration: '200ms',
 	transitionDurationFast: '160ms',
 	transitionDurationFaster: '120ms',

package/src/utils/dropdown-motion.ts

@@ -1,6 +1,6 @@
 // Motion configuration for dropdown-like popovers.
 // Keep constants in sync with: packages/ui/src/utils/css/dropdown-motion.module.css
-// Values should stay in sync with --wpds-motion-* design tokens.
+// Values should stay in sync with the WPDS motion design tokens.
 
 export const DROPDOWN_MOTION = Object.freeze( {
 	SLIDE_DISTANCE: 4,
@@ -25,9 +25,11 @@ const convertEasingToString = ( easing: {
 	return easing.function;
 };
 
-// Note: --wpds-* tokens can't be used here directly because the build-time
-// fallback injection is not compatible with Emotion. This file is consumed
-// by Menu's Emotion styles.
+// Note: WPDS design tokens can't be referenced here directly. The build-time
+// fallback injection is incompatible with Emotion, and even mentioning a token's
+// full CSS custom property name in this file makes the esbuild fallback plugin
+// claim it and break the Emotion transform. This file is consumed by Menu's
+// Emotion styles.
 export const DROPDOWN_MOTION_CSS = Object.freeze( {
 	SLIDE_DISTANCE: `${ DROPDOWN_MOTION.SLIDE_DISTANCE }px`,
 	SLIDE_DURATION: `${ DROPDOWN_MOTION.SLIDE_DURATION }ms`,

package/src/utils/theme-variables.scss

@@ -1,5 +1,3 @@
-@use "@wordpress/base-styles/colors" as *;
-
 // Accent color
 //
 // If the `--wp-components-color-accent` variable is not defined, fallback to
@@ -9,22 +7,29 @@ $components-color-accent: var(--wp-components-color-accent, var(--wp-admin-theme
 $components-color-accent-darker-10: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
 $components-color-accent-darker-20: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
 
+// The non-accent values fall back to the design system (`--wpds-*`) tokens.
+// Those are defined at `:root` by the prebuilt `@wordpress/theme` stylesheet
+// when it is loaded (always the case inside WordPress). The references here
+// intentionally omit a hardcoded fallback — the build plugin injects the
+// design system default value, so component styles stay correct even when
+// neither the prebuilt stylesheet nor a runtime `<ThemeProvider>` is present.
+
 // Used when placing text on the accent color.
-$components-color-accent-inverted: var(--wp-components-color-accent-inverted, $white);
+$components-color-accent-inverted: var(--wp-components-color-accent-inverted, var(--wpds-color-foreground-interactive-brand-strong));
 
-$components-color-background: var(--wp-components-color-background, $white);
-$components-color-foreground: var(--wp-components-color-foreground, $gray-900);
+$components-color-background: var(--wp-components-color-background, var(--wpds-color-background-surface-neutral-strong));
+$components-color-foreground: var(--wp-components-color-foreground, var(--wpds-color-foreground-content-neutral));
 
 // Used when placing text on the foreground color.
-$components-color-foreground-inverted: var(--wp-components-color-foreground-inverted, $white);
+$components-color-foreground-inverted: var(--wp-components-color-foreground-inverted, var(--wpds-color-background-surface-neutral));
 
-$components-color-gray-100: var(--wp-components-color-gray-100, $gray-100);
-$components-color-gray-200: var(--wp-components-color-gray-200, $gray-200);
-$components-color-gray-300: var(--wp-components-color-gray-300, $gray-300);
-$components-color-gray-400: var(--wp-components-color-gray-400, $gray-400);
-$components-color-gray-600: var(--wp-components-color-gray-600, $gray-600);
-$components-color-gray-700: var(--wp-components-color-gray-700, $gray-700);
-$components-color-gray-800: var(--wp-components-color-gray-800, $gray-800);
+$components-color-gray-100: var(--wp-components-color-gray-100, var(--wpds-color-background-surface-neutral));
+$components-color-gray-200: var(--wp-components-color-gray-200, var(--wpds-color-stroke-surface-neutral));
+$components-color-gray-300: var(--wp-components-color-gray-300, var(--wpds-color-stroke-surface-neutral));
+$components-color-gray-400: var(--wp-components-color-gray-400, var(--wpds-color-stroke-interactive-neutral));
+$components-color-gray-600: var(--wp-components-color-gray-600, var(--wpds-color-stroke-interactive-neutral));
+$components-color-gray-700: var(--wp-components-color-gray-700, var(--wpds-color-foreground-content-neutral-weak));
+$components-color-gray-800: var(--wp-components-color-gray-800, var(--wpds-color-foreground-content-neutral));
 
 $components-color-dark-gray-placeholder: color-mix(in srgb, $components-color-foreground, transparent 38%);
 $components-color-light-gray-placeholder: color-mix(in srgb, $components-color-background, transparent 35%);

package/build-types/card/context.d.ts

@@ -1,3 +0,0 @@
-export declare const CardContext: import("react").Context<{}>;
-export declare const useCardContext: () => {};
-//# sourceMappingURL=context.d.ts.map

package/build-types/card/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/card/context.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,6BAAsB,CAAC;AAG/C,eAAO,MAAM,cAAc,UAAkC,CAAC"}

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

@@ -1,23 +0,0 @@
-import type { DatePickerProps } from '../types';
-/**
- * DatePicker is a React component that renders a calendar for date selection.
- *
- * ```jsx
- * import { DatePicker } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyDatePicker = () => {
- *   const [ date, setDate ] = useState( new Date() );
- *
- *   return (
- *     <DatePicker
- *       currentDate={ date }
- *       onChange={ ( newDate ) => setDate( newDate ) }
- *     />
- *   );
- * };
- * ```
- */
-export declare function DatePicker({ currentDate, onChange, events, isInvalidDate, onMonthPreviewed, startOfWeek: weekStartsOn, }: DatePickerProps): import("react").JSX.Element;
-export default DatePicker;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAkBhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,WAAW,EACX,QAAQ,EACR,MAAW,EACX,aAAa,EACb,gBAAgB,EAChB,WAAW,EAAE,YAAgB,GAC7B,EAAE,eAAe,+BAyNjB;AAgGD,eAAe,UAAU,CAAC"}

package/build-types/date-time/date/styles.d.ts

@@ -1,45 +0,0 @@
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Navigator: import("@emotion/styled").StyledComponent<Omit<import("../../flex/types").FlexProps, "gap" | "align"> & {
-    alignment?: import("../../h-stack/types").HStackAlignment | import("react").CSSProperties["alignItems"];
-    spacing?: import("react").CSSProperties["width"];
-} & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "direction" | "wrap" | "expanded" | "justify" | "children" | "as" | "spacing" | keyof import("react").RefAttributes<any> | "isReversed" | "alignment"> & {
-    as?: keyof import("react").JSX.IntrinsicElements | undefined;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const ViewPreviousMonthButton: import("@emotion/styled").StyledComponent<((import("../../button/types").ButtonProps & import("../../button/types").DeprecatedButtonProps) & import("react").RefAttributes<any>) & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const ViewNextMonthButton: import("@emotion/styled").StyledComponent<((import("../../button/types").ButtonProps & import("../../button/types").DeprecatedButtonProps) & import("react").RefAttributes<any>) & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const NavigatorHeading: import("@emotion/styled").StyledComponent<Omit<import("../../text/types").Props, "color" | "weight" | "isBlock"> & {
-    level?: import("../../heading/types").HeadingSize;
-    isBlock?: import("../../text/types").Props["isBlock"];
-    color?: import("../../text/types").Props["color"];
-    weight?: import("../../text/types").Props["weight"];
-} & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "display" | "letterSpacing" | "lineHeight" | "size" | "weight" | "ellipsis" | "children" | "as" | "align" | "variant" | keyof import("react").RefAttributes<any> | "isBlock" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightWords" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "level"> & {
-    as?: keyof import("react").JSX.IntrinsicElements | undefined;
-} & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const Calendar: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DayOfWeek: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DayButton: import("@emotion/styled").StyledComponent<(((import("../../button/types").ButtonProps & import("../../button/types").DeprecatedButtonProps) & import("react").RefAttributes<any>) & {
-    theme?: import("@emotion/react").Theme;
-}) & {
-    column: number;
-    isSelected: boolean;
-    isToday: boolean;
-    hasEvents: boolean;
-}, {}, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/build-types/date-time/date/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,OAAO;;;yGAEnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;UAMrB,CAAC;AAEF,eAAO,MAAM,uBAAuB;;UAEnC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;UAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;UAQ5B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAMpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;yGAIrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;YAIb,MAAM;gBACF,OAAO;aACV,OAAO;eACL,OAAO;UAqElB,CAAC"}

package/build-types/date-time/date/test/index.d.ts

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

package/build-types/date-time/date/test/index.d.ts.map

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

package/build-types/date-time/date/test/use-lilius.d.ts

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

package/build-types/date-time/date/test/use-lilius.d.ts.map

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

package/build-types/date-time/date/use-lilius/index.d.ts

@@ -1,169 +0,0 @@
-/**
- * This source is a local copy of the use-lilius library, since the original
- * library is not actively maintained.
- * @see https://github.com/WordPress/gutenberg/discussions/64968
- *
- * use-lilius@2.0.5
- * https://github.com/Avarios/use-lilius
- *
- * The MIT License (MIT)
- *
- * Copyright (c) 2021-Present Danny Tatom
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-export declare enum Month {
-    JANUARY = 0,
-    FEBRUARY = 1,
-    MARCH = 2,
-    APRIL = 3,
-    MAY = 4,
-    JUNE = 5,
-    JULY = 6,
-    AUGUST = 7,
-    SEPTEMBER = 8,
-    OCTOBER = 9,
-    NOVEMBER = 10,
-    DECEMBER = 11
-}
-export declare enum Day {
-    SUNDAY = 0,
-    MONDAY = 1,
-    TUESDAY = 2,
-    WEDNESDAY = 3,
-    THURSDAY = 4,
-    FRIDAY = 5,
-    SATURDAY = 6
-}
-export interface Options {
-    /**
-     * What day a week starts on within the calendar matrix.
-     *
-     * @default Day.SUNDAY
-     */
-    weekStartsOn?: Day;
-    /**
-     * The initial viewing date.
-     *
-     * @default new Date()
-     */
-    viewing?: Date;
-    /**
-     * The initial date(s) selection.
-     *
-     * @default []
-     */
-    selected?: Date[];
-    /**
-     * The number of months in the calendar.
-     *
-     * @default 1
-     */
-    numberOfMonths?: number;
-}
-export interface Returns {
-    /**
-     * Returns a copy of the given date with the time set to 00:00:00:00.
-     */
-    clearTime: (date: Date) => Date;
-    /**
-     * Returns whether or not a date is between 2 other dates (inclusive).
-     */
-    inRange: (date: Date, min: Date, max: Date) => boolean;
-    /**
-     * The date represented in the calendar matrix. Note that
-     * the month and year are the only parts used.
-     */
-    viewing: Date;
-    /**
-     * Set the date represented in the calendar matrix. Note that
-     * the month and year are the only parts used.
-     */
-    setViewing: React.Dispatch<React.SetStateAction<Date>>;
-    /**
-     * Set the viewing date to today.
-     */
-    viewToday: () => void;
-    /**
-     * Set the viewing date to the given month.
-     */
-    viewMonth: (month: Month) => void;
-    /**
-     * Set the viewing date to the month before the current.
-     */
-    viewPreviousMonth: () => void;
-    /**
-     * Set the viewing date to the month after the current.
-     */
-    viewNextMonth: () => void;
-    /**
-     * Set the viewing date to the given year.
-     */
-    viewYear: (year: number) => void;
-    /**
-     * Set the viewing date to the year before the current.
-     */
-    viewPreviousYear: () => void;
-    /**
-     * Set the viewing date to the year after the current.
-     */
-    viewNextYear: () => void;
-    /**
-     * The dates currently selected.
-     */
-    selected: Date[];
-    /**
-     * Override the currently selected dates.
-     */
-    setSelected: React.Dispatch<React.SetStateAction<Date[]>>;
-    /**
-     * Reset the selected dates to [].
-     */
-    clearSelected: () => void;
-    /**
-     * Determine whether or not a date has been selected.
-     */
-    isSelected: (date: Date) => boolean;
-    /**
-     * Select one or more dates.
-     */
-    select: (date: Date | Date[], replaceExisting?: boolean) => void;
-    /**
-     * Deselect one or more dates.
-     */
-    deselect: (date: Date | Date[]) => void;
-    /**
-     * Toggle the selection of a date.
-     */
-    toggle: (date: Date, replaceExisting?: boolean) => void;
-    /**
-     * Select a range of dates (inclusive).
-     */
-    selectRange: (start: Date, end: Date, replaceExisting?: boolean) => void;
-    /**
-     * Deselect a range of dates (inclusive).
-     */
-    deselectRange: (start: Date, end: Date) => void;
-    /**
-     * A matrix of days based on the current viewing date.
-     */
-    calendar: Date[][][];
-}
-export declare const useLilius: ({ weekStartsOn, viewing: initialViewing, selected: initialSelected, numberOfMonths, }?: Options) => Returns;
-//# sourceMappingURL=index.d.ts.map

package/build-types/date-time/date/use-lilius/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-time/date/use-lilius/index.ts"],"names":[],"mappings":"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"}

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

@@ -1,27 +0,0 @@
-import type { TimePickerProps } from '../types';
-/**
- * TimePicker is a React component that renders a clock for time selection.
- *
- * ```jsx
- * import { TimePicker } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyTimePicker = () => {
- *   const [ time, setTime ] = useState( new Date() );
- *
- *   return (
- *     <TimePicker
- *       currentTime={ date }
- *       onChange={ ( newTime ) => setTime( newTime ) }
- *       is12Hour
- *     />
- *   );
- * };
- * ```
- */
-export declare function TimePicker({ is12Hour, currentTime, onChange, dateOrder: dateOrderProp, hideLabelFromVision, }: TimePickerProps): import("react").JSX.Element;
-export declare namespace TimePicker {
-    var TimeInput: typeof import("./time-input").TimeInput;
-}
-export default TimePicker;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/time/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,UAAU,CAAC;AAuBhE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,mBAA2B,GAC3B,EAAE,eAAe,+BAkNjB;yBAxNe,UAAU;;;AAmP1B,eAAe,UAAU,CAAC"}