@wordpress/components 28.3.0 → 28.4.0

package/build-types/border-control/stories/index.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * External dependencies
  */
@@ -11,121 +10,121 @@ import type { Border } from '../types';
 declare const meta: Meta<typeof BorderControl>;
 export default meta;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
-    disableCustomColors?: boolean | undefined;
+    disableCustomColors?: boolean;
 } & import("../types").LabelProps & {
-    disableUnits?: boolean | undefined;
-    enableStyle?: boolean | undefined;
-    isCompact?: boolean | undefined;
-    onChange: (value?: Border | undefined) => void;
-    placeholder?: string | undefined;
-    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
-    shouldSanitizeBorder?: boolean | undefined;
-    showDropdownHeader?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
-    value?: Border | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    withSlider?: boolean | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    disableUnits?: boolean;
+    enableStyle?: boolean;
+    isCompact?: boolean;
+    onChange: (value?: Border) => void;
+    placeholder?: HTMLInputElement["placeholder"];
+    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children">;
+    shouldSanitizeBorder?: boolean;
+    showDropdownHeader?: boolean;
+    size?: "default" | "__unstable-large";
+    value?: Border;
+    width?: import("react").CSSProperties["width"];
+    withSlider?: boolean;
+    __next40pxDefaultSize?: boolean;
 } & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "width" | "children" | "onChange" | "value" | "placeholder" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * Render a slider beside the control.
  */
 export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
-    disableCustomColors?: boolean | undefined;
+    disableCustomColors?: boolean;
 } & import("../types").LabelProps & {
-    disableUnits?: boolean | undefined;
-    enableStyle?: boolean | undefined;
-    isCompact?: boolean | undefined;
-    onChange: (value?: Border | undefined) => void;
-    placeholder?: string | undefined;
-    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
-    shouldSanitizeBorder?: boolean | undefined;
-    showDropdownHeader?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
-    value?: Border | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    withSlider?: boolean | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    disableUnits?: boolean;
+    enableStyle?: boolean;
+    isCompact?: boolean;
+    onChange: (value?: Border) => void;
+    placeholder?: HTMLInputElement["placeholder"];
+    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children">;
+    shouldSanitizeBorder?: boolean;
+    showDropdownHeader?: boolean;
+    size?: "default" | "__unstable-large";
+    value?: Border;
+    width?: import("react").CSSProperties["width"];
+    withSlider?: boolean;
+    __next40pxDefaultSize?: boolean;
 } & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "width" | "children" | "onChange" | "value" | "placeholder" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * When rendering with a slider, the `width` prop is useful to customize the width of the number input.
  */
 export declare const WithSliderCustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
-    disableCustomColors?: boolean | undefined;
+    disableCustomColors?: boolean;
 } & import("../types").LabelProps & {
-    disableUnits?: boolean | undefined;
-    enableStyle?: boolean | undefined;
-    isCompact?: boolean | undefined;
-    onChange: (value?: Border | undefined) => void;
-    placeholder?: string | undefined;
-    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
-    shouldSanitizeBorder?: boolean | undefined;
-    showDropdownHeader?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
-    value?: Border | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    withSlider?: boolean | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    disableUnits?: boolean;
+    enableStyle?: boolean;
+    isCompact?: boolean;
+    onChange: (value?: Border) => void;
+    placeholder?: HTMLInputElement["placeholder"];
+    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children">;
+    shouldSanitizeBorder?: boolean;
+    showDropdownHeader?: boolean;
+    size?: "default" | "__unstable-large";
+    value?: Border;
+    width?: import("react").CSSProperties["width"];
+    withSlider?: boolean;
+    __next40pxDefaultSize?: boolean;
 } & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "width" | "children" | "onChange" | "value" | "placeholder" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * Restrict the width of the control and prevent it from expanding to take up additional space.
  * When `true`, the `width` prop will be ignored.
  */
 export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
-    disableCustomColors?: boolean | undefined;
+    disableCustomColors?: boolean;
 } & import("../types").LabelProps & {
-    disableUnits?: boolean | undefined;
-    enableStyle?: boolean | undefined;
-    isCompact?: boolean | undefined;
-    onChange: (value?: Border | undefined) => void;
-    placeholder?: string | undefined;
-    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
-    shouldSanitizeBorder?: boolean | undefined;
-    showDropdownHeader?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
-    value?: Border | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    withSlider?: boolean | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    disableUnits?: boolean;
+    enableStyle?: boolean;
+    isCompact?: boolean;
+    onChange: (value?: Border) => void;
+    placeholder?: HTMLInputElement["placeholder"];
+    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children">;
+    shouldSanitizeBorder?: boolean;
+    showDropdownHeader?: boolean;
+    size?: "default" | "__unstable-large";
+    value?: Border;
+    width?: import("react").CSSProperties["width"];
+    withSlider?: boolean;
+    __next40pxDefaultSize?: boolean;
 } & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "width" | "children" | "onChange" | "value" | "placeholder" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * The `colors` object can contain multiple origins.
  */
 export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
-    disableCustomColors?: boolean | undefined;
+    disableCustomColors?: boolean;
 } & import("../types").LabelProps & {
-    disableUnits?: boolean | undefined;
-    enableStyle?: boolean | undefined;
-    isCompact?: boolean | undefined;
-    onChange: (value?: Border | undefined) => void;
-    placeholder?: string | undefined;
-    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
-    shouldSanitizeBorder?: boolean | undefined;
-    showDropdownHeader?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
-    value?: Border | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    withSlider?: boolean | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    disableUnits?: boolean;
+    enableStyle?: boolean;
+    isCompact?: boolean;
+    onChange: (value?: Border) => void;
+    placeholder?: HTMLInputElement["placeholder"];
+    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children">;
+    shouldSanitizeBorder?: boolean;
+    showDropdownHeader?: boolean;
+    size?: "default" | "__unstable-large";
+    value?: Border;
+    width?: import("react").CSSProperties["width"];
+    withSlider?: boolean;
+    __next40pxDefaultSize?: boolean;
 } & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "width" | "children" | "onChange" | "value" | "placeholder" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * Allow the alpha channel to be edited on each color.
  */
 export declare const WithAlphaEnabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
-    disableCustomColors?: boolean | undefined;
+    disableCustomColors?: boolean;
 } & import("../types").LabelProps & {
-    disableUnits?: boolean | undefined;
-    enableStyle?: boolean | undefined;
-    isCompact?: boolean | undefined;
-    onChange: (value?: Border | undefined) => void;
-    placeholder?: string | undefined;
-    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
-    shouldSanitizeBorder?: boolean | undefined;
-    showDropdownHeader?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
-    value?: Border | undefined;
-    width?: import("csstype").Property.Width<string | number> | undefined;
-    withSlider?: boolean | undefined;
-    __next40pxDefaultSize?: boolean | undefined;
+    disableUnits?: boolean;
+    enableStyle?: boolean;
+    isCompact?: boolean;
+    onChange: (value?: Border) => void;
+    placeholder?: HTMLInputElement["placeholder"];
+    __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children">;
+    shouldSanitizeBorder?: boolean;
+    showDropdownHeader?: boolean;
+    size?: "default" | "__unstable-large";
+    value?: Border;
+    width?: import("react").CSSProperties["width"];
+    withSlider?: boolean;
+    __next40pxDefaultSize?: boolean;
 } & import("react").RefAttributes<any> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "size" | "width" | "children" | "onChange" | "value" | "placeholder" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AACnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAcrC,CAAC;AACF,eAAe,IAAI,CAAC;AA2DpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;wjBAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;wjBAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;wjBAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;wjBAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;wjBAAsB,CAAC;AAMvD;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;wjBAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AACnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAcrC,CAAC;AACF,eAAe,IAAI,CAAC;AA2DpB,eAAO,MAAM,OAAO;;;;;;oBAhBb,CAAC;;;;;;;;;;wjBAgBkC,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;oBAzBhB,CAAC;;;;;;;;;;wjBAyBqC,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;oBAlC3B,CAAC;;;;;;;;;;wjBAkCgD,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;oBA9Cf,CAAC;;;;;;;;;;wjBA8CoC,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;oBAvDzB,CAAC;;;;;;;;;;wjBAuD8C,CAAC;AAMvD;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;oBAhEtB,CAAC;;;;;;;;;;wjBAgE2C,CAAC"}

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

@@ -2,10 +2,10 @@ import type { Border } from './types';
 export declare const borderControl: import("@emotion/utils").SerializedStyles;
 export declare const innerWrapper: () => import("@emotion/utils").SerializedStyles;
 export declare const wrapperWidth: import("@emotion/utils").SerializedStyles;
-export declare const wrapperHeight: (size?: 'default' | '__unstable-large') => import("@emotion/utils").SerializedStyles;
+export declare const wrapperHeight: (size?: "default" | "__unstable-large") => import("@emotion/utils").SerializedStyles;
 export declare const borderControlDropdown: import("@emotion/utils").SerializedStyles;
 export declare const colorIndicatorBorder: (border?: Border) => import("@emotion/utils").SerializedStyles;
-export declare const colorIndicatorWrapper: (border?: Border, size?: 'default' | '__unstable-large') => import("@emotion/utils").SerializedStyles;
+export declare const colorIndicatorWrapper: (border?: Border, size?: "default" | "__unstable-large") => import("@emotion/utils").SerializedStyles;
 export declare const borderControlPopoverControls: import("@emotion/utils").SerializedStyles;
 export declare const borderControlPopoverContent: import("@emotion/utils").SerializedStyles;
 export declare const borderColorIndicator: import("@emotion/utils").SerializedStyles;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BoxControlInputControlProps } from './types';
 export default function AllInputControl({ __next40pxDefaultSize, onChange, onFocus, values, sides, selectedUnits, setSelectedUnits, ...props }: BoxControlInputControlProps): import("react").JSX.Element;
 //# sourceMappingURL=all-input-control.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"all-input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/all-input-control.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAa3D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAyE7B"}
+{"version":3,"file":"all-input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/all-input-control.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAa3D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAyE7B"}

package/build-types/box-control/axial-input-controls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BoxControlInputControlProps } from './types';
 export default function AxialInputControls({ __next40pxDefaultSize, onChange, onFocus, values, selectedUnits, setSelectedUnits, sides, ...props }: BoxControlInputControlProps): import("react").JSX.Element;
 //# sourceMappingURL=axial-input-controls.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"axial-input-controls.d.ts","sourceRoot":"","sources":["../../src/box-control/axial-input-controls.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAK3D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAC3C,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAoI7B"}
+{"version":3,"file":"axial-input-controls.d.ts","sourceRoot":"","sources":["../../src/box-control/axial-input-controls.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAK3D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAC3C,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAoI7B"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/box-control/icon.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAS1D,OAAO,KAAK,EAAE,mBAAmB,EAAmB,MAAM,SAAS,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAE,EACvC,IAAS,EACT,IAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,mBAAmB,EAAE,MAAM,CAAE,+BAiCxD"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/box-control/icon.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAS1D,OAAO,KAAK,EAAE,mBAAmB,EAAmB,MAAM,SAAS,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAE,EACvC,IAAS,EACT,IAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,mBAAmB,EAAE,MAAM,CAAE,+BAiCxD"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BoxControlProps } from './types';
 /**
  * BoxControl components let users set values for Top, Right, Bottom, and Left.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/box-control/index.tsx"],"names":[],"mappings":";AA8BA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,UAAU,CAAE,EACpB,qBAA6B,EAC7B,EAAE,EAAE,MAAM,EACV,UAA8B,EAC9B,QAAe,EACf,KAA2B,EAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,UAAiB,EACjB,WAA4B,EAC5B,WAAW,EACX,UAAU,GACV,EAAE,eAAe,+BAmHjB;AAED,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/box-control/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,UAAU,CAAE,EACpB,qBAA6B,EAC7B,EAAE,EAAE,MAAM,EACV,UAA8B,EAC9B,QAAe,EACf,KAA2B,EAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,UAAiB,EACjB,WAA4B,EAC5B,WAAW,EACX,UAAU,GACV,EAAE,eAAe,+BAmHjB;AAED,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,eAAe,UAAU,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BoxControlInputControlProps } from './types';
 export default function BoxInputControls({ __next40pxDefaultSize, onChange, onFocus, values, selectedUnits, setSelectedUnits, sides, ...props }: BoxControlInputControlProps): import("react").JSX.Element;
 //# sourceMappingURL=input-controls.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-controls.d.ts","sourceRoot":"","sources":["../../src/box-control/input-controls.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AAI5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAuI7B"}
+{"version":3,"file":"input-controls.d.ts","sourceRoot":"","sources":["../../src/box-control/input-controls.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AAI5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAuI7B"}

package/build-types/box-control/linked-button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Internal dependencies
  */

package/build-types/box-control/linked-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linked-button.d.ts","sourceRoot":"","sources":["../../src/box-control/linked-button.tsx"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,GAAG,KAAK,EACR,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,cAAc,CAAE,OAAO,MAAM,CAAE,+BAehE"}
+{"version":3,"file":"linked-button.d.ts","sourceRoot":"","sources":["../../src/box-control/linked-button.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,GAAG,KAAK,EACR,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,cAAc,CAAE,OAAO,MAAM,CAAE,+BAehE"}