@wordpress/components 19.16.0 → 19.17.0

package/build-style/style.css

@@ -1020,22 +1020,9 @@ input.components-combobox-control__input[type=text]:focus {
   border-radius: 2px;
 }
 
-.components-custom-gradient-picker .components-input-control__label {
-  line-height: 1;
-}
-.components-custom-gradient-picker label {
-  text-transform: uppercase;
-  font-size: 11px;
-  font-weight: 500;
-}
-
 .components-custom-select-control {
   position: relative;
-}
-
-.components-custom-select-control__label {
-  display: block;
-  margin-bottom: 8px;
+  font-size: 13px;
 }
 
 .components-custom-select-control__button {
@@ -2611,11 +2598,6 @@ body.is-dragging-components-draggable {
   width: auto;
 }
 
-.components-form-token-field__label {
-  display: inline-block;
-  margin-bottom: 8px;
-}
-
 .components-form-token-field__help {
   font-size: 12px;
   font-style: normal;
@@ -3227,8 +3209,9 @@ body.is-dragging-components-draggable {
   justify-content: space-between;
   align-items: center;
   padding: 0 16px;
-  height: 48px;
   border-bottom: 1px solid #ddd;
+  box-sizing: content-box;
+  height: 47px;
 }
 .components-panel__header h2 {
   margin: 0;
@@ -3376,9 +3359,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
     align-items: flex-start;
   }
 }
-.components-placeholder.components-placeholder .components-base-control__label {
-  font-size: 13px;
-}
 .components-placeholder.components-placeholder.has-illustration {
   background: none;
   border: none;
@@ -3609,14 +3589,56 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 
 .components-popover__arrow {
   position: absolute;
-  background: #ccc;
-  width: 8px;
-  height: 8px;
-  transform: rotate(45deg);
-  z-index: -1;
+  width: 14px;
+  height: 14px;
+  pointer-events: none;
+  display: flex;
 }
-.is-alternate .components-popover__arrow {
-  background: #1e1e1e;
+.components-popover__arrow::before {
+  content: "";
+  position: absolute;
+  top: -1px;
+  left: 1px;
+  height: 2px;
+  right: 1px;
+  background-color: #fff;
+}
+.components-popover__arrow.is-top {
+  bottom: -14px !important;
+  transform: rotate(0);
+}
+.components-popover__arrow.is-right {
+  /*rtl:begin:ignore*/
+  left: -14px !important;
+  transform: rotate(90deg);
+}
+.components-popover__arrow.is-bottom {
+  top: -14px !important;
+  transform: rotate(180deg);
+}
+.components-popover__arrow.is-left {
+  /*rtl:begin:ignore*/
+  right: -14px !important;
+  transform: rotate(-90deg);
+  /*rtl:end:ignore*/
+}
+
+.components-popover__triangle {
+  display: block;
+  flex: 1;
+}
+
+.components-popover__triangle-bg {
+  fill: #fff;
+}
+
+.components-popover__triangle-border {
+  fill: transparent;
+  stroke-width: 1px;
+  stroke: #ccc;
+}
+.is-alternate .components-popover__triangle-border {
+  stroke: #1e1e1e;
 }
 
 .components-radio-control {

package/build-types/base-control/index.d.ts

@@ -1,5 +1,6 @@
-import type { FunctionComponent } from 'react';
+/// <reference types="react" />
 import type { BaseControlProps, BaseControlVisualLabelProps } from './types';
+import type { WordPressComponentProps } from '../ui/context';
 /**
  * `BaseControl` is a component used to generate labels and help text for components handling user inputs.
  *
@@ -16,7 +17,7 @@ import type { BaseControlProps, BaseControlVisualLabelProps } from './types';
  */
 export declare const BaseControl: {
     ({ __nextHasNoMarginBottom, id, label, hideLabelFromVision, help, className, children, }: BaseControlProps): JSX.Element;
-    VisualLabel: FunctionComponent<BaseControlVisualLabelProps>;
+    VisualLabel: ({ className, children, ...props }: WordPressComponentProps<BaseControlVisualLabelProps, 'span'>) => JSX.Element;
 };
 /**
  * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.
@@ -35,6 +36,6 @@ export declare const BaseControl: {
  * 	</BaseControl>
  * );
  */
-export declare const VisualLabel: FunctionComponent<BaseControlVisualLabelProps>;
+export declare const VisualLabel: ({ className, children, ...props }: WordPressComponentProps<BaseControlVisualLabelProps, 'span'>) => JSX.Element;
 export default BaseControl;
 //# sourceMappingURL=index.d.ts.map

package/build-types/base-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAS7E;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW;8FAQrB,gBAAgB;;CA8ClB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAE,2BAA2B,CAcvE,CAAC;AAGF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQ7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW;8FAQrB,gBAAgB;qDAqEhB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE;CAvBhE,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sCAIrB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE,gBAYhE,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/build-types/base-control/stories/index.d.ts

@@ -12,7 +12,7 @@ export default meta;
 export declare const Default: ComponentStory<typeof BaseControl>;
 export declare const WithHelpText: ComponentStory<{
     ({ __nextHasNoMarginBottom, id, label, hideLabelFromVision, help, className, children, }: import("../types").BaseControlProps): JSX.Element;
-    VisualLabel: import("react").FunctionComponent<import("../types").BaseControlVisualLabelProps>;
+    VisualLabel: ({ className, children, ...props }: import("../../ui/context").WordPressComponentProps<import("../types").BaseControlVisualLabelProps, "span", true>) => JSX.Element;
 }>;
 /**
  * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.

package/build-types/base-control/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAY5C,CAAC;AACF,eAAe,IAAI,CAAC;AAapB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CACrB,CAAC;AAOpC,eAAO,MAAM,YAAY;;;EAAqC,CAAC;AAO/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,WAAW,CAa/D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAY5C,CAAC;AACF,eAAe,IAAI,CAAC;AAapB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CACrB,CAAC;AAOpC,eAAO,MAAM,YAAY;;;EAAqC,CAAC;AAO/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,WAAW,CAc/D,CAAC"}

package/build-types/base-control/styles/base-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-control-styles.d.ts","sourceRoot":"","sources":["../../../src/base-control/styles/base-control-styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,OAAO;;;yGAGnB,CAAC;AAWF,eAAO,MAAM,WAAW;;;;;yGAMvB,CAAC;AAOF,eAAO,MAAM,WAAW;;;kHAOvB,CAAC;AAWF,eAAO,MAAM,UAAU;;;;;qHAQtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC"}
+{"version":3,"file":"base-control-styles.d.ts","sourceRoot":"","sources":["../../../src/base-control/styles/base-control-styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,OAAO;;;yGAKnB,CAAC;AAWF,eAAO,MAAM,WAAW;;;;;yGAMvB,CAAC;AAcF,eAAO,MAAM,WAAW;;;kHAEvB,CAAC;AAWF,eAAO,MAAM,UAAU;;;;;qHAQtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC"}

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

@@ -35,7 +35,6 @@ export declare type BaseControlProps = {
     children: ReactNode;
 };
 export declare type BaseControlVisualLabelProps = {
-    className?: string;
     children: ReactNode;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/base-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,gBAAgB,GAAG;IAC9B;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,2BAA2B,GAAG;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/base-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,gBAAgB,GAAG;IAC9B;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,2BAA2B,GAAG;IACzC,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}

package/build-types/border-control/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAIzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAQxB,CAAC;AAOF,eAAO,MAAM,YAAY,2CAKxB,CAAC;AAMF,eAAO,MAAM,aAAa,4FAIzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iDAwBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,4EAUhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yHAqCjC,CAAC;AAOF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CAWvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDASxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAQxB,CAAC;AAOF,eAAO,MAAM,YAAY,2CAKxB,CAAC;AAMF,eAAO,MAAM,aAAa,4FAIzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iDAwBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,4EAUhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yHAqCjC,CAAC;AAOF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CAWvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDASxB,CAAC"}

package/build-types/color-picker/color-display.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+import type { Colord } from 'colord';
+import type { ColorType } from './types';
+interface ColorDisplayProps {
+    color: Colord;
+    colorType: ColorType;
+    enableAlpha: boolean;
+}
+export declare const ColorDisplay: ({ color, colorType, enableAlpha, }: ColorDisplayProps) => JSX.Element;
+export {};
+//# sourceMappingURL=color-display.d.ts.map

package/build-types/color-picker/color-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-display.d.ts","sourceRoot":"","sources":["../../src/color-picker/color-display.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAerC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,UAAU,iBAAiB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACrB;AA+ED,eAAO,MAAM,YAAY,uCAItB,iBAAiB,gBA2DnB,CAAC"}

package/build-types/color-picker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;UAMzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOxB,CAAC;AASF,eAAO,MAAM,6BAA6B;;;yGAKzC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGA+C3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAuBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;UAMzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOxB,CAAC;AASF,eAAO,MAAM,6BAA6B;;;yGAKzC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAiD3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/time/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAwDhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,QAAQ,EACR,WAAW,EACX,QAAQ,GACR,EAAE,eAAe,eAgQjB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/time/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAuDhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,QAAQ,EACR,WAAW,EACX,QAAQ,GACR,EAAE,eAAe,eAkQjB;AAED,eAAe,UAAU,CAAC"}

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

@@ -7,10 +7,6 @@ export declare const Fieldset: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
-export declare const Legend: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
 export declare const TimeWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

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

package/build-types/external-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/external-link/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AA+C7D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,gwJAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/external-link/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAyD7D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,gwJAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}

package/build-types/flex/flex/component.d.ts

@@ -1,12 +1,12 @@
-export default ConnectedFlex;
+import type { FlexProps } from '../types';
 /**
  * `Flex` is a primitive layout component that adaptively aligns child content
  * horizontally or vertically. `Flex` powers components like `HStack` and
  * `VStack`.
  *
- * `Flex` is used with any of it's two sub-components, `FlexItem` and `FlexBlock`.
+ * `Flex` is used with any of its two sub-components, `FlexItem` and
+ * `FlexBlock`.
  *
- * @example
  * ```jsx
  * import { Flex, FlexBlock, FlexItem } from '@wordpress/components';
  *
@@ -24,5 +24,6 @@ export default ConnectedFlex;
  * }
  * ```
  */
-declare const ConnectedFlex: import("../../ui/context").WordPressComponent<"div", import("../types").FlexProps, true>;
+export declare const Flex: import("../../ui/context").WordPressComponent<"div", FlexProps, true>;
+export default Flex;
 //# sourceMappingURL=component.d.ts.map

package/build-types/flex/flex/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/component.js"],"names":[],"mappings":";AA0BA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,sHAAqD"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/component.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAmB1C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,IAAI,uEAA4C,CAAC;AAE9D,eAAe,IAAI,CAAC"}

package/build-types/flex/flex/hook.d.ts

@@ -1,7 +1,10 @@
+/// <reference types="react" />
 /**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} props
+ * Internal dependencies
  */
-export function useFlex(props: import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>): {
+import { WordPressComponentProps } from '../../ui/context';
+import type { FlexProps } from '../types';
+export declare function useFlex(props: WordPressComponentProps<FlexProps, 'div'>): {
     className: string;
     isColumn: boolean;
     children: import("react").ReactNode;

package/build-types/flex/flex/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/hook.js"],"names":[],"mappings":"AAwCA;;GAEG;AACH,+BAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGjG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/hook.ts"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAK7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqB1C,wBAAgB,OAAO,CAAE,KAAK,EAAE,uBAAuB,CAAE,SAAS,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwG1E"}

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

@@ -1,3 +1,3 @@
-export { default } from "./component";
-export { useFlex } from "./hook";
+export { default } from './component';
+export { useFlex } from './hook';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/build-types/flex/flex-block/component.d.ts

@@ -1,8 +1,8 @@
-export default ConnectedFlexBlock;
+import type { FlexBlockProps } from '../types';
 /**
- * `FlexBlock` is a primitive layout component that adaptively resizes content within layout containers like `Flex`.
+ * `FlexBlock` is a primitive layout component that adaptively resizes content
+ * within layout containers like `Flex`.
  *
- * @example
  * ```jsx
  * import { Flex, FlexBlock } from '@wordpress/components';
  *
@@ -15,5 +15,6 @@ export default ConnectedFlexBlock;
  * }
  * ```
  */
-declare const ConnectedFlexBlock: import("../../ui/context").WordPressComponent<"div", import("../types").FlexBlockProps, true>;
+export declare const FlexBlock: import("../../ui/context").WordPressComponent<"div", FlexBlockProps, true>;
+export default FlexBlock;
 //# sourceMappingURL=component.d.ts.map

package/build-types/flex/flex-block/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AACH,gIAAoE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAY/C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,4EAAsD,CAAC;AAE7E,eAAe,SAAS,CAAC"}

package/build-types/flex/flex-block/hook.d.ts

@@ -1,9 +1,12 @@
+/// <reference types="react" />
 /**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexBlockProps, 'div'>} props
+ * Internal dependencies
  */
-export function useFlexBlock(props: import('../../ui/context').WordPressComponentProps<import('../types').FlexBlockProps, 'div'>): {
+import { WordPressComponentProps } from '../../ui/context';
+import type { FlexBlockProps } from '../types';
+export declare function useFlexBlock(props: WordPressComponentProps<FlexBlockProps, 'div'>): {
     className: string;
-    children: import("react").ReactNode;
+    children?: import("react").ReactNode;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;

package/build-types/flex/flex-block/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/hook.js"],"names":[],"mappings":"AAMA;;GAEG;AACH,oCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,cAAc,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOtG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/hook.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,wBAAgB,YAAY,CAC3B,KAAK,EAAE,uBAAuB,CAAE,cAAc,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMvD"}

package/build-types/flex/flex-block/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./component";
-export { useFlexBlock } from "./hook";
+export { default } from './component';
+export { useFlexBlock } from './hook';
 //# sourceMappingURL=index.d.ts.map

package/build-types/flex/flex-block/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC"}

package/build-types/flex/flex-item/component.d.ts

@@ -1,8 +1,8 @@
-export default ConnectedFlexItem;
+import type { FlexItemProps } from '../types';
 /**
- * `FlexItem` is a primitive layout component that aligns content within layout containers like `Flex`.
+ * `FlexItem` is a primitive layout component that aligns content within layout
+ * containers like `Flex`.
  *
- * @example
  * ```jsx
  * import { Flex, FlexItem } from '@wordpress/components';
  *
@@ -15,5 +15,6 @@ export default ConnectedFlexItem;
  * }
  * ```
  */
-declare const ConnectedFlexItem: import("../../ui/context").WordPressComponent<"div", import("../types").FlexItemProps, true>;
+export declare const FlexItem: import("../../ui/context").WordPressComponent<"div", FlexItemProps, true>;
+export default FlexItem;
 //# sourceMappingURL=component.d.ts.map

package/build-types/flex/flex-item/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AACH,8HAAiE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAW9C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,2EAAoD,CAAC;AAE1E,eAAe,QAAQ,CAAC"}

package/build-types/flex/flex-item/hook.d.ts

@@ -1,9 +1,12 @@
+/// <reference types="react" />
 /**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexItemProps, 'div'>} props
+ * Internal dependencies
  */
-export function useFlexItem(props: import('../../ui/context').WordPressComponentProps<import('../types').FlexItemProps, 'div'>): {
+import { WordPressComponentProps } from '../../ui/context';
+import type { FlexItemProps } from '../types';
+export declare function useFlexItem(props: WordPressComponentProps<FlexItemProps, 'div'>): {
     className: string;
-    children: import("react").ReactNode;
+    children?: import("react").ReactNode;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;

package/build-types/flex/flex-item/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/hook.js"],"names":[],"mappings":"AAaA;;GAEG;AACH,mCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,aAAa,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BrG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAI7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,WAAW,CAC1B,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCtD"}

package/build-types/flex/flex-item/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./component";
-export { useFlexItem } from "./hook";
+export { default } from './component';
+export { useFlexItem } from './hook';
 //# sourceMappingURL=index.d.ts.map

package/build-types/flex/flex-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -1,4 +1,4 @@
-export { default as Flex, useFlex } from "./flex";
-export { default as FlexItem, useFlexItem } from "./flex-item";
-export { default as FlexBlock, useFlexBlock } from "./flex-block";
+export { default as Flex, useFlex } from './flex';
+export { default as FlexItem, useFlexItem } from './flex-item';
+export { default as FlexBlock, useFlexBlock } from './flex-block';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flex/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/build-types/flex/stories/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Flex } from '../';
+declare const meta: ComponentMeta<typeof Flex>;
+export default meta;
+export declare const Default: ComponentStory<typeof Flex>;
+export declare const ResponsiveDirection: ComponentStory<typeof Flex>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/flex/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,IAAI,CAuBrC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,IAAI,CAchD,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAE,OAAO,IAAI,CAmB5D,CAAC"}

package/build-types/flex/styles.d.ts

@@ -1,6 +1,6 @@
-export const Flex: import("@emotion/utils").SerializedStyles;
-export const Item: import("@emotion/utils").SerializedStyles;
-export const block: import("@emotion/utils").SerializedStyles;
+export declare const Flex: import("@emotion/utils").SerializedStyles;
+export declare const Item: import("@emotion/utils").SerializedStyles;
+export declare const block: import("@emotion/utils").SerializedStyles;
 /**
  * Workaround to optimize DOM rendering.
  * We'll enhance alignment with naive parent flex assumptions.
@@ -12,6 +12,6 @@ export const block: import("@emotion/utils").SerializedStyles;
  * Improves stability of width/height rendering.
  * https://github.com/ItsJonQ/g2/pull/149
  */
-export const ItemsColumn: import("@emotion/utils").SerializedStyles;
-export const ItemsRow: import("@emotion/utils").SerializedStyles;
+export declare const ItemsColumn: import("@emotion/utils").SerializedStyles;
+export declare const ItemsRow: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/flex/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/flex/styles.js"],"names":[],"mappings":"AAKA,6DAEE;AAEF,6DAME;AAEF,8DAEE;AAEF;;;;;;GAMG;AAEH;;;GAGG;AACH,oEAIE;AAEF,iEAIE"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/flex/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,2CAEhB,CAAC;AAEF,eAAO,MAAM,IAAI,2CAMhB,CAAC;AAEF,eAAO,MAAM,KAAK,2CAEjB,CAAC;AAEF;;;;;;GAMG;AAEH;;;GAGG;AACH,eAAO,MAAM,WAAW,2CAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,2CAIpB,CAAC"}

package/build-types/flex/test/index.d.ts

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

package/build-types/flex/test/index.d.ts.map

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

package/build-types/flex/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 /**
  * Internal dependencies
  */
@@ -10,21 +10,24 @@ import type { SpaceInput } from '../ui/utils/space';
 export declare type FlexDirection = ResponsiveCSSValue<CSSProperties['flexDirection']>;
 export declare type FlexProps = {
     /**
-     * Aligns children using CSS Flexbox `align-items`. Vertically aligns content if the `direction` is `row`, or horizontally aligns content if the `direction` is `column`.
-     *
-     * In the example below, `flex-start` will align the children content to the top.
+     * Aligns children using CSS Flexbox `align-items`. Vertically aligns
+     * content if the `direction` is `row`, or horizontally aligns content if
+     * the `direction` is `column`.
      *
      * @default 'center'
      */
     align?: CSSProperties['alignItems'];
     /**
-     * The direction flow of the children content can be adjusted with `direction`. `column` will align children vertically and `row` will align children horizontally.
+     * The direction flow of the children content can be adjusted with
+     * `direction`. `column` will align children vertically and `row` will align
+     * children horizontally.
      *
      * @default 'row'
      */
     direction?: FlexDirection;
     /**
-     * Expands to the maximum available width (if horizontal) or height (if vertical).
+     * Expands to the maximum available width (if horizontal) or height (if
+     * vertical).
      *
      * @default true
      */
@@ -32,14 +35,15 @@ export declare type FlexProps = {
     /**
      * Spacing in between each child can be adjusted by using `gap`.
      *
-     * Can either be a number (which will act as a multiplier to the library's grid system base of 4px),
-     * or a literal CSS value string.
+     * Can either be a number (which will act as a multiplier to the library's
+     * grid system base of 4px), or a literal CSS value string.
      *
      * @default 2
      */
     gap?: SpaceInput;
     /**
-     * Horizontally aligns content if the `direction` is `row`, or vertically aligns content if the `direction` is `column`.
+     * Horizontally aligns content if the `direction` is `row`, or vertically
+     * aligns content if the `direction` is `column`.
      *
      * @default 'space-between'
      */
@@ -53,7 +57,7 @@ export declare type FlexProps = {
     /**
      * The children elements.
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * @deprecated
      */
@@ -73,7 +77,7 @@ export declare type FlexItemProps = {
     /**
      * The children elements.
      */
-    children: React.ReactNode;
+    children?: ReactNode;
 };
 export declare type FlexBlockProps = Omit<FlexItemProps, 'isBlock'>;
 //# sourceMappingURL=types.d.ts.map

package/build-types/flex/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/flex/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,oBAAY,aAAa,GAAG,kBAAkB,CAC7C,aAAa,CAAE,eAAe,CAAE,CAChC,CAAC;AAEF,oBAAY,SAAS,GAAG;IACvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,gBAAgB,CAAE,CAAC;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,SAAS,CAAE,CAAC;IACrC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,oBAAY,cAAc,GAAG,IAAI,CAAE,aAAa,EAAE,SAAS,CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/flex/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,oBAAY,aAAa,GAAG,kBAAkB,CAC7C,aAAa,CAAE,eAAe,CAAE,CAChC,CAAC;AAEF,oBAAY,SAAS,GAAG;IACvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;IACtC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,gBAAgB,CAAE,CAAC;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,SAAS,CAAE,CAAC;IACrC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,oBAAY,cAAc,GAAG,IAAI,CAAE,aAAa,EAAE,SAAS,CAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * @type {import('react').Context<import('./types').Context>}
+ */
+export const FlyoutContext: import('react').Context<import('./types').Context>;
+export function useFlyoutContext(): import("./types").Context;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/flyout/context.js"],"names":[],"mappings":"AAKA;;GAEG;AACH,4BAFU,OAAO,OAAO,EAAE,OAAO,CAAC,OAAO,SAAS,EAAE,OAAO,CAAC,CAEX;AAC1C,8DAA0D"}