@wordpress/components 32.5.2-next.v.202604091042.0 → 32.6.0

package/build-style/style-rtl.css

@@ -265,7 +265,7 @@
   font-weight: 499;
   margin: 0;
   border: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   appearance: none;
   background: none;
 }
@@ -594,7 +594,7 @@ p + .components-button.is-tertiary {
   background: none;
   padding: 0;
   margin: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   justify-content: center;
   align-items: center;
   display: flex;
@@ -652,7 +652,7 @@ p + .components-button.is-tertiary {
   background: none;
   padding: 0;
   margin: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   appearance: none;
   display: inline-flex;
   align-items: center;
@@ -749,7 +749,7 @@ p + .components-button.is-tertiary {
   border: 1px solid transparent;
 }
 .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled::before {
-  background-color: var(--wp-components-color-gray-600, #949494);
+  background-color: var(--wp-components-color-gray-400, #ccc);
 }
 .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled)::before {
   background-color: var(--wp-components-color-gray-800, #2f2f2f);
@@ -936,7 +936,9 @@ p + .components-button.is-tertiary {
 
 .components-checkbox-control__label {
   line-height: var(--checkbox-input-size);
-  cursor: pointer;
+}
+.components-checkbox-control:not(:has(:disabled)) .components-checkbox-control__label {
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .components-checkbox-control__input[type=checkbox] {
@@ -1023,7 +1025,6 @@ p + .components-button.is-tertiary {
   background: #fff;
   color: #1e1e1e;
   clear: none;
-  cursor: pointer;
   display: inline-block;
   line-height: 0;
   margin: 0 0 0 4px;
@@ -1045,10 +1046,13 @@ p + .components-button.is-tertiary {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate {
+.components-checkbox-control__input[type=checkbox]:not(:disabled):is(:checked, :indeterminate) {
   background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
 }
+.components-checkbox-control__input[type=checkbox]:not(:disabled) {
+  cursor: var(--wpds-cursor-control, pointer);
+}
 .components-checkbox-control__input[type=checkbox]:checked::before {
   content: none;
 }
@@ -1068,7 +1072,7 @@ svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
   --checkmark-size: var(--checkbox-input-size);
   fill: #fff;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   position: absolute;
   right: 50%;
   top: 50%;
@@ -1086,6 +1090,11 @@ svg.components-checkbox-control__indeterminate {
   }
 }
 
+.components-checkbox-control:has(:disabled) svg.components-checkbox-control__checked,
+.components-checkbox-control:has(:disabled) svg.components-checkbox-control__indeterminate {
+  fill: var(--wp-components-color-gray-400, #ccc);
+}
+
 .components-checkbox-control__help {
   display: inline-block;
   margin-inline-start: calc(var(--checkbox-input-size) + var(--checkbox-input-margin));
@@ -1163,7 +1172,7 @@ svg.components-checkbox-control__indeterminate {
   }
 }
 .components-circular-option-picker__option {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .components-circular-option-picker__option:hover {
   box-shadow: inset 0 0 0 14px !important;
@@ -1329,7 +1338,7 @@ input.components-combobox-control__input[type=text]:focus {
   height: 64px;
   width: 100%;
   box-sizing: border-box;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   outline: 1px solid transparent;
   border-radius: 4px 4px 0 0;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
@@ -1585,7 +1594,7 @@ body.is-dragging-components-draggable {
   width: 100%;
   padding: 6px;
   outline: none;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   white-space: nowrap;
   font-weight: 400;
 }
@@ -1751,8 +1760,38 @@ body.is-dragging-components-draggable {
   border-width: 0;
   transform: translateX(-16px);
 }
-.components-form-toggle.is-disabled, .components-disabled .components-form-toggle {
-  opacity: 0.3;
+.components-form-toggle.is-disabled .components-form-toggle__track, .components-disabled .components-form-toggle .components-form-toggle__track {
+  background-color: var(--wp-components-color-gray-100, #f0f0f0);
+  border-color: var(--wp-components-color-gray-300, #ddd);
+}
+@media (forced-colors: active) {
+  .components-form-toggle.is-disabled .components-form-toggle__track, .components-disabled .components-form-toggle .components-form-toggle__track {
+    border-color: GrayText;
+  }
+}
+.components-form-toggle.is-disabled .components-form-toggle__thumb, .components-disabled .components-form-toggle .components-form-toggle__thumb {
+  background-color: var(--wp-components-color-gray-400, #ccc);
+  box-shadow: none;
+}
+@media (forced-colors: active) {
+  .components-form-toggle.is-disabled .components-form-toggle__thumb, .components-disabled .components-form-toggle .components-form-toggle__thumb {
+    border-color: GrayText;
+  }
+}
+.components-form-toggle.is-disabled.is-checked .components-form-toggle__track, .components-disabled .components-form-toggle.is-checked .components-form-toggle__track {
+  background-color: var(--wp-components-color-gray-400, #ccc);
+  border-color: var(--wp-components-color-gray-400, #ccc);
+}
+@media (forced-colors: active) {
+  .components-form-toggle.is-disabled.is-checked .components-form-toggle__track, .components-disabled .components-form-toggle.is-checked .components-form-toggle__track {
+    border-color: GrayText;
+  }
+  .components-form-toggle.is-disabled.is-checked .components-form-toggle__track::after, .components-disabled .components-form-toggle.is-checked .components-form-toggle__track::after {
+    border-top-color: GrayText;
+  }
+}
+.components-form-toggle.is-disabled.is-checked .components-form-toggle__thumb, .components-disabled .components-form-toggle.is-checked .components-form-toggle__thumb {
+  background-color: #fff;
 }
 
 .components-form-toggle input.components-form-toggle__input[type=checkbox] {
@@ -1774,7 +1813,7 @@ body.is-dragging-components-draggable {
   content: "";
 }
 .components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled, [aria-disabled=true]) {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .components-form-token-field__input-container {
@@ -1814,8 +1853,9 @@ body.is-dragging-components-draggable {
   cursor: text;
 }
 .components-form-token-field__input-container.is-disabled {
-  background: #ddd;
-  border-color: #ddd;
+  background: var(--wp-components-color-gray-100, #f0f0f0);
+  border-color: var(--wp-components-color-gray-400, #ccc);
+  cursor: default;
 }
 .components-form-token-field__input-container.is-active {
   border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
@@ -1870,6 +1910,11 @@ body.is-dragging-components-draggable {
 .components-form-token-field__token.is-validating .components-form-token-field__remove-token {
   color: #757575;
 }
+.components-form-token-field__token.is-disabled .components-form-token-field__token-text,
+.components-form-token-field__token.is-disabled .components-form-token-field__remove-token.components-button {
+  background: var(--wp-components-color-gray-100, #f0f0f0);
+  color: var(--wp-components-color-gray-600, #949494);
+}
 .components-form-token-field__token.is-borderless {
   position: relative;
   padding: 0 0 0 24px;
@@ -1970,7 +2015,7 @@ body.is-dragging-components-draggable {
   background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent);
 }
 .components-form-token-field__suggestion:not(.is-empty) {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 @media (min-width: 600px) {
@@ -3069,7 +3114,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   margin: 0;
   padding: 0;
   appearance: none;
-  cursor: pointer;
+}
+.components-radio-control__input[type=radio]:not(:disabled) {
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .components-radio-control__input[type=radio]:focus {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
@@ -3084,11 +3131,24 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   content: "";
   border-radius: 50%;
 }
+.components-radio-control__input[type=radio]:disabled {
+  background: var(--wp-components-color-gray-100, #f0f0f0);
+  border: 1px solid var(--wp-components-color-gray-300, #ddd);
+  opacity: 1;
+}
+.components-radio-control__input[type=radio]:disabled:checked::before {
+  border-color: var(--wp-components-color-gray-400, #ccc);
+  opacity: 1;
+}
 
 .components-radio-control__label {
   grid-column: 2;
   grid-row: 1;
-  cursor: pointer;
+}
+.components-radio-control:not(:disabled) .components-radio-control__label {
+  cursor: var(--wpds-cursor-control, pointer);
+}
+.components-radio-control__label {
   line-height: 24px;
 }
 @media (min-width: 600px) {
@@ -3309,7 +3369,7 @@ body.lockscroll {
   width: 100%;
   max-width: var(--wpds-dimension-surface-width-lg, 560px);
   box-sizing: border-box;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   pointer-events: auto;
 }
 @media (min-width: 600px) {
@@ -3334,7 +3394,7 @@ body.lockscroll {
 }
 .components-snackbar .components-snackbar__dismiss-button {
   margin-right: 24px;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .components-snackbar__action.components-button,
@@ -3390,7 +3450,7 @@ body.lockscroll {
   background: transparent;
   border: none;
   box-shadow: none;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   padding: 3px 16px;
   margin-right: 0;
   font-weight: 400;
@@ -3627,7 +3687,7 @@ body.lockscroll {
   line-height: 16px;
 }
 .components-toggle-control__label:not(.is-disabled) {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .components-toggle-control__help {

package/build-style/style.css

@@ -265,7 +265,7 @@
   font-weight: 499;
   margin: 0;
   border: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   appearance: none;
   background: none;
 }
@@ -594,7 +594,7 @@ p + .components-button.is-tertiary {
   background: none;
   padding: 0;
   margin: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   justify-content: center;
   align-items: center;
   display: flex;
@@ -652,7 +652,7 @@ p + .components-button.is-tertiary {
   background: none;
   padding: 0;
   margin: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   appearance: none;
   display: inline-flex;
   align-items: center;
@@ -749,7 +749,7 @@ p + .components-button.is-tertiary {
   border: 1px solid transparent;
 }
 .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled::before {
-  background-color: var(--wp-components-color-gray-600, #949494);
+  background-color: var(--wp-components-color-gray-400, #ccc);
 }
 .components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled)::before {
   background-color: var(--wp-components-color-gray-800, #2f2f2f);
@@ -936,7 +936,9 @@ p + .components-button.is-tertiary {
 
 .components-checkbox-control__label {
   line-height: var(--checkbox-input-size);
-  cursor: pointer;
+}
+.components-checkbox-control:not(:has(:disabled)) .components-checkbox-control__label {
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .components-checkbox-control__input[type=checkbox] {
@@ -1023,7 +1025,6 @@ p + .components-button.is-tertiary {
   background: #fff;
   color: #1e1e1e;
   clear: none;
-  cursor: pointer;
   display: inline-block;
   line-height: 0;
   margin: 0 4px 0 0;
@@ -1045,10 +1046,13 @@ p + .components-button.is-tertiary {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate {
+.components-checkbox-control__input[type=checkbox]:not(:disabled):is(:checked, :indeterminate) {
   background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
 }
+.components-checkbox-control__input[type=checkbox]:not(:disabled) {
+  cursor: var(--wpds-cursor-control, pointer);
+}
 .components-checkbox-control__input[type=checkbox]:checked::before {
   content: none;
 }
@@ -1068,7 +1072,7 @@ svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
   --checkmark-size: var(--checkbox-input-size);
   fill: #fff;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   position: absolute;
   left: 50%;
   top: 50%;
@@ -1086,6 +1090,11 @@ svg.components-checkbox-control__indeterminate {
   }
 }
 
+.components-checkbox-control:has(:disabled) svg.components-checkbox-control__checked,
+.components-checkbox-control:has(:disabled) svg.components-checkbox-control__indeterminate {
+  fill: var(--wp-components-color-gray-400, #ccc);
+}
+
 .components-checkbox-control__help {
   display: inline-block;
   margin-inline-start: calc(var(--checkbox-input-size) + var(--checkbox-input-margin));
@@ -1163,7 +1172,7 @@ svg.components-checkbox-control__indeterminate {
   }
 }
 .components-circular-option-picker__option {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .components-circular-option-picker__option:hover {
   box-shadow: inset 0 0 0 14px !important;
@@ -1329,7 +1338,7 @@ input.components-combobox-control__input[type=text]:focus {
   height: 64px;
   width: 100%;
   box-sizing: border-box;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   outline: 1px solid transparent;
   border-radius: 4px 4px 0 0;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
@@ -1590,7 +1599,7 @@ body.is-dragging-components-draggable {
   width: 100%;
   padding: 6px;
   outline: none;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   white-space: nowrap;
   font-weight: 400;
 }
@@ -1756,8 +1765,38 @@ body.is-dragging-components-draggable {
   border-width: 0;
   transform: translateX(16px);
 }
-.components-form-toggle.is-disabled, .components-disabled .components-form-toggle {
-  opacity: 0.3;
+.components-form-toggle.is-disabled .components-form-toggle__track, .components-disabled .components-form-toggle .components-form-toggle__track {
+  background-color: var(--wp-components-color-gray-100, #f0f0f0);
+  border-color: var(--wp-components-color-gray-300, #ddd);
+}
+@media (forced-colors: active) {
+  .components-form-toggle.is-disabled .components-form-toggle__track, .components-disabled .components-form-toggle .components-form-toggle__track {
+    border-color: GrayText;
+  }
+}
+.components-form-toggle.is-disabled .components-form-toggle__thumb, .components-disabled .components-form-toggle .components-form-toggle__thumb {
+  background-color: var(--wp-components-color-gray-400, #ccc);
+  box-shadow: none;
+}
+@media (forced-colors: active) {
+  .components-form-toggle.is-disabled .components-form-toggle__thumb, .components-disabled .components-form-toggle .components-form-toggle__thumb {
+    border-color: GrayText;
+  }
+}
+.components-form-toggle.is-disabled.is-checked .components-form-toggle__track, .components-disabled .components-form-toggle.is-checked .components-form-toggle__track {
+  background-color: var(--wp-components-color-gray-400, #ccc);
+  border-color: var(--wp-components-color-gray-400, #ccc);
+}
+@media (forced-colors: active) {
+  .components-form-toggle.is-disabled.is-checked .components-form-toggle__track, .components-disabled .components-form-toggle.is-checked .components-form-toggle__track {
+    border-color: GrayText;
+  }
+  .components-form-toggle.is-disabled.is-checked .components-form-toggle__track::after, .components-disabled .components-form-toggle.is-checked .components-form-toggle__track::after {
+    border-top-color: GrayText;
+  }
+}
+.components-form-toggle.is-disabled.is-checked .components-form-toggle__thumb, .components-disabled .components-form-toggle.is-checked .components-form-toggle__thumb {
+  background-color: #fff;
 }
 
 .components-form-toggle input.components-form-toggle__input[type=checkbox] {
@@ -1779,7 +1818,7 @@ body.is-dragging-components-draggable {
   content: "";
 }
 .components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled, [aria-disabled=true]) {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .components-form-token-field__input-container {
@@ -1819,8 +1858,9 @@ body.is-dragging-components-draggable {
   cursor: text;
 }
 .components-form-token-field__input-container.is-disabled {
-  background: #ddd;
-  border-color: #ddd;
+  background: var(--wp-components-color-gray-100, #f0f0f0);
+  border-color: var(--wp-components-color-gray-400, #ccc);
+  cursor: default;
 }
 .components-form-token-field__input-container.is-active {
   border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
@@ -1875,6 +1915,11 @@ body.is-dragging-components-draggable {
 .components-form-token-field__token.is-validating .components-form-token-field__remove-token {
   color: #757575;
 }
+.components-form-token-field__token.is-disabled .components-form-token-field__token-text,
+.components-form-token-field__token.is-disabled .components-form-token-field__remove-token.components-button {
+  background: var(--wp-components-color-gray-100, #f0f0f0);
+  color: var(--wp-components-color-gray-600, #949494);
+}
 .components-form-token-field__token.is-borderless {
   position: relative;
   padding: 0 24px 0 0;
@@ -1975,7 +2020,7 @@ body.is-dragging-components-draggable {
   background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent);
 }
 .components-form-token-field__suggestion:not(.is-empty) {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 @media (min-width: 600px) {
@@ -3078,7 +3123,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   margin: 0;
   padding: 0;
   appearance: none;
-  cursor: pointer;
+}
+.components-radio-control__input[type=radio]:not(:disabled) {
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .components-radio-control__input[type=radio]:focus {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
@@ -3093,11 +3140,24 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   content: "";
   border-radius: 50%;
 }
+.components-radio-control__input[type=radio]:disabled {
+  background: var(--wp-components-color-gray-100, #f0f0f0);
+  border: 1px solid var(--wp-components-color-gray-300, #ddd);
+  opacity: 1;
+}
+.components-radio-control__input[type=radio]:disabled:checked::before {
+  border-color: var(--wp-components-color-gray-400, #ccc);
+  opacity: 1;
+}
 
 .components-radio-control__label {
   grid-column: 2;
   grid-row: 1;
-  cursor: pointer;
+}
+.components-radio-control:not(:disabled) .components-radio-control__label {
+  cursor: var(--wpds-cursor-control, pointer);
+}
+.components-radio-control__label {
   line-height: 24px;
 }
 @media (min-width: 600px) {
@@ -3321,7 +3381,7 @@ body.lockscroll {
   width: 100%;
   max-width: var(--wpds-dimension-surface-width-lg, 560px);
   box-sizing: border-box;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   pointer-events: auto;
 }
 @media (min-width: 600px) {
@@ -3346,7 +3406,7 @@ body.lockscroll {
 }
 .components-snackbar .components-snackbar__dismiss-button {
   margin-left: 24px;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .components-snackbar__action.components-button,
@@ -3402,7 +3462,7 @@ body.lockscroll {
   background: transparent;
   border: none;
   box-shadow: none;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   padding: 3px 16px;
   margin-left: 0;
   font-weight: 400;
@@ -3640,7 +3700,7 @@ body.lockscroll {
   line-height: 16px;
 }
 .components-toggle-control__label:not(.is-disabled) {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .components-toggle-control__help {

package/build-types/checkbox-control/types.d.ts

@@ -7,6 +7,10 @@ import type { ReactNode } from 'react';
  */
 import type { BaseControlProps } from '../base-control/types';
 export type CheckboxControlProps = Pick<BaseControlProps, '__nextHasNoMarginBottom' | 'help'> & {
+    /**
+     * Whether the checkbox should be disabled.
+     */
+    disabled?: boolean;
     /**
      * A function that receives the checked state (boolean) as input.
      */

package/build-types/checkbox-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EAChB,yBAAyB,GAAG,MAAM,CAClC,GAAG;IACH;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EAChB,yBAAyB,GAAG,MAAM,CAClC,GAAG;IACH;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}

package/build-types/custom-gradient-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/custom-gradient-picker/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EACX,yBAAyB,EAGzB,MAAM,SAAS,CAAC;AAyFjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,oBAAoB,CAAE,EACrC,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,iCAAyC,GACzC,EAAE,yBAAyB,+BAgE3B;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/custom-gradient-picker/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EACX,yBAAyB,EAGzB,MAAM,SAAS,CAAC;AA0FjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,oBAAoB,CAAE,EACrC,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,iCAAyC,GACzC,EAAE,yBAAyB,+BAgE3B;AAED,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-picker/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-picker/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-picker/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-picker/test/index.d.ts.map

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 /**
  * Internal dependencies
  */
-import { default as DatePicker } from '../date';
-import { default as TimePicker } from '../time';
+import { default as DatePicker } from '../date-picker';
+import { default as TimePicker } from '../time-picker';
 export { DatePicker, TimePicker };
 /**
  * DateTimePicker is a React component that renders a calendar and clock for

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/index.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAIhD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAuClC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc;;uCAA0C,CAAC;AAGtE,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/index.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIvD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAuClC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc;;uCAA0C,CAAC;AAGtE,eAAe,cAAc,CAAC"}

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

@@ -1,8 +1,8 @@
 /**
  * Internal dependencies
  */
-import { default as DatePicker } from './date';
-import { default as TimePicker } from './time';
+import { default as DatePicker } from './date-picker';
+import { default as TimePicker } from './time-picker';
 import { default as DateTimePicker } from './date-time';
 export { DatePicker, TimePicker };
 export default DateTimePicker;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date-time/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAClC,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date-time/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAClC,eAAe,cAAc,CAAC"}

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

@@ -5,7 +5,7 @@ import type { Meta, StoryFn } from '@storybook/react-vite';
 /**
  * Internal dependencies
  */
-import DatePicker from '../date';
+import DatePicker from '../date-picker';
 declare const meta: Meta<typeof DatePicker>;
 export default meta;
 export declare const Default: StoryFn<typeof DatePicker>;

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

@@ -1 +1 @@
-{"version":3,"file":"date.story.d.ts","sourceRoot":"","sources":["../../../src/date-time/stories/date.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,UAAU,MAAM,SAAS,CAAC;AAGjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAiBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,UAAU,CAAwB,CAAC;AAKzE,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,UAAU,CAAwB,CAAC;AAW5E,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAE,OAAO,UAAU,CAExD,CAAC"}
+{"version":3,"file":"date.story.d.ts","sourceRoot":"","sources":["../../../src/date-time/stories/date.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAiBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,UAAU,CAAwB,CAAC;AAKzE,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,UAAU,CAAwB,CAAC;AAW5E,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAE,OAAO,UAAU,CAExD,CAAC"}

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

@@ -5,7 +5,7 @@ import type { Meta, StoryFn } from '@storybook/react-vite';
 /**
  * Internal dependencies
  */
-import TimePicker from '../time';
+import TimePicker from '../time-picker';
 declare const meta: Meta<typeof TimePicker>;
 export default meta;
 export declare const Default: StoryFn<typeof TimePicker>;

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

@@ -1 +1 @@
-{"version":3,"file":"time.story.d.ts","sourceRoot":"","sources":["../../../src/date-time/stories/time.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAkBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,UAAU,CAAwB,CAAC;AASzE;;;GAGG;AACH,eAAO,MAAM,SAAS,gIAA+B,CAAC"}
+{"version":3,"file":"time.story.d.ts","sourceRoot":"","sources":["../../../src/date-time/stories/time.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAkBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,UAAU,CAAwB,CAAC;AASzE;;;GAGG;AACH,eAAO,MAAM,SAAS,gIAA+B,CAAC"}

package/build-types/date-time/{time → time-picker}/index.d.ts

@@ -1,6 +1,6 @@
 import type { TimePickerProps } from '../types';
 /**
- * TimePicker is a React component that renders a clock for time selection.
+ * TimePicker is a React component that renders form inputs for time and date selection. It can be used independently or as part of the `DateTimePicker` component.
  *
  * ```jsx
  * import { TimePicker } from '@wordpress/components';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/date-time/time-picker/styles.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,OAAO;;;yGAGnB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;2HAQpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAGvB,CAAC;AAUF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;UActB,CAAC;AAEF,eAAO,MAAM,aAAa;;;2GAQzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;UAcxB,CAAC;AAIF,eAAO,MAAM,kBAAkB;;;yGAE9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;UAIpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;UAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAEpB,CAAC"}