@skeletonlabs/skeleton-react 4.2.4 → 4.3.1

package/dist/components/navigation/anatomy/group.mjs

@@ -0,0 +1,23 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesNavigation } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/navigation/anatomy/group.tsx
+function NavigationGroup(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.group
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { NavigationGroup as default };
+//# sourceMappingURL=group.mjs.map

package/dist/components/navigation/anatomy/header.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react63 from "react";
+
+//#region src/components/navigation/anatomy/header.d.ts
+interface NavigationHeaderProps extends PropsWithElement<'header'>, HTMLAttributes<'header'> {}
+declare function NavigationHeader(props: NavigationHeaderProps): react63.JSX.Element;
+//#endregion
+export { NavigationHeader, NavigationHeaderProps };
+//# sourceMappingURL=header.d.mts.map

package/dist/components/navigation/anatomy/header.mjs

@@ -0,0 +1,23 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesNavigation } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/navigation/anatomy/header.tsx
+function NavigationHeader(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.header
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("header", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { NavigationHeader as default };
+//# sourceMappingURL=header.mjs.map

package/dist/components/navigation/anatomy/label.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react67 from "react";
+
+//#region src/components/navigation/anatomy/label.d.ts
+interface NavigationLabelProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function NavigationLabel(props: NavigationLabelProps): react67.JSX.Element;
+//#endregion
+export { NavigationLabel, NavigationLabelProps };
+//# sourceMappingURL=label.d.mts.map

package/dist/components/navigation/anatomy/label.mjs

@@ -0,0 +1,23 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesNavigation } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/navigation/anatomy/label.tsx
+function NavigationLabel(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.label
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { NavigationLabel as default };
+//# sourceMappingURL=label.mjs.map

package/dist/components/navigation/anatomy/menu.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react62 from "react";
+
+//#region src/components/navigation/anatomy/menu.d.ts
+interface NavigationMenuProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function NavigationMenu(props: NavigationMenuProps): react62.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuProps };
+//# sourceMappingURL=menu.d.mts.map

package/dist/components/navigation/anatomy/menu.mjs

@@ -0,0 +1,23 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesNavigation } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/navigation/anatomy/menu.tsx
+function NavigationMenu(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.menu
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { NavigationMenu as default };
+//# sourceMappingURL=menu.mjs.map

package/dist/components/navigation/anatomy/root.d.mts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+
+//#region src/components/navigation/anatomy/root.d.ts
+interface NavigationRootProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
+  /**
+   * Sets the data-layout attribute, which modifies the visual presentation of the component set.
+   *
+   * @default bar
+   * */
+  layout?: 'bar' | 'rail' | 'sidebar';
+}
+declare function NavigationRoot(props: NavigationRootProps): react_jsx_runtime22.JSX.Element;
+//#endregion
+export { NavigationRoot, NavigationRootProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/navigation/anatomy/root.mjs

@@ -0,0 +1,24 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesNavigation } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/navigation/anatomy/root.tsx
+function NavigationRoot(props) {
+	const { layout = "bar", element, children,...rest } = props;
+	const attributes = mergeProps({
+		"data-layout": layout,
+		className: classesNavigation.root
+	}, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: { layout },
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { NavigationRoot as default };
+//# sourceMappingURL=root.mjs.map

package/dist/components/navigation/index.d.mts

@@ -0,0 +1,8 @@
+import { NavigationRootProps } from "./anatomy/root.mjs";
+import { NavigationMenuProps } from "./anatomy/menu.mjs";
+import { NavigationHeaderProps } from "./anatomy/header.mjs";
+import { NavigationContentProps } from "./anatomy/content.mjs";
+import { NavigationFooterProps } from "./anatomy/footer.mjs";
+import { NavigationGroupProps } from "./anatomy/group.mjs";
+import { NavigationLabelProps } from "./anatomy/label.mjs";
+import { Navigation } from "./modules/anatomy.mjs";

package/dist/components/navigation/modules/anatomy.d.mts

@@ -0,0 +1,20 @@
+import { NavigationRoot } from "../anatomy/root.mjs";
+import { NavigationMenu } from "../anatomy/menu.mjs";
+import { NavigationHeader } from "../anatomy/header.mjs";
+import { NavigationContent } from "../anatomy/content.mjs";
+import { NavigationFooter } from "../anatomy/footer.mjs";
+import { NavigationGroup } from "../anatomy/group.mjs";
+import { NavigationLabel } from "../anatomy/label.mjs";
+
+//#region src/components/navigation/modules/anatomy.d.ts
+declare const Navigation: typeof NavigationRoot & {
+  Header: typeof NavigationHeader;
+  Content: typeof NavigationContent;
+  Group: typeof NavigationGroup;
+  Label: typeof NavigationLabel;
+  Menu: typeof NavigationMenu;
+  Footer: typeof NavigationFooter;
+};
+//#endregion
+export { Navigation };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/navigation/modules/anatomy.mjs

@@ -0,0 +1,21 @@
+import NavigationContent from "../anatomy/content.mjs";
+import NavigationFooter from "../anatomy/footer.mjs";
+import NavigationGroup from "../anatomy/group.mjs";
+import NavigationHeader from "../anatomy/header.mjs";
+import NavigationLabel from "../anatomy/label.mjs";
+import NavigationMenu from "../anatomy/menu.mjs";
+import NavigationRoot from "../anatomy/root.mjs";
+
+//#region src/components/navigation/modules/anatomy.ts
+const Navigation = Object.assign(NavigationRoot, {
+	Header: NavigationHeader,
+	Content: NavigationContent,
+	Group: NavigationGroup,
+	Label: NavigationLabel,
+	Menu: NavigationMenu,
+	Footer: NavigationFooter
+});
+
+//#endregion
+export { Navigation };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/navigation/modules/root-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/navigation/modules/root-context.ts
+const RootContext = createContext();
+
+//#endregion
+export { RootContext };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/pagination/anatomy/ellipsis.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react128 from "react";
+import { EllipsisProps } from "@zag-js/pagination";
+
+//#region src/components/pagination/anatomy/ellipsis.d.ts
+interface PaginationEllipsisProps extends EllipsisProps, PropsWithElement<'span'>, HTMLAttributes<'span'> {}
+declare function Ellipsis(props: PaginationEllipsisProps): react128.JSX.Element;
+//#endregion
+export { Ellipsis, PaginationEllipsisProps };
+//# sourceMappingURL=ellipsis.d.mts.map

package/dist/components/pagination/anatomy/ellipsis.mjs

@@ -0,0 +1,22 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesPagination } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitEllipsisProps } from "@zag-js/pagination";
+
+//#region src/components/pagination/anatomy/ellipsis.tsx
+function Ellipsis(props) {
+	const pagination = use(RootContext);
+	const [ellipsisProps, componentProps] = splitEllipsisProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(pagination.getEllipsisProps(ellipsisProps), { className: classesPagination.ellipsis }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Ellipsis as default };
+//# sourceMappingURL=ellipsis.mjs.map

package/dist/components/pagination/anatomy/first-trigger.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react129 from "react";
+
+//#region src/components/pagination/anatomy/first-trigger.d.ts
+interface PaginationFirstTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+declare function FirstTrigger(props: PaginationFirstTriggerProps): react129.JSX.Element;
+//#endregion
+export { FirstTrigger, PaginationFirstTriggerProps };
+//# sourceMappingURL=first-trigger.d.mts.map

package/dist/components/pagination/anatomy/first-trigger.mjs

@@ -0,0 +1,23 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesPagination } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/pagination/anatomy/first-trigger.tsx
+function FirstTrigger(props) {
+	const pagination = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({
+		className: classesPagination.nextTrigger,
+		onClick: pagination.goToFirstPage
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { FirstTrigger as default };
+//# sourceMappingURL=first-trigger.mjs.map

package/dist/components/pagination/anatomy/item.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react132 from "react";
+import { ItemProps } from "@zag-js/pagination";
+
+//#region src/components/pagination/anatomy/item.d.ts
+interface PaginationItemProps extends ItemProps, PropsWithElement<'a'>, HTMLAttributes<'a', 'type'> {}
+declare function Item(props: PaginationItemProps): react132.JSX.Element;
+//#endregion
+export { Item, PaginationItemProps };
+//# sourceMappingURL=item.d.mts.map

package/dist/components/pagination/anatomy/item.mjs

@@ -0,0 +1,22 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesPagination } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitItemProps } from "@zag-js/pagination";
+
+//#region src/components/pagination/anatomy/item.tsx
+function Item(props) {
+	const pagination = use(RootContext);
+	const [itemProps, componentProps] = splitItemProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(pagination.getItemProps(itemProps), { className: classesPagination.item }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("a", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Item as default };
+//# sourceMappingURL=item.mjs.map

package/dist/components/pagination/anatomy/last-trigger.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react133 from "react";
+
+//#region src/components/pagination/anatomy/last-trigger.d.ts
+interface PaginationLastTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+declare function LastTrigger(props: PaginationLastTriggerProps): react133.JSX.Element;
+//#endregion
+export { LastTrigger, PaginationLastTriggerProps };
+//# sourceMappingURL=last-trigger.d.mts.map

package/dist/components/pagination/anatomy/last-trigger.mjs

@@ -0,0 +1,23 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesPagination } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/pagination/anatomy/last-trigger.tsx
+function LastTrigger(props) {
+	const pagination = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({
+		className: classesPagination.nextTrigger,
+		onClick: pagination.goToLastPage
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { LastTrigger as default };
+//# sourceMappingURL=last-trigger.mjs.map

package/dist/components/pagination/anatomy/next-trigger.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react131 from "react";
+
+//#region src/components/pagination/anatomy/next-trigger.d.ts
+interface PaginationNextTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+declare function NextTrigger(props: PaginationNextTriggerProps): react131.JSX.Element;
+//#endregion
+export { NextTrigger, PaginationNextTriggerProps };
+//# sourceMappingURL=next-trigger.d.mts.map

package/dist/components/pagination/anatomy/next-trigger.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesPagination } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/pagination/anatomy/next-trigger.tsx
+function NextTrigger(props) {
+	const pagination = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(pagination.getNextTriggerProps(), { className: classesPagination.nextTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { NextTrigger as default };
+//# sourceMappingURL=next-trigger.mjs.map

package/dist/components/pagination/anatomy/prev-trigger.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react130 from "react";
+
+//#region src/components/pagination/anatomy/prev-trigger.d.ts
+interface PaginationPrevTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {}
+declare function PrevTrigger(props: PaginationPrevTriggerProps): react130.JSX.Element;
+//#endregion
+export { PaginationPrevTriggerProps, PrevTrigger };
+//# sourceMappingURL=prev-trigger.d.mts.map

package/dist/components/pagination/anatomy/prev-trigger.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesPagination } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/pagination/anatomy/prev-trigger.tsx
+function PrevTrigger(props) {
+	const pagination = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(pagination.getPrevTriggerProps(), { className: classesPagination.prevTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { PrevTrigger as default };
+//# sourceMappingURL=prev-trigger.mjs.map

package/dist/components/pagination/anatomy/root-context.d.mts

@@ -0,0 +1,11 @@
+import { usePagination } from "../modules/provider.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/pagination/anatomy/root-context.d.ts
+interface PaginationRootContextProps {
+  children: (pagination: ReturnType<typeof usePagination>) => ReactNode;
+}
+declare function RootContext(props: PaginationRootContextProps): ReactNode;
+//#endregion
+export { PaginationRootContextProps, RootContext };
+//# sourceMappingURL=root-context.d.mts.map

package/dist/components/pagination/anatomy/root-context.mjs

@@ -0,0 +1,13 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+
+//#region src/components/pagination/anatomy/root-context.tsx
+function RootContext$1(props) {
+	const pagination = use(RootContext);
+	const { children } = props;
+	return children(pagination);
+}
+
+//#endregion
+export { RootContext$1 as default };
+//# sourceMappingURL=root-context.mjs.map

package/dist/components/pagination/anatomy/root-provider.d.mts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import { usePagination } from "../modules/provider.mjs";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
+
+//#region src/components/pagination/anatomy/root-provider.d.ts
+interface PaginationRootProviderProps extends PropsWithElement<'nav'>, HTMLAttributes<'nav', 'id' | 'dir'> {
+  value: ReturnType<typeof usePagination>;
+}
+declare function PaginationRootProvider(props: PaginationRootProviderProps): react_jsx_runtime52.JSX.Element;
+//#endregion
+export { PaginationRootProvider, PaginationRootProviderProps };
+//# sourceMappingURL=root-provider.d.mts.map

package/dist/components/pagination/anatomy/root-provider.mjs

@@ -0,0 +1,21 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesPagination } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/pagination/anatomy/root-provider.tsx
+function PaginationRootProvider(props) {
+	const { element, children, value: pagination,...rest } = props;
+	const attributes = mergeProps(pagination.getRootProps(), { className: classesPagination.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: pagination,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { PaginationRootProvider as default };
+//# sourceMappingURL=root-provider.mjs.map

package/dist/components/pagination/anatomy/root.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
+import { Props } from "@zag-js/pagination";
+
+//#region src/components/pagination/anatomy/root.d.ts
+interface PaginationRootProps extends Omit<Props, 'id'>, PropsWithElement<'nav'>, HTMLAttributes<'nav', 'id' | 'dir'> {}
+declare function PaginationRoot(props: PaginationRootProps): react_jsx_runtime53.JSX.Element;
+//#endregion
+export { PaginationRoot, PaginationRootProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/pagination/anatomy/root.mjs

@@ -0,0 +1,25 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { usePagination } from "../modules/provider.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesPagination } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitProps } from "@zag-js/pagination";
+
+//#region src/components/pagination/anatomy/root.tsx
+function PaginationRoot(props) {
+	const [paginationProps, componentProps] = splitProps(props);
+	const { element, children,...rest } = componentProps;
+	const pagination = usePagination(paginationProps);
+	const attributes = mergeProps(pagination.getRootProps(), { className: classesPagination.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: pagination,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { PaginationRoot as default };
+//# sourceMappingURL=root.mjs.map

package/dist/components/pagination/index.d.mts

@@ -0,0 +1,11 @@
+import { PaginationEllipsisProps } from "./anatomy/ellipsis.mjs";
+import { PaginationFirstTriggerProps } from "./anatomy/first-trigger.mjs";
+import { PaginationItemProps } from "./anatomy/item.mjs";
+import { PaginationLastTriggerProps } from "./anatomy/last-trigger.mjs";
+import { PaginationNextTriggerProps } from "./anatomy/next-trigger.mjs";
+import { PaginationPrevTriggerProps } from "./anatomy/prev-trigger.mjs";
+import { usePagination } from "./modules/provider.mjs";
+import { PaginationRootContextProps } from "./anatomy/root-context.mjs";
+import { PaginationRootProviderProps } from "./anatomy/root-provider.mjs";
+import { PaginationRootProps } from "./anatomy/root.mjs";
+import { Pagination } from "./modules/anatomy.mjs";

package/dist/components/pagination/modules/anatomy.d.mts

@@ -0,0 +1,24 @@
+import { Ellipsis } from "../anatomy/ellipsis.mjs";
+import { FirstTrigger } from "../anatomy/first-trigger.mjs";
+import { Item } from "../anatomy/item.mjs";
+import { LastTrigger } from "../anatomy/last-trigger.mjs";
+import { NextTrigger } from "../anatomy/next-trigger.mjs";
+import { PrevTrigger } from "../anatomy/prev-trigger.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { PaginationRootProvider } from "../anatomy/root-provider.mjs";
+import { PaginationRoot } from "../anatomy/root.mjs";
+
+//#region src/components/pagination/modules/anatomy.d.ts
+declare const Pagination: typeof PaginationRoot & {
+  Provider: typeof PaginationRootProvider;
+  Context: typeof RootContext;
+  FirstTrigger: typeof FirstTrigger;
+  PrevTrigger: typeof PrevTrigger;
+  Item: typeof Item;
+  Ellipsis: typeof Ellipsis;
+  NextTrigger: typeof NextTrigger;
+  LastTrigger: typeof LastTrigger;
+};
+//#endregion
+export { Pagination };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/pagination/modules/anatomy.mjs

@@ -0,0 +1,25 @@
+import Ellipsis from "../anatomy/ellipsis.mjs";
+import FirstTrigger from "../anatomy/first-trigger.mjs";
+import Item from "../anatomy/item.mjs";
+import LastTrigger from "../anatomy/last-trigger.mjs";
+import NextTrigger from "../anatomy/next-trigger.mjs";
+import PrevTrigger from "../anatomy/prev-trigger.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import PaginationRootProvider from "../anatomy/root-provider.mjs";
+import PaginationRoot from "../anatomy/root.mjs";
+
+//#region src/components/pagination/modules/anatomy.ts
+const Pagination = Object.assign(PaginationRoot, {
+	Provider: PaginationRootProvider,
+	Context: RootContext,
+	FirstTrigger,
+	PrevTrigger,
+	Item,
+	Ellipsis,
+	NextTrigger,
+	LastTrigger
+});
+
+//#endregion
+export { Pagination };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/pagination/modules/provider.d.mts

@@ -0,0 +1,8 @@
+import { PropTypes } from "@zag-js/react";
+import { Api, Props } from "@zag-js/pagination";
+
+//#region src/components/pagination/modules/provider.d.ts
+declare function usePagination(props?: Omit<Props, 'id'>): Api<PropTypes>;
+//#endregion
+export { usePagination };
+//# sourceMappingURL=provider.d.mts.map