@skeletonlabs/skeleton-react 4.2.4 → 4.3.1

package/dist/components/date-picker/anatomy/view-control.mjs

@@ -0,0 +1,22 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ViewContext } from "../modules/view-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesDatePicker } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/date-picker/anatomy/view-control.tsx
+function ViewControl(props) {
+	const datePicker = use(RootContext);
+	const viewProps = use(ViewContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getViewControlProps(viewProps), { className: classesDatePicker.viewControl }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { ViewControl as default };
+//# sourceMappingURL=view-control.mjs.map

package/dist/components/date-picker/anatomy/view-trigger.d.mts

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

package/dist/components/date-picker/anatomy/view-trigger.mjs

@@ -0,0 +1,22 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ViewContext } from "../modules/view-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesDatePicker } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/date-picker/anatomy/view-trigger.tsx
+function ViewTrigger(props) {
+	const datePicker = use(RootContext);
+	const viewProps = use(ViewContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getViewTriggerProps(viewProps), { className: classesDatePicker.viewTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { ViewTrigger as default };
+//# sourceMappingURL=view-trigger.mjs.map

package/dist/components/date-picker/anatomy/view.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_runtime11 from "react/jsx-runtime";
+import { ViewProps } from "@zag-js/date-picker";
+
+//#region src/components/date-picker/anatomy/view.d.ts
+interface DatePickerViewProps extends ViewProps, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function View(props: DatePickerViewProps): react_jsx_runtime11.JSX.Element;
+//#endregion
+export { DatePickerViewProps, View };
+//# sourceMappingURL=view.d.mts.map

package/dist/components/date-picker/anatomy/view.mjs

@@ -0,0 +1,26 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ViewContext } from "../modules/view-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesDatePicker } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitViewProps } from "@zag-js/date-picker";
+
+//#region src/components/date-picker/anatomy/view.tsx
+function View(props) {
+	const datePicker = use(RootContext);
+	const [viewProps, componentProps] = splitViewProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(datePicker.getViewProps(viewProps), { className: classesDatePicker.view }, rest);
+	return /* @__PURE__ */ jsx(ViewContext.Provider, {
+		value: viewProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { View as default };
+//# sourceMappingURL=view.mjs.map

package/dist/components/date-picker/anatomy/year-select.d.mts

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

package/dist/components/date-picker/anatomy/year-select.mjs

@@ -0,0 +1,23 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesDatePicker } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/date-picker/anatomy/year-select.tsx
+function YearSelect(props) {
+	const datePicker = use(RootContext);
+	const { element,...rest } = props;
+	const attributes = mergeProps(datePicker.getYearSelectProps(), { className: classesDatePicker.yearSelect }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("select", {
+		...attributes,
+		children: datePicker.getYears().map((year, i) => /* @__PURE__ */ jsx("option", {
+			value: year.value,
+			children: year.label
+		}, i))
+	});
+}
+
+//#endregion
+export { YearSelect as default };
+//# sourceMappingURL=year-select.mjs.map

package/dist/components/date-picker/index.d.mts

@@ -0,0 +1,29 @@
+import { DatePickerContentProps } from "./anatomy/content.mjs";
+import { DatePickerControlProps } from "./anatomy/control.mjs";
+import { DatePickerInputProps } from "./anatomy/input.mjs";
+import { DatePickerLabelProps } from "./anatomy/label.mjs";
+import { DatePickerMonthSelectProps } from "./anatomy/month-select.mjs";
+import { DatePickerNextTriggerProps } from "./anatomy/next-trigger.mjs";
+import { DatePickerPositionerProps } from "./anatomy/positioner.mjs";
+import { DatePickerPresetTriggerProps } from "./anatomy/preset-trigger.mjs";
+import { DatePickerPrevTriggerProps } from "./anatomy/prev-trigger.mjs";
+import { DatePickerRangeTextProps } from "./anatomy/range-text.mjs";
+import { DatePickerRootProps } from "./anatomy/root.mjs";
+import { useDatePicker } from "./modules/provider.mjs";
+import { DatePickerRootContextProps } from "./anatomy/root-context.mjs";
+import { DatePickerRootProviderProps } from "./anatomy/root-provider.mjs";
+import { DatePickerTableProps } from "./anatomy/table.mjs";
+import { DatePickerTableBodyProps } from "./anatomy/table-body.mjs";
+import { DatePickerTableCellProps } from "./anatomy/table-cell.mjs";
+import { DatePickerTableCellTriggerProps } from "./anatomy/table-cell-trigger.mjs";
+import { DatePickerTableHeadProps } from "./anatomy/table-head.mjs";
+import { DatePickerTableHeaderProps } from "./anatomy/table-header.mjs";
+import { DatePickerTableRowProps } from "./anatomy/table-row.mjs";
+import { DatePickerTriggerProps } from "./anatomy/trigger.mjs";
+import { DatePickerViewProps } from "./anatomy/view.mjs";
+import { DatePickerViewControlProps } from "./anatomy/view-control.mjs";
+import { DatePickerViewTriggerProps } from "./anatomy/view-trigger.mjs";
+import { DatePickerYearSelectProps } from "./anatomy/year-select.mjs";
+import { DatePicker } from "./modules/anatomy.mjs";
+import { DateValue, parse as parseDate } from "@zag-js/date-picker";
+export { type DateValue, parseDate };

package/dist/components/date-picker/index.mjs

@@ -0,0 +1,5 @@
+import { useDatePicker } from "./modules/provider.mjs";
+import { DatePicker } from "./modules/anatomy.mjs";
+import { parse as parseDate } from "@zag-js/date-picker";
+
+export { parseDate };

package/dist/components/date-picker/modules/anatomy.d.mts

@@ -0,0 +1,56 @@
+import { Content } from "../anatomy/content.mjs";
+import { Control } from "../anatomy/control.mjs";
+import { Input } from "../anatomy/input.mjs";
+import { Label } from "../anatomy/label.mjs";
+import { MonthSelect } from "../anatomy/month-select.mjs";
+import { NextTrigger } from "../anatomy/next-trigger.mjs";
+import { Positioner } from "../anatomy/positioner.mjs";
+import { PresetTrigger } from "../anatomy/preset-trigger.mjs";
+import { PrevTrigger } from "../anatomy/prev-trigger.mjs";
+import { RangeText } from "../anatomy/range-text.mjs";
+import { Root } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { RootProvider } from "../anatomy/root-provider.mjs";
+import { Table } from "../anatomy/table.mjs";
+import { TableBody } from "../anatomy/table-body.mjs";
+import { TableCell } from "../anatomy/table-cell.mjs";
+import { TableCellTrigger } from "../anatomy/table-cell-trigger.mjs";
+import { TableHead } from "../anatomy/table-head.mjs";
+import { TableHeader } from "../anatomy/table-header.mjs";
+import { TableRow } from "../anatomy/table-row.mjs";
+import { Trigger } from "../anatomy/trigger.mjs";
+import { View } from "../anatomy/view.mjs";
+import { ViewControl } from "../anatomy/view-control.mjs";
+import { ViewTrigger } from "../anatomy/view-trigger.mjs";
+import { YearSelect } from "../anatomy/year-select.mjs";
+
+//#region src/components/date-picker/modules/anatomy.d.ts
+declare const DatePicker: typeof Root & {
+  Provider: typeof RootProvider;
+  Context: typeof RootContext;
+  Label: typeof Label;
+  Control: typeof Control;
+  PresetTrigger: typeof PresetTrigger;
+  Input: typeof Input;
+  Trigger: typeof Trigger;
+  Positioner: typeof Positioner;
+  Content: typeof Content;
+  YearSelect: typeof YearSelect;
+  MonthSelect: typeof MonthSelect;
+  View: typeof View;
+  ViewControl: typeof ViewControl;
+  PrevTrigger: typeof PrevTrigger;
+  ViewTrigger: typeof ViewTrigger;
+  RangeText: typeof RangeText;
+  NextTrigger: typeof NextTrigger;
+  Table: typeof Table;
+  TableHead: typeof TableHead;
+  TableRow: typeof TableRow;
+  TableHeader: typeof TableHeader;
+  TableBody: typeof TableBody;
+  TableCell: typeof TableCell;
+  TableCellTrigger: typeof TableCellTrigger;
+};
+//#endregion
+export { DatePicker };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/date-picker/modules/anatomy.mjs

@@ -0,0 +1,57 @@
+import Content from "../anatomy/content.mjs";
+import Control from "../anatomy/control.mjs";
+import Input from "../anatomy/input.mjs";
+import Label from "../anatomy/label.mjs";
+import MonthSelect from "../anatomy/month-select.mjs";
+import NextTrigger from "../anatomy/next-trigger.mjs";
+import Positioner from "../anatomy/positioner.mjs";
+import PresetTrigger from "../anatomy/preset-trigger.mjs";
+import PrevTrigger from "../anatomy/prev-trigger.mjs";
+import RangeText from "../anatomy/range-text.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import RootProvider from "../anatomy/root-provider.mjs";
+import Root from "../anatomy/root.mjs";
+import TableBody from "../anatomy/table-body.mjs";
+import TableCellTrigger from "../anatomy/table-cell-trigger.mjs";
+import TableCell from "../anatomy/table-cell.mjs";
+import TableHead from "../anatomy/table-head.mjs";
+import TableHeader from "../anatomy/table-header.mjs";
+import TableRow from "../anatomy/table-row.mjs";
+import Table from "../anatomy/table.mjs";
+import Trigger from "../anatomy/trigger.mjs";
+import ViewControl from "../anatomy/view-control.mjs";
+import ViewTrigger from "../anatomy/view-trigger.mjs";
+import View from "../anatomy/view.mjs";
+import YearSelect from "../anatomy/year-select.mjs";
+
+//#region src/components/date-picker/modules/anatomy.ts
+const DatePicker = Object.assign(Root, {
+	Provider: RootProvider,
+	Context: RootContext,
+	Label,
+	Control,
+	PresetTrigger,
+	Input,
+	Trigger,
+	Positioner,
+	Content,
+	YearSelect,
+	MonthSelect,
+	View,
+	ViewControl,
+	PrevTrigger,
+	ViewTrigger,
+	RangeText,
+	NextTrigger,
+	Table,
+	TableHead,
+	TableRow,
+	TableHeader,
+	TableBody,
+	TableCell,
+	TableCellTrigger
+});
+
+//#endregion
+export { DatePicker };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/date-picker/modules/provider.d.mts

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

package/dist/components/date-picker/modules/provider.mjs

@@ -0,0 +1,15 @@
+import { useId } from "react";
+import { normalizeProps, useMachine } from "@zag-js/react";
+import { connect, machine } from "@zag-js/date-picker";
+
+//#region src/components/date-picker/modules/provider.ts
+function useDatePicker(props = {}) {
+	return connect(useMachine(machine, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+export { useDatePicker };
+//# sourceMappingURL=provider.mjs.map

package/dist/components/date-picker/modules/root-context.mjs

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

package/dist/components/date-picker/modules/table-cell-context.mjs

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

package/dist/components/date-picker/modules/view-context.mjs

@@ -0,0 +1,8 @@
+import { createContext } from "../../../internal/create-context.mjs";
+
+//#region src/components/date-picker/modules/view-context.ts
+const ViewContext = createContext({ view: "day" });
+
+//#endregion
+export { ViewContext };
+//# sourceMappingURL=view-context.mjs.map

package/dist/components/dialog/anatomy/backdrop.d.mts

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

package/dist/components/dialog/anatomy/backdrop.mjs

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

package/dist/components/dialog/anatomy/close-trigger.d.mts

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

package/dist/components/dialog/anatomy/close-trigger.mjs

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

package/dist/components/dialog/anatomy/content.d.mts

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

package/dist/components/dialog/anatomy/content.mjs

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

package/dist/components/dialog/anatomy/description.d.mts

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

package/dist/components/dialog/anatomy/description.mjs

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

package/dist/components/dialog/anatomy/positioner.d.mts

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

package/dist/components/dialog/anatomy/positioner.mjs

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { useDialog } from "../modules/provider.mjs";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/components/dialog/anatomy/root-provider.d.ts
+interface DialogRootProviderProps extends PropsWithChildren {
+  value: ReturnType<typeof useDialog>;
+}
+declare function RootProvider(props: DialogRootProviderProps): react_jsx_runtime13.JSX.Element;
+//#endregion
+export { DialogRootProviderProps, RootProvider };
+//# sourceMappingURL=root-provider.d.mts.map

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

@@ -0,0 +1,15 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/dialog/anatomy/root-provider.tsx
+function RootProvider(props) {
+	const { children, value: dialog } = props;
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: dialog,
+		children
+	});
+}
+
+//#endregion
+export { RootProvider as default };
+//# sourceMappingURL=root-provider.mjs.map

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

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import { Props } from "@zag-js/dialog";
+
+//#region src/components/dialog/anatomy/root.d.ts
+interface DialogRootProps extends PropsWithChildren, Omit<Props, 'id'> {}
+declare function Root(props: DialogRootProps): react_jsx_runtime12.JSX.Element;
+//#endregion
+export { DialogRootProps, Root };
+//# sourceMappingURL=root.d.mts.map

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

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { useDialog } from "../modules/provider.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { splitProps } from "@zag-js/dialog";
+
+//#region src/components/dialog/anatomy/root.tsx
+function Root(props) {
+	const [dialogProps, componentProps] = splitProps(props);
+	const { children } = componentProps;
+	const dialog = useDialog(dialogProps);
+	return /* @__PURE__ */ jsx(RootContext.Provider, {
+		value: dialog,
+		children
+	});
+}
+
+//#endregion
+export { Root as default };
+//# sourceMappingURL=root.mjs.map

package/dist/components/dialog/anatomy/title.d.mts

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

package/dist/components/dialog/anatomy/title.mjs

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

package/dist/components/dialog/anatomy/trigger.d.mts

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