@wordpress/components 25.9.1 → 25.11.1-next.f8d8eceb.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/tabs/context.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,2CAAiD,CAAC;AAE1E,eAAO,MAAM,cAAc,wBAAkC,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabsProps } from './types';
+declare function Tabs({ selectOnMove, initialTabId, orientation, onSelect, children, selectedTabId, }: TabsProps): JSX.Element;
+declare namespace Tabs {
+    var TabList: import("react").ForwardRefExoticComponent<import("./types").TabListProps & import("react").RefAttributes<HTMLDivElement>>;
+    var Tab: import("react").ForwardRefExoticComponent<import("./types").TabProps & import("react").RefAttributes<HTMLButtonElement>>;
+    var TabPanel: import("react").ForwardRefExoticComponent<import("./types").TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+}
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzC,iBAAS,IAAI,CAAE,EACd,YAAmB,EACnB,YAAY,EACZ,WAA0B,EAC1B,QAAQ,EACR,QAAQ,EACR,aAAa,GACb,EAAE,SAAS,eAqIX;kBA5IQ,IAAI;;;;;AAiJb,eAAe,IAAI,CAAC"}

package/build-types/tabs/stories/index.story.d.ts

@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import type { Meta } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import Tabs from '..';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const DisabledTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const WithTabIconsAndTooltips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const ManualActivation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const UsingSlotFill: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const InsertCustomElements: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const ControlledMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const TabBecomesDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const TabGetsRemoved: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,IAAI,MAAM,IAAI,CAAC;AAKtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAQ5B,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,6HAAsB,CAAC;AAwB3C,eAAO,MAAM,WAAW,6HAAiC,CAAC;AAqC1D,eAAO,MAAM,uBAAuB,6HAEnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6HAAsB,CAAC;AA0CpD,eAAO,MAAM,aAAa,6HAAmC,CAAC;AA6D9D,eAAO,MAAM,oBAAoB,6HAAiC,CAAC;AA+DnE,eAAO,MAAM,cAAc,6HAAoC,CAAC;AAqChE,eAAO,MAAM,kBAAkB,6HAAwC,CAAC;AAgCxE,eAAO,MAAM,cAAc,6HAAoC,CAAC"}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import * as Ariakit from '@ariakit/react';
+export declare const TabListWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Tab: import("@emotion/styled").StyledComponent<Ariakit.TabOptions<"button"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | keyof Ariakit.TabOptions<"button">> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/tabs/styles.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAS1C,eAAO,MAAM,cAAc;;;yGAO1B,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;UA+Ef,CAAC"}

package/build-types/tabs/tab.d.ts

@@ -0,0 +1,10 @@
+/**
+ * WordPress dependencies
+ */
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabProps } from './types';
+export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=tab.d.ts.map

package/build-types/tabs/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/tabs/tab.tsx"],"names":[],"mappings":"AAAA;;GAEG;;AAIH;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKxC,eAAO,MAAM,GAAG,wGAwBb,CAAC"}

package/build-types/tabs/tablist.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabListProps } from './types';
+export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tablist.d.ts.map

package/build-types/tabs/tablist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablist.d.ts","sourceRoot":"","sources":["../../src/tabs/tablist.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,eAAO,MAAM,OAAO,yGAoBnB,CAAC"}

package/build-types/tabs/tabpanel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabPanelProps } from './types';
+export declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tabpanel.d.ts.map

package/build-types/tabs/tabpanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabpanel.d.ts","sourceRoot":"","sources":["../../src/tabs/tabpanel.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,QAAQ,0GAqBpB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,134 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type * as Ariakit from '@ariakit/react';
+/**
+ * Internal dependencies
+ */
+import type { IconType } from '../icon';
+export type TabsContextProps = {
+    /**
+     * The tabStore object returned by Ariakit's `useTabStore` hook.
+     */
+    store: Ariakit.TabStore;
+    /**
+     * The unique id string for this instance of the Tabs component.
+     */
+    instanceId: string;
+} | undefined;
+export type TabsProps = {
+    /**
+     * The children elements, which should be at least a
+     * `Tabs.Tablist` component and a series of `Tabs.TabPanel`
+     * components.
+     */
+    children: React.ReactNode;
+    /**
+     * When `true`, the tab will be selected when receiving focus (automatic tab
+     * activation). When `false`, the tab will be selected only when clicked
+     * (manual tab activation). See the official W3C docs for more info.
+     *
+     * @default true
+     *
+     * @see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/
+     */
+    selectOnMove?: boolean;
+    /**
+     * The id of the tab to be selected upon mounting of component.
+     * If this prop is not set, the first tab will be selected by default.
+     * The id provided will be internally prefixed with the
+     * `TabsContextProps.instanceId`.
+     *
+     * Note: this prop will be overridden by the `selectedTabId` prop if it is
+     * provided. (Controlled Mode)
+     */
+    initialTabId?: string;
+    /**
+     * The function called when a tab has been selected.
+     * It is passed the id of the newly selected tab as an argument.
+     */
+    onSelect?: (selectedId: string | null | undefined) => void;
+    /**
+     * The orientation of the tablist.
+     *
+     * @default `horizontal`
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The Id of the tab to display. This id is prepended with the `Tabs`
+     * instanceId internally.
+     *
+     * If left `undefined`, the component assumes it is being used in
+     * uncontrolled mode. Consequently, any value different than `undefined`
+     * will set the component in `controlled` mode.
+     * When in controlled mode, the `null` value will result in no tab being selected.
+     */
+    selectedTabId?: string | null;
+};
+export type TabListProps = {
+    /**
+     * The children elements, which should be a series of `Tabs.TabPanel` components.
+     */
+    children?: React.ReactNode;
+    /**
+     * The class name to apply to the tablist.
+     */
+    className?: string;
+    /**
+     * Custom CSS styles for the rendered tablist.
+     */
+    style?: React.CSSProperties;
+};
+export type TabProps = {
+    /**
+     * The id of the tab, which is prepended with the `Tabs` instanceId.
+     */
+    id: string;
+    /**
+     * Custom CSS styles for the tab.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The children elements, generally the text to display on the tab.
+     */
+    children?: React.ReactNode;
+    /**
+     * The class name to apply to the tab button.
+     */
+    className?: string;
+    /**
+     * The icon used for the tab button.
+     */
+    icon?: IconType;
+    /**
+     * Determines if the tab button should be disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The type of component to render the tab button as. If this prop is not
+     * provided, the tab button will be rendered as a `button` element.
+     */
+    render?: React.ReactElement;
+};
+export type TabPanelProps = {
+    /**
+     * The children elements, generally the content to display on the tabpanel.
+     */
+    children?: React.ReactNode;
+    /**
+     * A unique identifier for the TabPanel, which is used to generate a unique `id` for the underlying element.
+     */
+    id: string;
+    /**
+     * The class name to apply to the tabpanel.
+     */
+    className?: string;
+    /**
+     * Custom CSS styles for the rendered `TabPanel` component.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tabs/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,gBAAgB,GACzB;IACA;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CAClB,GACD,SAAS,CAAC;AAEb,MAAM,MAAM,SAAS,GAAG;IACvB;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,KAAM,IAAI,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC"}

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

@@ -1,4 +1,5 @@
-export default ConnectedText;
+/// <reference types="react" />
+import type { Props } from './types';
 /**
  * `Text` is a core component that renders text in the library, using the
  * library's typography system.
@@ -15,5 +16,6 @@ export default ConnectedText;
  * }
  * ```
  */
-declare const ConnectedText: import("../context").WordPressComponent<"span", import("./types").Props & import("react").RefAttributes<any>, true>;
+export declare const Text: import("../context").WordPressComponent<"span", Props & import("react").RefAttributes<any>, true>;
+export default Text;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AACH,iJAAqD"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAerC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,mGAA4C,CAAC;AAC9D,eAAe,IAAI,CAAC"}